diff --git a/src/warden-server/contrib/wardenweb/datatables/.gitignore b/src/warden-server/contrib/wardenweb/datatables/.gitignore new file mode 100644 index 0000000000000000000000000000000000000000..2802312a788ed401e2a998ea2b0f78e01f3df652 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/.gitignore @@ -0,0 +1,5 @@ +extras +docs +cdn +media/js/jquery.dataTables.min.js +.DS_Store diff --git a/src/warden-server/contrib/wardenweb/datatables/DataTables-1.9.0.zip b/src/warden-server/contrib/wardenweb/datatables/DataTables-1.9.0.zip new file mode 100644 index 0000000000000000000000000000000000000000..ab4dba2002d22ba7f372a5ed7b9e0035c12f110a Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/DataTables-1.9.0.zip differ diff --git a/src/warden-server/contrib/wardenweb/datatables/Readme.txt b/src/warden-server/contrib/wardenweb/datatables/Readme.txt new file mode 100644 index 0000000000000000000000000000000000000000..96a47cbde67e6bd2a1032d0b387a3bd8f4082de1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/Readme.txt @@ -0,0 +1,11 @@ +This DataTables plugin (v1.9.x) for jQuery was developed out of the desire to allow highly configurable access to HTML tables with advanced access features. + +For detailed installation, usage and API instructions, please refer to the DataTables web-pages: http://www.datatables.net + +Questions, feature requests and bug reports (etc) can all be asked on the DataTables forums: http://www.datatables.net/forums/ + +The DataTables source can be found in the media/js/ directory of this archive. + +DataTables is released with dual licensing, using the GPL v2 (license-gpl2.txt) and an BSD style license (license-bsd.txt). You may select which of the two licenses you wish to use DataTables under. Please see the corresponding license file for details of these licenses. You are free to use, modify and distribute this software, but all copyright information must remain. + +If you discover any bugs in DataTables, have any suggestions for improvements or even if you just like using it, please free to get in touch with me: www.datatables.net/contact \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/demo_table.css b/src/warden-server/contrib/wardenweb/datatables/demo_table.css new file mode 100644 index 0000000000000000000000000000000000000000..5fad8e6d9907b5fb1bffd3020f3cfe3bf91cf232 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/demo_table.css @@ -0,0 +1,575 @@ +/* + * File: demo_table.css + * CVS: $Id$ + * Description: CSS descriptions for DataTables demo pages + * Author: Allan Jardine + * Created: Tue May 12 06:47:22 BST 2009 + * Modified: $Date$ by $Author$ + * Language: CSS + * Project: DataTables + * + * Copyright 2009 Allan Jardine. All Rights Reserved. + * + * *************************************************************************** + * DESCRIPTION + * + * The styles given here are suitable for the demos that are used with the standard DataTables + * distribution (see www.datatables.net). You will most likely wish to modify these styles to + * meet the layout requirements of your site. + * + * Common issues: + * 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is + * no conflict between the two pagination types. If you want to use full_numbers pagination + * ensure that you either have "example_alt_pagination" as a body class name, or better yet, + * modify that selector. + * Note that the path used for Images is relative. All images are by default located in + * ../images/ - relative to this CSS file. + */ + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables features + */ + +.dataTables_wrapper { + position: relative; + clear: both; + zoom: 1; /* Feeling sorry for IE */ +} + +.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + width: 250px; + height: 30px; + margin-left: -125px; + margin-top: -15px; + padding: 14px 0 2px 0; + border: 1px solid #ddd; + text-align: center; + color: #999; + font-size: 14px; + background-color: white; +} + +.dataTables_length { + width: 40%; + float: left; +} + +.dataTables_filter { + width: 50%; + float: right; + text-align: right; +} + +.dataTables_info { + width: 60%; + float: left; +} + +.dataTables_paginate { + float: right; + text-align: right; +} + +/* Pagination nested */ +.paginate_disabled_previous, .paginate_enabled_previous, +.paginate_disabled_next, .paginate_enabled_next { + height: 19px; + float: left; + cursor: pointer; + *cursor: hand; + color: #111 !important; +} +.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, +.paginate_disabled_next:hover, .paginate_enabled_next:hover { + text-decoration: none !important; +} +.paginate_disabled_previous:active, .paginate_enabled_previous:active, +.paginate_disabled_next:active, .paginate_enabled_next:active { + outline: none; +} + +.paginate_disabled_previous, +.paginate_disabled_next { + color: #666 !important; +} +.paginate_disabled_previous, .paginate_enabled_previous { + padding-left: 23px; +} +.paginate_disabled_next, .paginate_enabled_next { + padding-right: 23px; + margin-left: 10px; +} + +.paginate_disabled_previous { + background: url('../images/back_disabled.png') no-repeat top left; +} + +.paginate_enabled_previous { + background: url('../images/back_enabled.png') no-repeat top left; +} +.paginate_enabled_previous:hover { + background: url('../images/back_enabled_hover.png') no-repeat top left; +} + +.paginate_disabled_next { + background: url('../images/forward_disabled.png') no-repeat top right; +} + +.paginate_enabled_next { + background: url('../images/forward_enabled.png') no-repeat top right; +} +.paginate_enabled_next:hover { + background: url('../images/forward_enabled_hover.png') no-repeat top right; +} + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables display + */ +table.display { + margin: 0 auto; + clear: both; + width: 100%; + + /* Note Firefox 3.5 and before have a bug with border-collapse + * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) + * border-spacing: 0; is one possible option. Conditional-css.com is + * useful for this kind of thing + * + * Further note IE 6/7 has problems when calculating widths with border width. + * It subtracts one px relative to the other browsers from the first column, and + * adds one to the end... + * + * If you want that effect I'd suggest setting a border-top/left on th/td's and + * then filling in the gaps with other borders. + */ +} + +table.display thead th { + padding: 3px 18px 3px 10px; + border-bottom: 1px solid black; + font-weight: bold; + cursor: pointer; + * cursor: hand; +} + +table.display tfoot th { + padding: 3px 18px 3px 10px; + border-top: 1px solid black; + font-weight: bold; +} + +table.display tr.heading2 td { + border-bottom: 1px solid #aaa; +} + +table.display td { + padding: 3px 10px; +} + +table.display td.center { + text-align: center; +} + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables sorting + */ + +.sorting_asc { + background: url('../images/sort_asc.png') no-repeat center right; +} + +.sorting_desc { + background: url('../images/sort_desc.png') no-repeat center right; +} + +.sorting { + background: url('../images/sort_both.png') no-repeat center right; +} + +.sorting_asc_disabled { + background: url('../images/sort_asc_disabled.png') no-repeat center right; +} + +.sorting_desc_disabled { + background: url('../images/sort_desc_disabled.png') no-repeat center right; +} + +th:active { + outline: none; +} + + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables row classes + */ +table.display tr.odd.gradeA { + background-color: #ddffdd; +} + +table.display tr.even.gradeA { + background-color: #eeffee; +} + +table.display tr.odd.gradeC { + background-color: #ddddff; +} + +table.display tr.even.gradeC { + background-color: #eeeeff; +} + +table.display tr.odd.gradeX { + background-color: #ffdddd; +} + +table.display tr.even.gradeX { + background-color: #ffeeee; +} + +table.display tr.odd.gradeU { + background-color: #ddd; +} + +table.display tr.even.gradeU { + background-color: #eee; +} + + +tr.odd { + background-color: #E2E4FF; +} + +tr.even { + background-color: white; +} + + + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Misc + */ +.dataTables_scroll { + clear: both; +} + +.dataTables_scrollBody { + *margin-top: -1px; +} + +.top, .bottom { + padding: 15px; + background-color: #F5F5F5; + border: 1px solid #CCCCCC; +} + +.top .dataTables_info { + float: none; +} + +.clear { + clear: both; +} + +.dataTables_empty { + text-align: center; +} + +tfoot input { + margin: 0.5em 0; + width: 100%; + color: #444; +} + +tfoot input.search_init { + color: #999; +} + +td.group { + background-color: #d1cfd0; + border-bottom: 2px solid #A19B9E; + border-top: 2px solid #A19B9E; +} + +td.details { + background-color: #d1cfd0; + border: 2px solid #A19B9E; +} + + +.example_alt_pagination div.dataTables_info { + width: 40%; +} + +.paging_full_numbers { + width: 400px; + height: 22px; + line-height: 22px; +} + +.paging_full_numbers a:active { + outline: none +} + +.paging_full_numbers a:hover { + text-decoration: none; +} + +.paging_full_numbers a.paginate_button, + .paging_full_numbers a.paginate_active { + border: 1px solid #aaa; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + padding: 2px 5px; + margin: 0 3px; + cursor: pointer; + *cursor: hand; + color: #333 !important; +} + +.paging_full_numbers a.paginate_button { + background-color: #ddd; +} + +.paging_full_numbers a.paginate_button:hover { + background-color: #ccc; + text-decoration: none !important; +} + +.paging_full_numbers a.paginate_active { + background-color: #99B3FF; +} + +table.display tr.even.row_selected td { + background-color: #B0BED9; +} + +table.display tr.odd.row_selected td { + background-color: #9FAFD1; +} + + +/* + * Sorting classes for columns + */ +/* For the standard odd/even */ +tr.odd td.sorting_1 { + background-color: #D3D6FF; +} + +tr.odd td.sorting_2 { + background-color: #DADCFF; +} + +tr.odd td.sorting_3 { + background-color: #E0E2FF; +} + +tr.even td.sorting_1 { + background-color: #EAEBFF; +} + +tr.even td.sorting_2 { + background-color: #F2F3FF; +} + +tr.even td.sorting_3 { + background-color: #F9F9FF; +} + + +/* For the Conditional-CSS grading rows */ +/* + Colour calculations (based off the main row colours) + Level 1: + dd > c4 + ee > d5 + Level 2: + dd > d1 + ee > e2 + */ +tr.odd.gradeA td.sorting_1 { + background-color: #c4ffc4; +} + +tr.odd.gradeA td.sorting_2 { + background-color: #d1ffd1; +} + +tr.odd.gradeA td.sorting_3 { + background-color: #d1ffd1; +} + +tr.even.gradeA td.sorting_1 { + background-color: #d5ffd5; +} + +tr.even.gradeA td.sorting_2 { + background-color: #e2ffe2; +} + +tr.even.gradeA td.sorting_3 { + background-color: #e2ffe2; +} + +tr.odd.gradeC td.sorting_1 { + background-color: #c4c4ff; +} + +tr.odd.gradeC td.sorting_2 { + background-color: #d1d1ff; +} + +tr.odd.gradeC td.sorting_3 { + background-color: #d1d1ff; +} + +tr.even.gradeC td.sorting_1 { + background-color: #d5d5ff; +} + +tr.even.gradeC td.sorting_2 { + background-color: #e2e2ff; +} + +tr.even.gradeC td.sorting_3 { + background-color: #e2e2ff; +} + +tr.odd.gradeX td.sorting_1 { + background-color: #ffc4c4; +} + +tr.odd.gradeX td.sorting_2 { + background-color: #ffd1d1; +} + +tr.odd.gradeX td.sorting_3 { + background-color: #ffd1d1; +} + +tr.even.gradeX td.sorting_1 { + background-color: #ffd5d5; +} + +tr.even.gradeX td.sorting_2 { + background-color: #ffe2e2; +} + +tr.even.gradeX td.sorting_3 { + background-color: #ffe2e2; +} + +tr.odd.gradeU td.sorting_1 { + background-color: #c4c4c4; +} + +tr.odd.gradeU td.sorting_2 { + background-color: #d1d1d1; +} + +tr.odd.gradeU td.sorting_3 { + background-color: #d1d1d1; +} + +tr.even.gradeU td.sorting_1 { + background-color: #d5d5d5; +} + +tr.even.gradeU td.sorting_2 { + background-color: #e2e2e2; +} + +tr.even.gradeU td.sorting_3 { + background-color: #e2e2e2; +} + + +/* + * Row highlighting example + */ +.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { + background-color: #ECFFB3; +} + +.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { + background-color: #E6FF99; +} + +.ex_highlight_row #example tr.even:hover { + background-color: #ECFFB3; +} + +.ex_highlight_row #example tr.even:hover td.sorting_1 { + background-color: #DDFF75; +} + +.ex_highlight_row #example tr.even:hover td.sorting_2 { + background-color: #E7FF9E; +} + +.ex_highlight_row #example tr.even:hover td.sorting_3 { + background-color: #E2FF89; +} + +.ex_highlight_row #example tr.odd:hover { + background-color: #E6FF99; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_1 { + background-color: #D6FF5C; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_2 { + background-color: #E0FF84; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_3 { + background-color: #DBFF70; +} + + +/* + * KeyTable + */ +table.KeyTable td { + border: 3px solid transparent; +} + +table.KeyTable td.focus { + border: 3px solid #3366FF; +} + +table.display tr.gradeA { + background-color: #eeffee; +} + +table.display tr.gradeC { + background-color: #ddddff; +} + +table.display tr.gradeX { + background-color: #ffdddd; +} + +table.display tr.gradeU { + background-color: #ddd; +} + +div.box { + height: 100px; + padding: 10px; + overflow: auto; + border: 1px solid #8080FF; + background-color: #E5E5FF; +} diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/column_render.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/column_render.html new file mode 100644 index 0000000000000000000000000000000000000000..2c493be2e2a90a4f05f2af46ba5185bd07fb5c7e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/column_render.html @@ -0,0 +1,619 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "aoColumnDefs": [ + { + "fnRender": function ( oObj, sVal ) { + return sVal +' '+ oObj.aData[3]; + }, + "aTargets": [ 0 ] + }, + { "bVisible": false, "aTargets": [ 3 ] }, + { "sClass": "center", "aTargets": [ 4 ] } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables with column rendering + </div> + + <h1>Preamble</h1> + <p>You may specify a function for each column to render the available data in a specific manner which will be called when the table is drawn. In this example I've appended the rendering engine version to the rendering engine name in the first column, and hidden the version column.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "aoColumnDefs": [ + { + "fnRender": function ( oObj, sVal ) { + return sVal +' '+ oObj.aData[3]; + }, + "aTargets": [ 0 ] + }, + { "bVisible": false, "aTargets": [ 3 ] }, + { "sClass": "center", "aTargets": [ 4 ] } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/complex_header.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/complex_header.html new file mode 100644 index 0000000000000000000000000000000000000000..6bd0425384dc49edc4a6cf26efd84f363f75671b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/complex_header.html @@ -0,0 +1,616 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "aoColumnDefs": [ + { "bVisible": false, "aTargets": [2] } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables complex header example (rowspan and colspan) + </div> + + <h1>Preamble</h1> + <p>Complex headers (using colspan / rowspan) can be used to group columns of similar information in DataTables, creating a very powerful visual effect. In addition to the basic behaviour, DataTables can also take colspan and rowspans into account when working with hidden columns. The colspan and rowspan attributes for each cell are automatically calculated and rendered on the page for you. This also allows <a href="http://datatables.net/extras/colvis/">the ColVis extra</a> for DataTables to work great with hidden columns.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th rowspan="2">Rendering engine</th> + <th rowspan="2">Browser</th> + <th colspan="3">Details</th> + </tr> + <tr> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tfoot> + <tr> + <th rowspan="2">Rendering engine</th> + <th rowspan="2">Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + <tr> + <th colspan="3">Details</th> + </tr> + </tfoot> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "aoColumnDefs": [ + { "bVisible": false, "aTargets": [2] } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/defaults.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/defaults.html new file mode 100644 index 0000000000000000000000000000000000000000..6c22ac5e0dc350e41a19333af521694a43c99d1d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/defaults.html @@ -0,0 +1,613 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $.extend( $.fn.dataTable.defaults, { + "bFilter": false, + "bSort": false + } ); + + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables - setting defaults example + </div> + + <h1>Preamble</h1> + <p>When working with DataTables over multiple pages it is often useful to set the initialisation defaults to common values (for example you might want to set <i>sDom</i> to a common value so all tables get the same layout). This can be done using the <i>$.fn.dataTable.defaults</i> object. This object will take all the same parameters as the DataTables initialisation object, but in this case you are setting the default for all future initialisations of DataTables.</p> + + <p>This example shows the filtering and sorting features of DataTables being disabled by default, which is reflected in the table when it is initialised, as can be seen below.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center"> 4</td> + <td class="center">X</td> + </tr> + <tr class="even gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $.extend( $.fn.dataTable.defaults, { + "bFilter": false, + "bSort": false + } ); + + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/dom_multiple_elements.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/dom_multiple_elements.html new file mode 100644 index 0000000000000000000000000000000000000000..ad399e0b0b909a1d4497a2006694a5f8abf13c56 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/dom_multiple_elements.html @@ -0,0 +1,612 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + div.dataTables_info { + padding-bottom: 10px; + } + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "sDom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>' + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables DOM positioning - multiple instances example + </div> + + <h1>Preamble</h1> + <p>As is described by the basic <a href="../basic_init/dom.html">DOM positioning example</a> you can use the sDom initialisation parameter to move DataTables features around the table to where you want them. However you can also use sDom to create multiple instances of these table controls. Simply include the feature's identification letter where you want it to appear, as many times as you wish, and the controls will all sync up.</p> + <p>This is shown in the demo below where for four key build-in features are duplicated above and below the table. Note that obviously the table ('t') should be included only once.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td> + Internet + Explorer + 4.0 + </td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "sDom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>' + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/dom_toolbar.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/dom_toolbar.html new file mode 100644 index 0000000000000000000000000000000000000000..f1ffa4b19dfbcd3cdc7fc72472ff0c1d498d185b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/dom_toolbar.html @@ -0,0 +1,617 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + div.dataTables_info { + padding-bottom: 10px; + } + .toolbar { + float: left; + } + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "sDom": '<"toolbar">frtip' + } ); + $("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>'); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables Custom DOM additions + </div> + + <h1>Preamble</h1> + <p>DataTables inserts DOM elements around the table to control DataTables features, and you can make use of this mechanism as well to insert your own custom elements. In this example a DIV with a class of 'toolbar' is created using sDom, and then HTML is inserted into the created DIV once the table has been initialised. You could put whatever HTML you want into the toolbar and add event handlers etc.</p> + <p>For more complex DOM manipulation around the table, you might want to consider making use of DataTables <a href="/development/features">feature plug-in API</a>, which is used for <a href="/release-datatables/extras/TableTools/">TableTools</a> and other DataTables plug-ins.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td> + Internet + Explorer + 4.0 + </td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "sDom": '<"toolbar">frtip' + } ); + $("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>'); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/dt_events.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/dt_events.html new file mode 100644 index 0000000000000000000000000000000000000000..1d1640ce8c2aca9d327859578a5b41c5070dc42d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/dt_events.html @@ -0,0 +1,623 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + function eventFired( type ) { + var n = document.getElementById('demo_info'); + n.innerHTML += '<div>'+type+' event - '+new Date().getTime()+'</div>'; + n.scrollTop = n.scrollHeight; + } + + $(document).ready(function() { + $('#example') + .bind('sort', function () { eventFired( 'Sort' ); }) + .bind('filter', function () { eventFired( 'Filter' ); }) + .bind('page', function () { eventFired( 'Page' ); }) + .dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables | events example + </div> + + <h1>Preamble</h1> + <p>DataTables can fire a number of custom events which you can bind to, allowing your code to perform custom actions when the events occured. This example shows the use of the <i>sort</i>, <i>filter</i> and <i>page</i> events and will add a nitofication that the event fired to an element on the page to show that they have indeed fired.</p> + + <h1>Live example</h1> + <div id="demo_info"></div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center"> 4</td> + <td class="center">X</td> + </tr> + <tr class="even gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">function eventFired( type ) { + var n = document.getElementById('demo_info'); + n.innerHTML += '<:div>:'+type+' event - '+new Date().getTime()+'<:/div>:'; + n.scrollTop = n.scrollHeight; +} + +$(document).ready(function() { + $('#example') + .bind('sort', function () { eventFired( 'Sort' ); }) + .bind('filter', function () { eventFired( 'Filter' ); }) + .bind('page', function () { eventFired( 'Page' ); }) + .dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/events_live.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/events_live.html new file mode 100644 index 0000000000000000000000000000000000000000..c031d24d6665e66c1bf59a2b4874a1f9d553d935 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/events_live.html @@ -0,0 +1,645 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + @import "../examples_support/jquery.tooltip.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../examples_support/jquery.tooltip.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + /* Init DataTables */ + $('#example').dataTable(); + + /* Add events */ + $('#example tbody tr').live('click', function () { + var sTitle; + var nTds = $('td', this); + var sBrowser = $(nTds[1]).text(); + var sGrade = $(nTds[4]).text(); + + if ( sGrade == "A" ) + sTitle = sBrowser+' will provide a first class (A) level of CSS support.'; + else if ( sGrade == "C" ) + sTitle = sBrowser+' will provide a core (C) level of CSS support.'; + else if ( sGrade == "X" ) + sTitle = sBrowser+' does not provide CSS support or has a broken implementation. Block CSS.'; + else + sTitle = sBrowser+' will provide an undefined level of CSS support.'; + + alert( sTitle ) + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables - live events example + </div> + + <h1>Preamble</h1> + <p>Events assigned to the table can be exceptionally useful for user interaction, however you must be aware that DataTables will add and remove rows from the DOM as they are needed (i.e. when paging only the visible elements are actually available in the DOM). As such, this can lead to the odd hiccup when working with events. One of the best ways of dealing with this is through the use of live events, as shown in this example.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer + 4.0 + </td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + /* Init DataTables */ + $('#example').dataTable(); + + /* Add events */ + $('#example tbody tr').live('click', function () { + var sTitle; + var nTds = $('td', this); + var sBrowser = $(nTds[1]).text(); + var sGrade = $(nTds[4]).text(); + + if ( sGrade == "A" ) + sTitle = sBrowser+' will provide a first class (A) level of CSS support.'; + else if ( sGrade == "C" ) + sTitle = sBrowser+' will provide a core (C) level of CSS support.'; + else if ( sGrade == "X" ) + sTitle = sBrowser+' does not provide CSS support or has a broken implementation. Block CSS.'; + else + sTitle = sBrowser+' will provide an undefined level of CSS support.'; + + alert( sTitle ) + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/events_post_init.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/events_post_init.html new file mode 100644 index 0000000000000000000000000000000000000000..00cbac4c46d0c2577c82246b924b29392a92764a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/events_post_init.html @@ -0,0 +1,668 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + @import "../examples_support/jquery.tooltip.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../examples_support/jquery.tooltip.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + /* + * First step is to create title attributes for the rows in the table + * This isn't needed if the required 'title' attribute is already set in the HTML in the + * DOM + */ + $('#example tbody tr').each( function() { + var sTitle; + var nTds = $('td', this); + var sBrowser = $(nTds[1]).text(); + var sGrade = $(nTds[4]).text(); + + if ( sGrade == "A" ) + sTitle = sBrowser+' will provide a first class (A) level of CSS support.'; + else if ( sGrade == "C" ) + sTitle = sBrowser+' will provide a core (C) level of CSS support.'; + else if ( sGrade == "X" ) + sTitle = sBrowser+' does not provide CSS support or has a broken implementation. Block CSS.'; + else + sTitle = sBrowser+' will provide an undefined level of CSS support.'; + + this.setAttribute( 'title', sTitle ); + } ); + + /* Init DataTables */ + var oTable = $('#example').dataTable(); + + /* Apply the tooltips */ + oTable.$('tr').tooltip( { + "delay": 0, + "track": true, + "fade": 250 + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables events (post-initialisation) example + </div> + + <h1>Preamble</h1> + <p>Events which are assigned to the table elements are retained by DataTables such that they will still work as you would expect, even after changing the sort order etc. (no need to reapply the event handlers). You can do this at any time, although if you apply the handlers after the table has been initialised there is an extra set. Rather then querying the DOM to get all rows (since they aren't there) you can use the '$' API method that DataTables provides which does a jQuery selector on the whole table and returns a jQuery object.</p> + <p>This example shows the tooltip plug-in being applied to the table after initialisation.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer + 4.0 + </td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + /* + * First step is to create title attributes for the rows in the table + * This isn't needed if the required 'title' attribute is already set in the HTML in the + * DOM + */ + $('#example tbody tr').each( function() { + var sTitle; + var nTds = $('td', this); + var sBrowser = $(nTds[1]).text(); + var sGrade = $(nTds[4]).text(); + + if ( sGrade == "A" ) + sTitle = sBrowser+' will provide a first class (A) level of CSS support.'; + else if ( sGrade == "C" ) + sTitle = sBrowser+' will provide a core (C) level of CSS support.'; + else if ( sGrade == "X" ) + sTitle = sBrowser+' does not provide CSS support or has a broken implementation. Block CSS.'; + else + sTitle = sBrowser+' will provide an undefined level of CSS support.'; + + this.setAttribute( 'title', sTitle ); + } ); + + /* Init DataTables */ + var oTable = $('#example').dataTable(); + + /* Apply the tooltips */ + oTable.$('tr').tooltip( { + "delay": 0, + "track": true, + "fade": 250 + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/events_pre_init.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/events_pre_init.html new file mode 100644 index 0000000000000000000000000000000000000000..68fdb55d6d96df13b4b173c26aa094dfc0d67dbe --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/events_pre_init.html @@ -0,0 +1,667 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + @import "../examples_support/jquery.tooltip.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../examples_support/jquery.tooltip.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + /* + * First step is to create title attributes for the rows in the table + * This isn't needed if the required 'title' attribute is already set in the HTML in the + * DOM + */ + $('#example tbody tr').each( function() { + var sTitle; + var nTds = $('td', this); + var sBrowser = $(nTds[1]).text(); + var sGrade = $(nTds[4]).text(); + + if ( sGrade == "A" ) + sTitle = sBrowser+' will provide a first class (A) level of CSS support.'; + else if ( sGrade == "C" ) + sTitle = sBrowser+' will provide a core (C) level of CSS support.'; + else if ( sGrade == "X" ) + sTitle = sBrowser+' does not provide CSS support or has a broken implementation. Block CSS.'; + else + sTitle = sBrowser+' will provide an undefined level of CSS support.'; + + this.setAttribute( 'title', sTitle ); + } ); + + /* Apply the tooltips */ + $('#example tbody tr[title]').tooltip( { + "delay": 0, + "track": true, + "fade": 250 + } ); + + /* Init DataTables */ + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables events (pre-initialisation) example + </div> + + <h1>Preamble</h1> + <p>Events which are assigned to the table elements are retained by DataTables such that they will still work as you would expect, even after changing the sort order etc. (no need to reapply the event handlers). If you apply the event handlers before you initialise DataTables, you just do this in the normal way. This is shown in this example where the call <b>$('#example tbody tr[title]').tooltip();</b> is made before the table is initialised.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer + 4.0 + </td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + /* + * First step is to create title attributes for the rows in the table + * This isn't needed if the required 'title' attribute is already set in the HTML in the + * DOM + */ + $('#example tbody tr').each( function() { + var sTitle; + var nTds = $('td', this); + var sBrowser = $(nTds[1]).text(); + var sGrade = $(nTds[4]).text(); + + if ( sGrade == "A" ) + sTitle = sBrowser+' will provide a first class (A) level of CSS support.'; + else if ( sGrade == "C" ) + sTitle = sBrowser+' will provide a core (C) level of CSS support.'; + else if ( sGrade == "X" ) + sTitle = sBrowser+' does not provide CSS support or has a broken implementation. Block CSS.'; + else + sTitle = sBrowser+' will provide an undefined level of CSS support.'; + + this.setAttribute( 'title', sTitle ); + } ); + + /* Apply the tooltips */ + $('#example tbody tr[title]').tooltip( { + "delay": 0, + "track": true, + "fade": 250 + } ); + + /* Init DataTables */ + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/footer_callback.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/footer_callback.html new file mode 100644 index 0000000000000000000000000000000000000000..b0924ba89479f172dd38e254cdb073dfc413ce01 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/footer_callback.html @@ -0,0 +1,651 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "fnFooterCallback": function ( nRow, aaData, iStart, iEnd, aiDisplay ) { + /* + * Calculate the total market share for all browsers in this table (ie inc. outside + * the pagination) + */ + var iTotalMarket = 0; + for ( var i=0 ; i<aaData.length ; i++ ) + { + iTotalMarket += aaData[i][4]*1; + } + + /* Calculate the market share for browsers on this page */ + var iPageMarket = 0; + for ( var i=iStart ; i<iEnd ; i++ ) + { + iPageMarket += aaData[ aiDisplay[i] ][4]*1; + } + + /* Modify the footer row to match what we want */ + var nCells = nRow.getElementsByTagName('th'); + nCells[1].innerHTML = parseInt(iPageMarket * 100)/100 + + '% ('+ parseInt(iTotalMarket * 100)/100 +'% total)'; + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables footer callback example + </div> + + <h1>Preamble</h1> + <p>DataTables using the header and footer callback manipulation functions (fnHeaderCallback() and fnFooterCallback()) you can perform some powerful and useful data manipulation. The example given below shows how a callback function can be used to total up visible (and hidden) data, taking into account all of DataTable's features (pagination, filtering etc).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Engine version</th> + <th>CSS grade</th> + <th style="width: 150px">Market share (%)</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td> + Internet + Explorer + 4.0 + </td> + <td class="center">4</td> + <td class="center">X</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td class="center">5</td> + <td class="center">C</td> + <td class="center">0.1</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td class="center">5.5</td> + <td class="center">A</td> + <td class="center">0.5</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td class="center">6</td> + <td class="center">A</td> + <td class="center">36</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td class="center">7</td> + <td class="center">A</td> + <td class="center">41</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td class="center">6</td> + <td class="center">A</td> + <td class="center">1</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td class="center">1.7</td> + <td class="center">A</td> + <td class="center">0.1</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center">0.5</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center">7</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td class="center">1.9</td> + <td class="center">A</td> + <td class="center">9</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td class="center">1.7</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td class="center">1</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td class="center">1.1</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td class="center">1.2</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td class="center">1.3</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td class="center">1.4</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td class="center">1.5</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td class="center">1.6</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td class="center">1.7</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td class="center">125.5</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td class="center">419.3</td> + <td class="center">A</td> + <td class="center">1</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td class="center">522.1</td> + <td class="center">A</td> + <td class="center">2.2</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td class="center">420</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td class="center">420.1</td> + <td class="center">A</td> + <td class="center">0.05</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.1</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.2</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.8</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + <td class="center">0.01</td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td class="center">-</td> + <td class="center">X</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td class="center">1</td> + <td class="center">C</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td class="center">1</td> + <td class="center">C</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td class="center">-</td> + <td class="center">C</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td class="center">-</td> + <td class="center">X</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td class="center">-</td> + <td class="center">X</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td class="center">-</td> + <td class="center">X</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td class="center">-</td> + <td class="center">C</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td class="center">-</td> + <td class="center">C</td> + <td class="center">0.01</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td class="center">-</td> + <td class="center">U</td> + <td class="center">0.04</td> + </tr> + </tbody> + <tfoot> + <tr> + <th style="text-align:right" colspan="4">Total:</th> + <th></th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + <p class="space">Warning! The market share information given in this table is <b>fabricated</b> using a combination of (mild) judgement, the <a href="http://www.mail-archive.com/backstage@lists.bbc.co.uk/msg03899.html">BBC Browser Statistics</a> information and statistics from <a href="http://www.thecounter.com/stats/2008/August/browser.php">TheCounter.com</a>. THe lowest usage given to anyone browser is 0.01 for reasons of this example.</p> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "fnFooterCallback": function ( nRow, aaData, iStart, iEnd, aiDisplay ) { + /* + * Calculate the total market share for all browsers in this table (ie inc. outside + * the pagination) + */ + var iTotalMarket = 0; + for ( var i=0 ; i<aaData.length ; i++ ) + { + iTotalMarket += aaData[i][4]*1; + } + + /* Calculate the market share for browsers on this page */ + var iPageMarket = 0; + for ( var i=iStart ; i<iEnd ; i++ ) + { + iPageMarket += aaData[ aiDisplay[i] ][4]*1; + } + + /* Modify the footer row to match what we want */ + var nCells = nRow.getElementsByTagName('th'); + nCells[1].innerHTML = parseInt(iPageMarket * 100)/100 + + '% ('+ parseInt(iTotalMarket * 100)/100 +'% total)'; + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/highlight.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/highlight.html new file mode 100644 index 0000000000000000000000000000000000000000..df4ccee60a2eb1cf9ea07becde0e74f9f1d805f7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/highlight.html @@ -0,0 +1,644 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example" class="ex_highlight_row"> + <div id="container"> + <div class="full_width big"> + DataTables highlighting via CSS example + </div> + + <h1>Preamble</h1> + <p>When highlighting rows using CSS :hover, you need to be aware of the sorting class which is applied to elements in the column currently being sorted (assuming it is enabled - it is by default). This example shows how to consider this in CSS, with highlighting for each row, and a little tint for the sorting column to maintain it's visibility as the column currently being sorted upon.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <p>Javascript:</p> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <p>CSS (note that for this example the selector ".ex_highlight" is used to limit the CSS here to just this example.</p> + <pre>.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { + background-color: #ECFFB3; +} + +.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { + background-color: #E6FF99; +} + +.ex_highlight_row #example tr.even:hover { + background-color: #ECFFB3; +} + +.ex_highlight_row #example tr.even:hover td.sorting_1 { + background-color: #DDFF75; +} + +.ex_highlight_row #example tr.even:hover td.sorting_2 { + background-color: #E7FF9E; +} + +.ex_highlight_row #example tr.even:hover td.sorting_3 { + background-color: #E2FF89; +} + +.ex_highlight_row #example tr.odd:hover { + background-color: #E6FF99; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_1 { + background-color: #D6FF5C; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_2 { + background-color: #E0FF84; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_3 { + background-color: #DBFF70; +} +</pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/html_sort.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/html_sort.html new file mode 100644 index 0000000000000000000000000000000000000000..daa6d54573349a2faa54b47a3534349dc505608b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/html_sort.html @@ -0,0 +1,198 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables HTML sorting example + </div> + + <h1>Preamble</h1> + <p>DataTables will attempt to automatically detect the data types that your table contains, allowing it to accurately sort and filter this data. This example shows automatic type detection of HTML information - note that the sorting is correct on the second column for the visible information. Additional data types can be added through <a href="http://datatables.net/plug-ins/">plug-ins</a>. + <p>Note that prior to DataTables 1.7 the HTML type was not automatically detected, and it was necessary to specify the sType for the column - this is now not needed as seen in this example. If you do want to be able to sort and filter on the HTML information you can specify the sType for the column as 'string'.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Reflection</th> + <th class="html">Link</th> + </tr> + </thead> + <tbody> + <tr> + <td>DataTables</td> + <td><a href="http://www.sprymedia.co.uk/article/DataTables">DataTables</a></td> + </tr> + <tr> + <td>Integrity</td> + <td><a href="http://www.sprymedia.co.uk/article/Integrity">A link to Integrity</a></td> + </tr> + <tr> + <td>Integrity</td> + <td><a href="http://www.sprymedia.co.uk/article/Integrity">Integrity</a></td> + </tr> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/language_file.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/language_file.html new file mode 100644 index 0000000000000000000000000000000000000000..76dd3485af701cc18251d4865355c7baae790035 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/language_file.html @@ -0,0 +1,609 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "oLanguage": { + "sUrl": "../examples_support/de_DE.txt" + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables language file example + </div> + + <h1>Preamble</h1> + <p>As well as being able to pass language information to DataTables through the initialisation object, you can also store the language information in a file, which DataTables will then read. Useful if you are using server-side processes to switch language. The following example shows DataTables reading a German language file.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "oLanguage": { + "sUrl": "media/language/de_DE.txt" + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/length_menu.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/length_menu.html new file mode 100644 index 0000000000000000000000000000000000000000..275a232247f20999fa0df8f5811e1457ffa51b6c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/length_menu.html @@ -0,0 +1,605 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables defining the length menu example + </div> + + <h1>Preamble</h1> + <p>It is possible to easily customise the options shown in the length menu (by default at the top left of the table) using the aLengthMenu initialisation option. This parameter is either a 1D array of options which will be used for both the displayed option and the value, or a 2D array (shown in this example) which will use the array in the first position as the value, and the array in the second position as the displayed options (useful for language strings such as 'All').</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/localstorage.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/localstorage.html new file mode 100644 index 0000000000000000000000000000000000000000..808d2d10df6dd7c828cdf5a30b266e636a35b3bf --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/localstorage.html @@ -0,0 +1,613 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bStateSave": true, + "fnStateSave": function (oSettings, oData) { + localStorage.setItem( 'DataTables_'+window.location.pathname, JSON.stringify(oData) ); + }, + "fnStateLoad": function (oSettings) { + var data = localStorage.getItem('DataTables_'+window.location.pathname); + return JSON.parse(data); + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables - state saving with localStorage + </div> + + <h1>Preamble</h1> + <p>The state saving storage method that is built into DataTables makes use of cookies for compatibility with all browsers. However, cookies have a number of disadvantagies such as requiring increased HTTP bandwidth and a 4K limit. The W3C Web Storage specification defines <a href="https://developer.mozilla.org/en/DOM/Storage">localStorage</a> as a local storage method which we can use in DataTables to store state without the inherent issues in using cookies.</p> + <p>This example shows the use of <i>fnStateSave</i> and <i>fnStateLoad</i> to very simply store the table state in localStorage and then load it back again when needed.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bStateSave": true + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/row_callback.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/row_callback.html new file mode 100644 index 0000000000000000000000000000000000000000..53447f88ddbae47c98887cb5b0e1de339a64acb8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/row_callback.html @@ -0,0 +1,625 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "fnRowCallback": function( nRow, aData, iDisplayIndex ) { + /* Append the grade to the default row class name */ + if ( aData[4] == "A" ) + { + $('td:eq(4)', nRow).html( '<b>A</b>' ); + } + }, + "aoColumnDefs": [ { + "sClass": "center", + "aTargets": [ -1, -2 ] + } ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables example with row callback + </div> + + <h1>Preamble</h1> + <p>The following example shows how a callback function can be used to format a particular row at draw time. For each row that is generated for display, the <b>fnRowCallback()</b> function is called. It is passed the row node which can then be modified. In this case a trivial example of making the 'grade' column bold if the grade is 'A' is shown (note that this could also be performed using the <b>fnRender()</b> function, but this is just for example).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "fnRowCallback": function( nRow, aData, iDisplayIndex ) { + /* Append the grade to the default row class name */ + if ( aData[4] == "A" ) + { + $('td:eq(4)', nRow).html( '<b>A</b>' ); + } + }, + "aoColumnDefs": [ { + "sClass": "center", + "aTargets": [ -1, -2 ] + } ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/row_grouping.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/row_grouping.html new file mode 100644 index 0000000000000000000000000000000000000000..49e6f46a96df3bf8a100d65244efaa9f81116def --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/row_grouping.html @@ -0,0 +1,662 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + div.giveHeight { + /* Stop the controls at the bottom bouncing around */ + min-height: 380px; + } + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + oTable = $('#example').dataTable({ + "fnDrawCallback": function ( oSettings ) { + if ( oSettings.aiDisplay.length == 0 ) + { + return; + } + + var nTrs = $('tbody tr', oSettings.nTable); + var iColspan = nTrs[0].getElementsByTagName('td').length; + var sLastGroup = ""; + for ( var i=0 ; i<nTrs.length ; i++ ) + { + var iDisplayIndex = oSettings._iDisplayStart + i; + var sGroup = oSettings.aoData[ oSettings.aiDisplay[iDisplayIndex] ]._aData[0]; + if ( sGroup != sLastGroup ) + { + var nGroup = document.createElement( 'tr' ); + var nCell = document.createElement( 'td' ); + nCell.colSpan = iColspan; + nCell.className = "group"; + nCell.innerHTML = sGroup; + nGroup.appendChild( nCell ); + nTrs[i].parentNode.insertBefore( nGroup, nTrs[i] ); + sLastGroup = sGroup; + } + } + }, + "aoColumnDefs": [ + { "bVisible": false, "aTargets": [ 0 ] } + ], + "aaSortingFixed": [[ 0, 'asc' ]], + "aaSorting": [[ 1, 'asc' ]], + "sDom": 'lfr<"giveHeight"t>ip' + }); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables row grouping example + </div> + + <h1>Preamble</h1> + <p>Although DataTables doesn't have row grouping built-in (picking one of the many methods available would overly limit the plug-in it was felt), it is most certainly possible to give the look and feel of row grouping. In the example below the 'group' is the browser engine, which is based on the information in the first column (set to hidden). The grouping indicator is added by the fnDrawCallback function, which will parse through the rows which are displayed, and enter a TR element where a new group is found.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + oTable = $('#example').dataTable({ + "fnDrawCallback": function ( oSettings ) { + if ( oSettings.aiDisplay.length == 0 ) + { + return; + } + + var nTrs = $('#example tbody tr'); + var iColspan = nTrs[0].getElementsByTagName('td').length; + var sLastGroup = ""; + for ( var i=0 ; i<nTrs.length ; i++ ) + { + var iDisplayIndex = oSettings._iDisplayStart + i; + var sGroup = oSettings.aoData[ oSettings.aiDisplay[iDisplayIndex] ]._aData[0]; + if ( sGroup != sLastGroup ) + { + var nGroup = document.createElement( 'tr' ); + var nCell = document.createElement( 'td' ); + nCell.colSpan = iColspan; + nCell.className = "group"; + nCell.innerHTML = sGroup; + nGroup.appendChild( nCell ); + nTrs[i].parentNode.insertBefore( nGroup, nTrs[i] ); + sLastGroup = sGroup; + } + } + }, + "aoColumnDefs": [ + { "bVisible": false, "aTargets": [ 0 ] } + ], + "aaSortingFixed": [[ 0, 'asc' ]], + "aaSorting": [[ 1, 'asc' ]], + "sDom": 'lfr<"giveHeight"t>ip' + }); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/sorting_control.html b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/sorting_control.html new file mode 100644 index 0000000000000000000000000000000000000000..acd559e3cff707fa032b704fa202dc8ba0872049 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/advanced_init/sorting_control.html @@ -0,0 +1,626 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "aoColumns": [ + null, + { "asSorting": [ "asc" ] }, + { "asSorting": [ "desc", "asc", "asc" ] }, + { "asSorting": [ "desc" ] }, + null + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables sorting direction control example + </div> + + <h1>Preamble</h1> + <p>At times you may wish to change the default sorting direction for columns (all or some of them) to be 'descending' rather than DataTables' default ascending. This can be done through the use of the aoColumns[].asSorting initialisation parameter. This parameter also allows you to limit the sorting to a single direction, or you could add complex behaviour to the sorting interaction.</p> + <p>The example below shows:</p> + <ul> + <li>Column 1 - default sorting</li> + <li>Column 2 - ascending sorting only</li> + <li>Column 3 - descending sorting, followed by ascending and then ascending again</li> + <li>Column 4 - descending sorting only</li> + <li>Column 5 - default sorting</li> + </ul> + <p>It's worth noting that I don't have a good use case for when you might what to use the complex behaviour that is possible with this, but it is there should you want to use it!</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "aoColumns": [ + null, + { "asSorting": [ "asc" ] }, + { "asSorting": [ "desc", "asc", "asc" ] }, + { "asSorting": [ "desc" ] }, + null + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/ajax.html b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/ajax.html new file mode 100644 index 0000000000000000000000000000000000000000..3d3ef224d391ff703c4daff5e258ca6cd90eebb6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/ajax.html @@ -0,0 +1,209 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/arrays.txt" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables AJAX source example + </div> + + <h1>Preamble</h1> + <p>Although DataTables is built from the principle of progressive enhancement, it is often useful to be able to construct a table from an AJAX source. This can be done in one of two ways - either using the <b>aData</b> initialisation parameter which takes an array of data, or using the <b>sAjaxSource</b> initialisation parameter which will have DataTables go to that source with an XHR call and load data from there. This example shows the latter method in action. DataTables expects an object with an array called "aaData" with the data source.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/arrays.txt" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/custom_data_property.html b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/custom_data_property.html new file mode 100644 index 0000000000000000000000000000000000000000..30c467e568f4522398745a17ec9e141724821264 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/custom_data_property.html @@ -0,0 +1,211 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/custom_prop.txt", + "sAjaxDataProp": "demo" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables AJAX source example - reading an arbitrary data source property + </div> + + <h1>Preamble</h1> + <p>By default DataTables will read the data to show in the table from the <i>aaData</i> property of the object returned from the server. By using the initialisation option <b>sAjaxDataProp</b> you can customise this to whatever you wish. This examples shows it being set to 'demo'. Note that this option will also work with server-side processing. Additionally, it is possible to set <b>sAjaxDataProp</b> to be an empty string, which results in DataTables treating the given data source as the table data array (rather than as property of an object).</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/custom_prop.txt", + "sAjaxDataProp": "demo" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/deep.html b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/deep.html new file mode 100644 index 0000000000000000000000000000000000000000..a8e24bddf4e1b36d0d3b612d5e0b7c9f5187d1c9 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/deep.html @@ -0,0 +1,223 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/deep.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform.inner" }, + { "mDataProp": "platform.details.0" }, + { "mDataProp": "platform.details.1" } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables AJAX source example - deep property reading for a data source + </div> + + <h1>Preamble</h1> + <p>The ability of DataTables to read arbitrary object properties as a column data source is extended to <i>n</i> levels of objects, through the use of standard Javascript dotted object notation. For example in this example "platform.details.0" refers to the first element of the array "details", of the object "platform", for each column. Any level of 'dots' can be used.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/deep.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform.inner" }, + { "mDataProp": "platform.details.0" }, + { "mDataProp": "platform.details.1" } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/defer_render.html b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/defer_render.html new file mode 100644 index 0000000000000000000000000000000000000000..29aadd81b8044b9b60d46873671b16b0c6f3b4ef --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/defer_render.html @@ -0,0 +1,211 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/arrays.txt", + "bDeferRender": true + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables AJAX source example - with deferred rendering + </div> + + <h1>Preamble</h1> + <p>When working with large data sources, you might seek to improve the speed at which DataTables runs. One method to do this is to make use of the build in deferred rendering. Rather than have DataTables create all TR and TD nodes required for the table when the data is loaded, when deferred rendering is enabled, DataTables will only create the nodes required for each individual display - these nodes are then retained incase they are needed again. This can give a significant performance increase, since a lot less work is done at initialisation time.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/arrays.txt", + "bDeferRender": true + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/null_data_source.html b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/null_data_source.html new file mode 100644 index 0000000000000000000000000000000000000000..64f11a82a7515930402cf8603f8ec8f074a5fe7f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/null_data_source.html @@ -0,0 +1,215 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/arrays.txt", + "aoColumns": [ + null, + null, + null, + null, + null, + { "mDataProp": null } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables AJAX source example - null data source for a column + </div> + + <h1>Preamble</h1> + <p>In some tables it can be useful to not need to specify any data source for a column, as it's content is automatically generated (for example using fnRender). This is fairly common with add, edit and delete columns for a CRUD interface. You can now use the <b>mDataProp</b> set to <i>null</i> to specify that the column has no data source. DataTables will render this column as empty.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="10%">CSS grade</th> + <th width="5%">Empty!</th> + </tr> + </thead> + <tbody></tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/arrays.txt", + "aoColumns": [ + null, + null, + null, + null, + null, + { "mDataProp": null } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/objects.html b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/objects.html new file mode 100644 index 0000000000000000000000000000000000000000..f80c3d721ad3fb2dec9983020fa479709dd06e54 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/objects.html @@ -0,0 +1,223 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables AJAX source example - array of objects as a data source + </div> + + <h1>Preamble</h1> + <p>By default, DataTables will expect an array of arrays for its data source, with each cell in the table being exactly described in the data source. However, this can often be quite limiting, or not suitable for a particular data source, so it is possible to specify which property of a source object that DataTables should read for each column. In this example the Ajax source returns an array of objects (one object for each row), and will then read the required property for each column.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/objects_subarrays.html b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/objects_subarrays.html new file mode 100644 index 0000000000000000000000000000000000000000..9fc3cdd05440d981115acef5da618b0e4daf6970 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/objects_subarrays.html @@ -0,0 +1,223 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/objects_subarrays.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "details.0" }, + { "mDataProp": "details.1" } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables AJAX source example - array of objects with sub-arrays as a data source + </div> + + <h1>Preamble</h1> + <p>While the ability of DataTables to read arbitrary objects properties as a data source for any column is very powerful, it actually goes further than single level object properties; it is possible to read a data source for a column from a deeply nested array or property. This is specified in typical Javascript dotted object notation. For example "details.0" (used in this example) refers to the first property in an array called "details". "details.1" refers to the second property, etc. Object properties can also be used - for example "details.version" is perfectly valid, if that property is available in your data source.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": "sources/objects_subarrays.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "details.0" }, + { "mDataProp": "details.1" } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/array_only.txt b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/array_only.txt new file mode 100644 index 0000000000000000000000000000000000000000..a8b16d7e2fa2c5e68a017eb2e722bd84480b0b7d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/array_only.txt @@ -0,0 +1,59 @@ +[ + ["Trident","Internet Explorer 4.0","Win 95+","4","X"], + ["Trident","Internet Explorer 5.0","Win 95+","5","C"], + ["Trident","Internet Explorer 5.5","Win 95+","5.5","A"], + ["Trident","Internet Explorer 6","Win 98+","6","A"], + ["Trident","Internet Explorer 7","Win XP SP2+","7","A"], + ["Trident","AOL browser (AOL desktop)","Win XP","6","A"], + ["Gecko","Firefox 1.0","Win 98+ / OSX.2+","1.7","A"], + ["Gecko","Firefox 1.5","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Firefox 2.0","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Firefox 3.0","Win 2k+ / OSX.3+","1.9","A"], + ["Gecko","Camino 1.0","OSX.2+","1.8","A"], + ["Gecko","Camino 1.5","OSX.3+","1.8","A"], + ["Gecko","Netscape 7.2","Win 95+ / Mac OS 8.6-9.2","1.7","A"], + ["Gecko","Netscape Browser 8","Win 98SE+","1.7","A"], + ["Gecko","Netscape Navigator 9","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Mozilla 1.0","Win 95+ / OSX.1+",1,"A"], + ["Gecko","Mozilla 1.1","Win 95+ / OSX.1+",1.1,"A"], + ["Gecko","Mozilla 1.2","Win 95+ / OSX.1+",1.2,"A"], + ["Gecko","Mozilla 1.3","Win 95+ / OSX.1+",1.3,"A"], + ["Gecko","Mozilla 1.4","Win 95+ / OSX.1+",1.4,"A"], + ["Gecko","Mozilla 1.5","Win 95+ / OSX.1+",1.5,"A"], + ["Gecko","Mozilla 1.6","Win 95+ / OSX.1+",1.6,"A"], + ["Gecko","Mozilla 1.7","Win 98+ / OSX.1+",1.7,"A"], + ["Gecko","Mozilla 1.8","Win 98+ / OSX.1+",1.8,"A"], + ["Gecko","Seamonkey 1.1","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Epiphany 2.20","Gnome","1.8","A"], + ["Webkit","Safari 1.2","OSX.3","125.5","A"], + ["Webkit","Safari 1.3","OSX.3","312.8","A"], + ["Webkit","Safari 2.0","OSX.4+","419.3","A"], + ["Webkit","Safari 3.0","OSX.4+","522.1","A"], + ["Webkit","OmniWeb 5.5","OSX.4+","420","A"], + ["Webkit","iPod Touch / iPhone","iPod","420.1","A"], + ["Webkit","S60","S60","413","A"], + ["Presto","Opera 7.0","Win 95+ / OSX.1+","-","A"], + ["Presto","Opera 7.5","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 8.0","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 8.5","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 9.0","Win 95+ / OSX.3+","-","A"], + ["Presto","Opera 9.2","Win 88+ / OSX.3+","-","A"], + ["Presto","Opera 9.5","Win 88+ / OSX.3+","-","A"], + ["Presto","Opera for Wii","Wii","-","A"], + ["Presto","Nokia N800","N800","-","A"], + ["Presto","Nintendo DS browser","Nintendo DS","8.5","C/A<sup>1</sup>"], + ["KHTML","Konqureror 3.1","KDE 3.1","3.1","C"], + ["KHTML","Konqureror 3.3","KDE 3.3","3.3","A"], + ["KHTML","Konqureror 3.5","KDE 3.5","3.5","A"], + ["Tasman","Internet Explorer 4.5","Mac OS 8-9","-","X"], + ["Tasman","Internet Explorer 5.1","Mac OS 7.6-9","1","C"], + ["Tasman","Internet Explorer 5.2","Mac OS 8-X","1","C"], + ["Misc","NetFront 3.1","Embedded devices","-","C"], + ["Misc","NetFront 3.4","Embedded devices","-","A"], + ["Misc","Dillo 0.8","Embedded devices","-","X"], + ["Misc","Links","Text only","-","X"], + ["Misc","Lynx","Text only","-","X"], + ["Misc","IE Mobile","Windows Mobile 6","-","C"], + ["Misc","PSP browser","PSP","-","C"], + ["Other browsers","All others","-","-","U"] +] \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/arrays.txt b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/arrays.txt new file mode 100644 index 0000000000000000000000000000000000000000..fcbe36ed4423a26616c3b143a0ce950e828d6850 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/arrays.txt @@ -0,0 +1,59 @@ +{ "aaData": [ + ["Trident","Internet Explorer 4.0","Win 95+","4","X"], + ["Trident","Internet Explorer 5.0","Win 95+","5","C"], + ["Trident","Internet Explorer 5.5","Win 95+","5.5","A"], + ["Trident","Internet Explorer 6","Win 98+","6","A"], + ["Trident","Internet Explorer 7","Win XP SP2+","7","A"], + ["Trident","AOL browser (AOL desktop)","Win XP","6","A"], + ["Gecko","Firefox 1.0","Win 98+ / OSX.2+","1.7","A"], + ["Gecko","Firefox 1.5","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Firefox 2.0","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Firefox 3.0","Win 2k+ / OSX.3+","1.9","A"], + ["Gecko","Camino 1.0","OSX.2+","1.8","A"], + ["Gecko","Camino 1.5","OSX.3+","1.8","A"], + ["Gecko","Netscape 7.2","Win 95+ / Mac OS 8.6-9.2","1.7","A"], + ["Gecko","Netscape Browser 8","Win 98SE+","1.7","A"], + ["Gecko","Netscape Navigator 9","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Mozilla 1.0","Win 95+ / OSX.1+",1,"A"], + ["Gecko","Mozilla 1.1","Win 95+ / OSX.1+",1.1,"A"], + ["Gecko","Mozilla 1.2","Win 95+ / OSX.1+",1.2,"A"], + ["Gecko","Mozilla 1.3","Win 95+ / OSX.1+",1.3,"A"], + ["Gecko","Mozilla 1.4","Win 95+ / OSX.1+",1.4,"A"], + ["Gecko","Mozilla 1.5","Win 95+ / OSX.1+",1.5,"A"], + ["Gecko","Mozilla 1.6","Win 95+ / OSX.1+",1.6,"A"], + ["Gecko","Mozilla 1.7","Win 98+ / OSX.1+",1.7,"A"], + ["Gecko","Mozilla 1.8","Win 98+ / OSX.1+",1.8,"A"], + ["Gecko","Seamonkey 1.1","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Epiphany 2.20","Gnome","1.8","A"], + ["Webkit","Safari 1.2","OSX.3","125.5","A"], + ["Webkit","Safari 1.3","OSX.3","312.8","A"], + ["Webkit","Safari 2.0","OSX.4+","419.3","A"], + ["Webkit","Safari 3.0","OSX.4+","522.1","A"], + ["Webkit","OmniWeb 5.5","OSX.4+","420","A"], + ["Webkit","iPod Touch / iPhone","iPod","420.1","A"], + ["Webkit","S60","S60","413","A"], + ["Presto","Opera 7.0","Win 95+ / OSX.1+","-","A"], + ["Presto","Opera 7.5","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 8.0","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 8.5","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 9.0","Win 95+ / OSX.3+","-","A"], + ["Presto","Opera 9.2","Win 88+ / OSX.3+","-","A"], + ["Presto","Opera 9.5","Win 88+ / OSX.3+","-","A"], + ["Presto","Opera for Wii","Wii","-","A"], + ["Presto","Nokia N800","N800","-","A"], + ["Presto","Nintendo DS browser","Nintendo DS","8.5","C/A<sup>1</sup>"], + ["KHTML","Konqureror 3.1","KDE 3.1","3.1","C"], + ["KHTML","Konqureror 3.3","KDE 3.3","3.3","A"], + ["KHTML","Konqureror 3.5","KDE 3.5","3.5","A"], + ["Tasman","Internet Explorer 4.5","Mac OS 8-9","-","X"], + ["Tasman","Internet Explorer 5.1","Mac OS 7.6-9","1","C"], + ["Tasman","Internet Explorer 5.2","Mac OS 8-X","1","C"], + ["Misc","NetFront 3.1","Embedded devices","-","C"], + ["Misc","NetFront 3.4","Embedded devices","-","A"], + ["Misc","Dillo 0.8","Embedded devices","-","X"], + ["Misc","Links","Text only","-","X"], + ["Misc","Lynx","Text only","-","X"], + ["Misc","IE Mobile","Windows Mobile 6","-","C"], + ["Misc","PSP browser","PSP","-","C"], + ["Other browsers","All others","-","-","U"] +] } \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/arrays_subobjects.txt b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/arrays_subobjects.txt new file mode 100644 index 0000000000000000000000000000000000000000..46d66d717d2d94ac9e8272b55248e01b2ad1997b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/arrays_subobjects.txt @@ -0,0 +1,515 @@ +{ "aaData": [ + [ + "Trident", + "Internet Explorer 4.0", + "Win 95+", + { + "version": "4", + "grade": "X" + } + ], + [ + "Trident", + "Internet Explorer 5.0", + "Win 95+", + { + "version": "5", + "grade": "C" + } + ], + [ + "Trident", + "Internet Explorer 5.5", + "Win 95+", + { + "version": "5.5", + "grade": "A" + } + ], + [ + "Trident", + "Internet Explorer 6", + "Win 98+", + { + "version": "6", + "grade": "A" + } + ], + [ + "Trident", + "Internet Explorer 7", + "Win XP SP2+", + { + "version": "7", + "grade": "A" + } + ], + [ + "Trident", + "AOL browser (AOL desktop)", + "Win XP", + { + "version": "6", + "grade": "A" + } + ], + [ + "Gecko", + "Firefox 1.0", + "Win 98+ / OSX.2+", + { + "version": "1.7", + "grade": "A" + } + ], + [ + "Gecko", + "Firefox 1.5", + "Win 98+ / OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Firefox 2.0", + "Win 98+ / OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Firefox 3.0", + "Win 2k+ / OSX.3+", + { + "version": "1.9", + "grade": "A" + } + ], + [ + "Gecko", + "Camino 1.0", + "OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Camino 1.5", + "OSX.3+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Netscape 7.2", + "Win 95+ / Mac OS 8.6-9.2", + { + "version": "1.7", + "grade": "A" + } + ], + [ + "Gecko", + "Netscape Browser 8", + "Win 98SE+", + { + "version": "1.7", + "grade": "A" + } + ], + [ + "Gecko", + "Netscape Navigator 9", + "Win 98+ / OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.0", + "Win 95+ / OSX.1+", + { + "version": "1", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.1", + "Win 95+ / OSX.1+", + { + "version": "1.1", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.2", + "Win 95+ / OSX.1+", + { + "version": "1.2", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.3", + "Win 95+ / OSX.1+", + { + "version": "1.3", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.4", + "Win 95+ / OSX.1+", + { + "version": "1.4", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.5", + "Win 95+ / OSX.1+", + { + "version": "1.5", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.6", + "Win 95+ / OSX.1+", + { + "version": "1.6", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.7", + "Win 98+ / OSX.1+", + { + "version": "1.7", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.8", + "Win 98+ / OSX.1+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Seamonkey 1.1", + "Win 98+ / OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Epiphany 2.20", + "Gnome", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Webkit", + "Safari 1.2", + "OSX.3", + { + "version": "125.5", + "grade": "A" + } + ], + [ + "Webkit", + "Safari 1.3", + "OSX.3", + { + "version": "312.8", + "grade": "A" + } + ], + [ + "Webkit", + "Safari 2.0", + "OSX.4+", + { + "version": "419.3", + "grade": "A" + } + ], + [ + "Webkit", + "Safari 3.0", + "OSX.4+", + { + "version": "522.1", + "grade": "A" + } + ], + [ + "Webkit", + "OmniWeb 5.5", + "OSX.4+", + { + "version": "420", + "grade": "A" + } + ], + [ + "Webkit", + "iPod Touch / iPhone", + "iPod", + { + "version": "420.1", + "grade": "A" + } + ], + [ + "Webkit", + "S60", + "S60", + { + "version": "413", + "grade": "A" + } + ], + [ + "Presto", + "Opera 7.0", + "Win 95+ / OSX.1+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 7.5", + "Win 95+ / OSX.2+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 8.0", + "Win 95+ / OSX.2+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 8.5", + "Win 95+ / OSX.2+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 9.0", + "Win 95+ / OSX.3+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 9.2", + "Win 88+ / OSX.3+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 9.5", + "Win 88+ / OSX.3+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera for Wii", + "Wii", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Nokia N800", + "N800", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Nintendo DS browser", + "Nintendo DS", + { + "version": "8.5", + "grade": "C/A<sup>1</sup>" + } + ], + [ + "KHTML", + "Konqureror 3.1", + "KDE 3.1", + { + "version": "3.1", + "grade": "C" + } + ], + [ + "KHTML", + "Konqureror 3.3", + "KDE 3.3", + { + "version": "3.3", + "grade": "A" + } + ], + [ + "KHTML", + "Konqureror 3.5", + "KDE 3.5", + { + "version": "3.5", + "grade": "A" + } + ], + [ + "Tasman", + "Internet Explorer 4.5", + "Mac OS 8-9", + { + "version": "-", + "grade": "X" + } + ], + [ + "Tasman", + "Internet Explorer 5.1", + "Mac OS 7.6-9", + { + "version": "1", + "grade": "C" + } + ], + [ + "Tasman", + "Internet Explorer 5.2", + "Mac OS 8-X", + { + "version": "1", + "grade": "C" + } + ], + [ + "Misc", + "NetFront 3.1", + "Embedded devices", + { + "version": "-", + "grade": "C" + } + ], + [ + "Misc", + "NetFront 3.4", + "Embedded devices", + { + "version": "-", + "grade": "A" + } + ], + [ + "Misc", + "Dillo 0.8", + "Embedded devices", + { + "version": "-", + "grade": "X" + } + ], + [ + "Misc", + "Links", + "Text only", + { + "version": "-", + "grade": "X" + } + ], + [ + "Misc", + "Lynx", + "Text only", + { + "version": "-", + "grade": "X" + } + ], + [ + "Misc", + "IE Mobile", + "Windows Mobile 6", + { + "version": "-", + "grade": "C" + } + ], + [ + "Misc", + "PSP browser", + "PSP", + { + "version": "-", + "grade": "C" + } + ], + [ + "Other browsers", + "All others", + "-", + { + "version": "-", + "grade": "U" + } + ] +] } \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/custom_prop.txt b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/custom_prop.txt new file mode 100644 index 0000000000000000000000000000000000000000..a65fcf738ff8321f59f11d5200ad9c15874cf99e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/custom_prop.txt @@ -0,0 +1,59 @@ +{ "demo": [ + ["Trident","Internet Explorer 4.0","Win 95+","4","X"], + ["Trident","Internet Explorer 5.0","Win 95+","5","C"], + ["Trident","Internet Explorer 5.5","Win 95+","5.5","A"], + ["Trident","Internet Explorer 6","Win 98+","6","A"], + ["Trident","Internet Explorer 7","Win XP SP2+","7","A"], + ["Trident","AOL browser (AOL desktop)","Win XP","6","A"], + ["Gecko","Firefox 1.0","Win 98+ / OSX.2+","1.7","A"], + ["Gecko","Firefox 1.5","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Firefox 2.0","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Firefox 3.0","Win 2k+ / OSX.3+","1.9","A"], + ["Gecko","Camino 1.0","OSX.2+","1.8","A"], + ["Gecko","Camino 1.5","OSX.3+","1.8","A"], + ["Gecko","Netscape 7.2","Win 95+ / Mac OS 8.6-9.2","1.7","A"], + ["Gecko","Netscape Browser 8","Win 98SE+","1.7","A"], + ["Gecko","Netscape Navigator 9","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Mozilla 1.0","Win 95+ / OSX.1+",1,"A"], + ["Gecko","Mozilla 1.1","Win 95+ / OSX.1+",1.1,"A"], + ["Gecko","Mozilla 1.2","Win 95+ / OSX.1+",1.2,"A"], + ["Gecko","Mozilla 1.3","Win 95+ / OSX.1+",1.3,"A"], + ["Gecko","Mozilla 1.4","Win 95+ / OSX.1+",1.4,"A"], + ["Gecko","Mozilla 1.5","Win 95+ / OSX.1+",1.5,"A"], + ["Gecko","Mozilla 1.6","Win 95+ / OSX.1+",1.6,"A"], + ["Gecko","Mozilla 1.7","Win 98+ / OSX.1+",1.7,"A"], + ["Gecko","Mozilla 1.8","Win 98+ / OSX.1+",1.8,"A"], + ["Gecko","Seamonkey 1.1","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Epiphany 2.20","Gnome","1.8","A"], + ["Webkit","Safari 1.2","OSX.3","125.5","A"], + ["Webkit","Safari 1.3","OSX.3","312.8","A"], + ["Webkit","Safari 2.0","OSX.4+","419.3","A"], + ["Webkit","Safari 3.0","OSX.4+","522.1","A"], + ["Webkit","OmniWeb 5.5","OSX.4+","420","A"], + ["Webkit","iPod Touch / iPhone","iPod","420.1","A"], + ["Webkit","S60","S60","413","A"], + ["Presto","Opera 7.0","Win 95+ / OSX.1+","-","A"], + ["Presto","Opera 7.5","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 8.0","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 8.5","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 9.0","Win 95+ / OSX.3+","-","A"], + ["Presto","Opera 9.2","Win 88+ / OSX.3+","-","A"], + ["Presto","Opera 9.5","Win 88+ / OSX.3+","-","A"], + ["Presto","Opera for Wii","Wii","-","A"], + ["Presto","Nokia N800","N800","-","A"], + ["Presto","Nintendo DS browser","Nintendo DS","8.5","C/A<sup>1</sup>"], + ["KHTML","Konqureror 3.1","KDE 3.1","3.1","C"], + ["KHTML","Konqureror 3.3","KDE 3.3","3.3","A"], + ["KHTML","Konqureror 3.5","KDE 3.5","3.5","A"], + ["Tasman","Internet Explorer 4.5","Mac OS 8-9","-","X"], + ["Tasman","Internet Explorer 5.1","Mac OS 7.6-9","1","C"], + ["Tasman","Internet Explorer 5.2","Mac OS 8-X","1","C"], + ["Misc","NetFront 3.1","Embedded devices","-","C"], + ["Misc","NetFront 3.4","Embedded devices","-","A"], + ["Misc","Dillo 0.8","Embedded devices","-","X"], + ["Misc","Links","Text only","-","X"], + ["Misc","Lynx","Text only","-","X"], + ["Misc","IE Mobile","Windows Mobile 6","-","C"], + ["Misc","PSP browser","PSP","-","C"], + ["Other browsers","All others","-","-","U"] +] } \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/deep.txt b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/deep.txt new file mode 100644 index 0000000000000000000000000000000000000000..7a3124bc5f9610646f93e56260ed855182e9e4d0 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/deep.txt @@ -0,0 +1,629 @@ +{ "aaData": [ + { + "engine": "Trident", + "browser": "Internet Explorer 4.0", + "platform": { + "inner": "Win 95+", + "details": [ + "4", + "X" + ] + } + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.0", + "platform": { + "inner": "Win 95+", + "details": [ + "5", + "C" + ] + } + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.5", + "platform": { + "inner": "Win 95+", + "details": [ + "5.5", + "A" + ] + } + }, + { + "engine": "Trident", + "browser": "Internet Explorer 6", + "platform": { + "inner": "Win 98+", + "details": [ + "6", + "A" + ] + } + }, + { + "engine": "Trident", + "browser": "Internet Explorer 7", + "platform": { + "inner": "Win XP SP2+", + "details": [ + "7", + "A" + ] + } + }, + { + "engine": "Trident", + "browser": "AOL browser (AOL desktop)", + "platform": { + "inner": "Win XP", + "details": [ + "6", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Firefox 1.0", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.7", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Firefox 1.5", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Firefox 2.0", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Firefox 3.0", + "platform": { + "inner": "Win 2k+ / OSX.3+", + "details": [ + "1.9", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Camino 1.0", + "platform": { + "inner": "OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Camino 1.5", + "platform": { + "inner": "OSX.3+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Netscape 7.2", + "platform": { + "inner": "Win 95+ / Mac OS 8.6-9.2", + "details": [ + "1.7", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Netscape Browser 8", + "platform": { + "inner": "Win 98SE+", + "details": [ + "1.7", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Netscape Navigator 9", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.0", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.1", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.1, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.2", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.2, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.3", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.3, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.4", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.4, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.5", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.5, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.6", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.6, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.7", + "platform": { + "inner": "Win 98+ / OSX.1+", + "details": [ + 1.7, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.8", + "platform": { + "inner": "Win 98+ / OSX.1+", + "details": [ + 1.8, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Seamonkey 1.1", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Epiphany 2.20", + "platform": { + "inner": "Gnome", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "Safari 1.2", + "platform": { + "inner": "OSX.3", + "details": [ + "125.5", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "Safari 1.3", + "platform": { + "inner": "OSX.3", + "details": [ + "312.8", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "Safari 2.0", + "platform": { + "inner": "OSX.4+", + "details": [ + "419.3", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "Safari 3.0", + "platform": { + "inner": "OSX.4+", + "details": [ + "522.1", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "OmniWeb 5.5", + "platform": { + "inner": "OSX.4+", + "details": [ + "420", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "iPod Touch / iPhone", + "platform": { + "inner": "iPod", + "details": [ + "420.1", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "S60", + "platform": { + "inner": "S60", + "details": [ + "413", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 7.0", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 7.5", + "platform": { + "inner": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 8.0", + "platform": { + "inner": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 8.5", + "platform": { + "inner": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 9.0", + "platform": { + "inner": "Win 95+ / OSX.3+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 9.2", + "platform": { + "inner": "Win 88+ / OSX.3+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 9.5", + "platform": { + "inner": "Win 88+ / OSX.3+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera for Wii", + "platform": { + "inner": "Wii", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Nokia N800", + "platform": { + "inner": "N800", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Nintendo DS browser", + "platform": { + "inner": "Nintendo DS", + "details": [ + "8.5", + "C/A<sup>1</sup>" + ] + } + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.1", + "platform": { + "inner": "KDE 3.1", + "details": [ + "3.1", + "C" + ] + } + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.3", + "platform": { + "inner": "KDE 3.3", + "details": [ + "3.3", + "A" + ] + } + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.5", + "platform": { + "inner": "KDE 3.5", + "details": [ + "3.5", + "A" + ] + } + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 4.5", + "platform": { + "inner": "Mac OS 8-9", + "details": [ + "-", + "X" + ] + } + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.1", + "platform": { + "inner": "Mac OS 7.6-9", + "details": [ + "1", + "C" + ] + } + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.2", + "platform": { + "inner": "Mac OS 8-X", + "details": [ + "1", + "C" + ] + } + }, + { + "engine": "Misc", + "browser": "NetFront 3.1", + "platform": { + "inner": "Embedded devices", + "details": [ + "-", + "C" + ] + } + }, + { + "engine": "Misc", + "browser": "NetFront 3.4", + "platform": { + "inner": "Embedded devices", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Misc", + "browser": "Dillo 0.8", + "platform": { + "inner": "Embedded devices", + "details": [ + "-", + "X" + ] + } + }, + { + "engine": "Misc", + "browser": "Links", + "platform": { + "inner": "Text only", + "details": [ + "-", + "X" + ] + } + }, + { + "engine": "Misc", + "browser": "Lynx", + "platform": { + "inner": "Text only", + "details": [ + "-", + "X" + ] + } + }, + { + "engine": "Misc", + "browser": "IE Mobile", + "platform": { + "inner": "Windows Mobile 6", + "details": [ + "-", + "C" + ] + } + }, + { + "engine": "Misc", + "browser": "PSP browser", + "platform": { + "inner": "PSP", + "details": [ + "-", + "C" + ] + } + }, + { + "engine": "Other browsers", + "browser": "All others", + "platform": { + "inner": "-", + "details": [ + "-", + "U" + ] + } + } +] } \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/objects.txt b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/objects.txt new file mode 100644 index 0000000000000000000000000000000000000000..1c3f870b071362bb124d50bc96426b69ded70dc3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/objects.txt @@ -0,0 +1,401 @@ +{ "aaData": [ + { + "engine": "Trident", + "browser": "Internet Explorer 4.0", + "platform": "Win 95+", + "version": "4", + "grade": "X" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.0", + "platform": "Win 95+", + "version": "5", + "grade": "C" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.5", + "platform": "Win 95+", + "version": "5.5", + "grade": "A" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 6", + "platform": "Win 98+", + "version": "6", + "grade": "A" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 7", + "platform": "Win XP SP2+", + "version": "7", + "grade": "A" + }, + { + "engine": "Trident", + "browser": "AOL browser (AOL desktop)", + "platform": "Win XP", + "version": "6", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 1.0", + "platform": "Win 98+ / OSX.2+", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 1.5", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 2.0", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 3.0", + "platform": "Win 2k+ / OSX.3+", + "version": "1.9", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Camino 1.0", + "platform": "OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Camino 1.5", + "platform": "OSX.3+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Netscape 7.2", + "platform": "Win 95+ / Mac OS 8.6-9.2", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Netscape Browser 8", + "platform": "Win 98SE+", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Netscape Navigator 9", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.0", + "platform": "Win 95+ / OSX.1+", + "version": "1", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.1", + "platform": "Win 95+ / OSX.1+", + "version": "1.1", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.2", + "platform": "Win 95+ / OSX.1+", + "version": "1.2", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.3", + "platform": "Win 95+ / OSX.1+", + "version": "1.3", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.4", + "platform": "Win 95+ / OSX.1+", + "version": "1.4", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.5", + "platform": "Win 95+ / OSX.1+", + "version": "1.5", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.6", + "platform": "Win 95+ / OSX.1+", + "version": "1.6", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.7", + "platform": "Win 98+ / OSX.1+", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.8", + "platform": "Win 98+ / OSX.1+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Seamonkey 1.1", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Epiphany 2.20", + "platform": "Gnome", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 1.2", + "platform": "OSX.3", + "version": "125.5", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 1.3", + "platform": "OSX.3", + "version": "312.8", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 2.0", + "platform": "OSX.4+", + "version": "419.3", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 3.0", + "platform": "OSX.4+", + "version": "522.1", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "OmniWeb 5.5", + "platform": "OSX.4+", + "version": "420", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "iPod Touch / iPhone", + "platform": "iPod", + "version": "420.1", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "S60", + "platform": "S60", + "version": "413", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 7.0", + "platform": "Win 95+ / OSX.1+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 7.5", + "platform": "Win 95+ / OSX.2+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 8.0", + "platform": "Win 95+ / OSX.2+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 8.5", + "platform": "Win 95+ / OSX.2+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 9.0", + "platform": "Win 95+ / OSX.3+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 9.2", + "platform": "Win 88+ / OSX.3+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 9.5", + "platform": "Win 88+ / OSX.3+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera for Wii", + "platform": "Wii", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Nokia N800", + "platform": "N800", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Nintendo DS browser", + "platform": "Nintendo DS", + "version": "8.5", + "grade": "C/A<sup>1</sup>" + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.1", + "platform": "KDE 3.1", + "version": "3.1", + "grade": "C" + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.3", + "platform": "KDE 3.3", + "version": "3.3", + "grade": "A" + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.5", + "platform": "KDE 3.5", + "version": "3.5", + "grade": "A" + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 4.5", + "platform": "Mac OS 8-9", + "version": "-", + "grade": "X" + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.1", + "platform": "Mac OS 7.6-9", + "version": "1", + "grade": "C" + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.2", + "platform": "Mac OS 8-X", + "version": "1", + "grade": "C" + }, + { + "engine": "Misc", + "browser": "NetFront 3.1", + "platform": "Embedded devices", + "version": "-", + "grade": "C" + }, + { + "engine": "Misc", + "browser": "NetFront 3.4", + "platform": "Embedded devices", + "version": "-", + "grade": "A" + }, + { + "engine": "Misc", + "browser": "Dillo 0.8", + "platform": "Embedded devices", + "version": "-", + "grade": "X" + }, + { + "engine": "Misc", + "browser": "Links", + "platform": "Text only", + "version": "-", + "grade": "X" + }, + { + "engine": "Misc", + "browser": "Lynx", + "platform": "Text only", + "version": "-", + "grade": "X" + }, + { + "engine": "Misc", + "browser": "IE Mobile", + "platform": "Windows Mobile 6", + "version": "-", + "grade": "C" + }, + { + "engine": "Misc", + "browser": "PSP browser", + "platform": "PSP", + "version": "-", + "grade": "C" + }, + { + "engine": "Other browsers", + "browser": "All others", + "platform": "-", + "version": "-", + "grade": "U" + } +] } \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/objects_subarrays.txt b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/objects_subarrays.txt new file mode 100644 index 0000000000000000000000000000000000000000..3b6da56cb5e922f5162de18cf6c392c929fcce97 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/ajax/sources/objects_subarrays.txt @@ -0,0 +1,515 @@ +{ "aaData": [ + { + "engine": "Trident", + "browser": "Internet Explorer 4.0", + "platform": "Win 95+", + "details": [ + "4", + "X" + ] + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.0", + "platform": "Win 95+", + "details": [ + "5", + "C" + ] + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.5", + "platform": "Win 95+", + "details": [ + "5.5", + "A" + ] + }, + { + "engine": "Trident", + "browser": "Internet Explorer 6", + "platform": "Win 98+", + "details": [ + "6", + "A" + ] + }, + { + "engine": "Trident", + "browser": "Internet Explorer 7", + "platform": "Win XP SP2+", + "details": [ + "7", + "A" + ] + }, + { + "engine": "Trident", + "browser": "AOL browser (AOL desktop)", + "platform": "Win XP", + "details": [ + "6", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Firefox 1.0", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.7", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Firefox 1.5", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Firefox 2.0", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Firefox 3.0", + "platform": "Win 2k+ / OSX.3+", + "details": [ + "1.9", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Camino 1.0", + "platform": "OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Camino 1.5", + "platform": "OSX.3+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Netscape 7.2", + "platform": "Win 95+ / Mac OS 8.6-9.2", + "details": [ + "1.7", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Netscape Browser 8", + "platform": "Win 98SE+", + "details": [ + "1.7", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Netscape Navigator 9", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.0", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.1", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.1, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.2", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.2, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.3", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.3, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.4", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.4, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.5", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.5, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.6", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.6, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.7", + "platform": "Win 98+ / OSX.1+", + "details": [ + 1.7, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.8", + "platform": "Win 98+ / OSX.1+", + "details": [ + 1.8, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Seamonkey 1.1", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Epiphany 2.20", + "platform": "Gnome", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "Safari 1.2", + "platform": "OSX.3", + "details": [ + "125.5", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "Safari 1.3", + "platform": "OSX.3", + "details": [ + "312.8", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "Safari 2.0", + "platform": "OSX.4+", + "details": [ + "419.3", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "Safari 3.0", + "platform": "OSX.4+", + "details": [ + "522.1", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "OmniWeb 5.5", + "platform": "OSX.4+", + "details": [ + "420", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "iPod Touch / iPhone", + "platform": "iPod", + "details": [ + "420.1", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "S60", + "platform": "S60", + "details": [ + "413", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 7.0", + "platform": "Win 95+ / OSX.1+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 7.5", + "platform": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 8.0", + "platform": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 8.5", + "platform": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 9.0", + "platform": "Win 95+ / OSX.3+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 9.2", + "platform": "Win 88+ / OSX.3+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 9.5", + "platform": "Win 88+ / OSX.3+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera for Wii", + "platform": "Wii", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Nokia N800", + "platform": "N800", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Nintendo DS browser", + "platform": "Nintendo DS", + "details": [ + "8.5", + "C/A<sup>1</sup>" + ] + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.1", + "platform": "KDE 3.1", + "details": [ + "3.1", + "C" + ] + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.3", + "platform": "KDE 3.3", + "details": [ + "3.3", + "A" + ] + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.5", + "platform": "KDE 3.5", + "details": [ + "3.5", + "A" + ] + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 4.5", + "platform": "Mac OS 8-9", + "details": [ + "-", + "X" + ] + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.1", + "platform": "Mac OS 7.6-9", + "details": [ + "1", + "C" + ] + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.2", + "platform": "Mac OS 8-X", + "details": [ + "1", + "C" + ] + }, + { + "engine": "Misc", + "browser": "NetFront 3.1", + "platform": "Embedded devices", + "details": [ + "-", + "C" + ] + }, + { + "engine": "Misc", + "browser": "NetFront 3.4", + "platform": "Embedded devices", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Misc", + "browser": "Dillo 0.8", + "platform": "Embedded devices", + "details": [ + "-", + "X" + ] + }, + { + "engine": "Misc", + "browser": "Links", + "platform": "Text only", + "details": [ + "-", + "X" + ] + }, + { + "engine": "Misc", + "browser": "Lynx", + "platform": "Text only", + "details": [ + "-", + "X" + ] + }, + { + "engine": "Misc", + "browser": "IE Mobile", + "platform": "Windows Mobile 6", + "details": [ + "-", + "C" + ] + }, + { + "engine": "Misc", + "browser": "PSP browser", + "platform": "PSP", + "details": [ + "-", + "C" + ] + }, + { + "engine": "Other browsers", + "browser": "All others", + "platform": "-", + "details": [ + "-", + "U" + ] + } +] } \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/add_row.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/add_row.html new file mode 100644 index 0000000000000000000000000000000000000000..ae002527702f709e25d10ef5ca07b951c2af47ef --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/add_row.html @@ -0,0 +1,222 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + /* Global var for counter */ + var giCount = 1; + + $(document).ready(function() { + $('#example').dataTable(); + } ); + + function fnClickAddRow() { + $('#example').dataTable().fnAddData( [ + giCount+".1", + giCount+".2", + giCount+".3", + giCount+".4" ] ); + + giCount++; + } + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables add row example + </div> + + <h1>Preamble</h1> + <p>DataTables adding rows in DataTables is done by assigning the DataTables jQuery object to a variable when initialising it, and then using it's API methods to add a new row. Deleting rows can be done in a similar manner.</p> + + <h1>Live example</h1> + <p><a href="javascript:void(0);" onclick="fnClickAddRow();">Click to add a new row</a></p> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Column 1</th> + <th>Column 2</th> + <th>Column 3</th> + <th>Column 4</th> + </tr> + </thead> + <tbody> + <tr> + <td>allan</td> + <td>allan</td> + <td>allan</td> + <td>allan</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">/* Global var for counter */ +var giCount = 1; + +$(document).ready(function() { + $('#example').dataTable(); +} ); + +function fnClickAddRow() { + $('#example').dataTable().fnAddData( [ + giCount+".1", + giCount+".2", + giCount+".3", + giCount+".4" ] ); + + giCount++; +}</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/api_in_init.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/api_in_init.html new file mode 100644 index 0000000000000000000000000000000000000000..8f5476b51cde5bc54757434aaab3921d689b7bcc --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/api_in_init.html @@ -0,0 +1,616 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "fnInitComplete": function () { + var that = this; + this.$('td').click( function () { + that.fnFilter( this.innerHTML ); + } ); + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables using the DataTables object in the initialiser example + </div> + + <h1>Preamble</h1> + <p>There are times when you may wish to call API functions inside the DataTables callback functions (for example fnInitComplete, fnRowCallback etc). The complicating issue with this is that the object hasn't fully initialised, so you can't assign the result to something like oTable and then use oTable in the callback. However, this is catered for by the execution scope of the callback function. Here <i>this</i> is the DataTables object that is created for the table.</p> + <p>In this example you will be able to see that <i>this.$()</i> is used to get all nodes in the table's body and then act on them (in this case added a click event). Note also the value of <i>this</i> stored in the variable <i>that</i> so it can be used inside the jQuery click function, where the execution scope has been changed to the td element!). The action here is to apply the filter with the value of what is in each cell.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="odd gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "fnInitComplete": function () { + var that = this; + this.$('td').click( function () { + that.fnFilter( this.innerHTML ); + } ); + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/counter_column.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/counter_column.html new file mode 100644 index 0000000000000000000000000000000000000000..b6254b40ac5bd994f781fa096bc48b5d54539505 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/counter_column.html @@ -0,0 +1,691 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "fnDrawCallback": function ( oSettings ) { + /* Need to redo the counters if filtered or sorted */ + if ( oSettings.bSorted || oSettings.bFiltered ) + { + for ( var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ ) + { + $('td:eq(0)', oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ).html( i+1 ); + } + } + }, + "aoColumnDefs": [ + { "bSortable": false, "aTargets": [ 0 ] } + ], + "aaSorting": [[ 1, 'asc' ]] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables row numbers example + </div> + + <h1>Preamble</h1> + <p>A fairly common requirement for highly interactive tables which are displayed on the web is to have a column which with a 'counter' for the row number. This column should not be sortable, and change dynamically as the sorting and filtering applied to the table is altered by the end user.</p> + <p>This example shows how this can be achieved with DataTables, where the first column is the counter column, and is updated when sorting or filtering occurs. Also the first column is marked as un-sortable and initial sorting is applied only on the second column.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Index</th> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td class="center">1</td> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td class="center">2</td> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td class="center">3</td> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">4</td> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">5</td> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">6</td> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">7</td> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">8</td> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">9</td> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">10</td> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">11</td> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">12</td> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">13</td> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">14</td> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">15</td> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">16</td> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">17</td> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">18</td> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">19</td> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">20</td> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">21</td> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">22</td> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">23</td> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">24</td> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">25</td> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">26</td> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">27</td> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">28</td> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">29</td> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">30</td> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">31</td> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">32</td> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">33</td> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">34</td> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">35</td> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">36</td> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">37</td> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">38</td> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">39</td> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">40</td> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">41</td> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">42</td> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">43</td> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td class="center">44</td> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td class="center">45</td> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td class="center">46</td> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td class="center">47</td> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td class="center">48</td> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td class="center">49</td> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td class="center">50</td> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td class="center">51</td> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td class="center">52</td> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td class="center">53</td> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td class="center">54</td> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td class="center">55</td> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td class="center">56</td> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td class="center">57</td> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Index</th> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "fnDrawCallback": function ( oSettings ) { + /* Need to redo the counters if filtered or sorted */ + if ( oSettings.bSorted || oSettings.bFiltered ) + { + for ( var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ ) + { + $('td:eq(0)', oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ).html( i+1 ); + } + } + }, + "aoColumnDefs": [ + { "bSortable": false, "aTargets": [ 0 ] } + ], + "aaSorting": [[ 1, 'asc' ]] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/editable.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/editable.html new file mode 100644 index 0000000000000000000000000000000000000000..93d1259aba45ef101c964fa34a4f10882ace6963 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/editable.html @@ -0,0 +1,640 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../examples_support/jquery.jeditable.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + /* Init DataTables */ + var oTable = $('#example').dataTable(); + + /* Apply the jEditable handlers to the table */ + oTable.$('td').editable( '../examples_support/editable_ajax.php', { + "callback": function( sValue, y ) { + var aPos = oTable.fnGetPosition( this ); + oTable.fnUpdate( sValue, aPos[0], aPos[1] ); + }, + "submitdata": function ( value, settings ) { + return { + "row_id": this.parentNode.getAttribute('id'), + "column": oTable.fnGetPosition( this )[2] + }; + }, + "height": "14px", + "width": "100%" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables editing example + </div> + + <h1>Preamble</h1> + <p>Using DataTables in-combination with the excellent <a href="http://www.appelsiini.net/projects/jeditable">jEditable</a> plugin for jQuery allows you to produce a table which can have individual cells edited. The table can then be updated such that filtering, sorting etc. will all work as expected. This is showing in the demo below.</p> + <p>The example shows how a table element can be edited (you could limit to a particular column if you wish using the selector), posted to the server (for saving in a database or whatever) and then placed back into the DataTable. The server's processing in this example simply appends the string '(server updated)' to indicate that something has happened on the server.</p> + <p>Note also that this example makes use of the information in the 'ID' attribute of the TR element. This is useful in order to tell the server what row is being updated - this can readily be expended to include column information as required. Further to this, it is worth noting that to use this type of example with DataTables' server-side processing option, you must use <a href="http://datatables.net/usage/callbacks#fnDrawCallback">fnDrawCallback</a> to apply the event listeners on each draw.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr id="1" class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer + 4.0 + </td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr id="2" class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr id="3" class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr id="4" class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr id="5" class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr id="6" class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr id="7" class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr id="8" class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr id="9" class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr id="10" class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr id="11" class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr id="12" class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr id="13" class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr id="14" class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr id="15" class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr id="16" class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr id="17" class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr id="18" class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr id="19" class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr id="20" class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr id="21" class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr id="22" class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr id="23" class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr id="24" class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr id="25" class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr id="26" class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr id="27" class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr id="28" class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr id="29" class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr id="30" class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr id="31" class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr id="32" class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr id="33" class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr id="34" class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="35" class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="36" class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="37" class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="38" class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="39" class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="40" class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="41" class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="42" class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="43" class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr id="44" class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr id="45" class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr id="46" class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr id="47" class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr id="48" class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr id="49" class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr id="50" class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr id="51" class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr id="52" class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr id="53" class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr id="54" class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr id="55" class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr id="56" class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr id="57" class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + /* Init DataTables */ + var oTable = $('#example').dataTable(); + + /* Apply the jEditable handlers to the table */ + oTable.$('td').editable( '../examples_support/editable_ajax.php', { + "callback": function( sValue, y ) { + var aPos = oTable.fnGetPosition( this ); + oTable.fnUpdate( sValue, aPos[0], aPos[1] ); + }, + "submitdata": function ( value, settings ) { + return { + "row_id": this.parentNode.getAttribute('id'), + "column": oTable.fnGetPosition( this )[2] + }; + }, + "height": "14px", + "width": "100%" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/form.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/form.html new file mode 100644 index 0000000000000000000000000000000000000000..989e463b4164b8b12ab8cd77fb8fef541e9d0809 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/form.html @@ -0,0 +1,681 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + var oTable; + + $(document).ready(function() { + $('#form').submit( function() { + var sData = oTable.$('input').serialize(); + alert( "The following data would have been submitted to the server: \n\n"+sData ); + return false; + } ); + + oTable = $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables with form elements example + </div> + + <h1>Preamble</h1> + <p>The following example shows how form elements can be used within a DataTables enhanced table. The trick here is that DataTables does not include the DOM elements which are not currently being displayed, therefore you need to add a submit event handler to gather together all of the input elements from the table, and then use the handy jQuery <b>serialize()</b> function to string together the data. It can then be posted to the server as you wish.</p> + + <h1>Live example</h1> + <div id="demo"> + <form id="form"> + <div style="text-align:right; padding-bottom:1em;"> + <button type="submit">Submit form</button> + </div> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + <th>Check</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + <td class="center"><input type="checkbox" name="check1" value="1"></td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + <td class="center"><input type="checkbox" name="check2" value="2"></td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check3" value="3"></td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check4" value="4"></td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check5" value="5"></td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check6" value="6"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check7" value="7"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check8" value="8"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check9" value="9"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check10" value="10"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check11" value="11"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check12" value="12"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check13" value="13"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check14" value="14"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check15" value="15"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check16" value="16"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check17" value="17"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check18" value="18"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check19" value="19"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check20" value="20"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check21" value="21"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check22" value="22"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check23" value="23"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check24" value="24"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check25" value="25"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check26" value="26"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check27" value="27"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check28" value="28"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check29" value="29"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check30" value="30"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check31" value="31"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check32" value="32"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check33" value="33"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check34" value="34"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check35" value="35"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check36" value="36"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check37" value="37"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check38" value="38"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check39" value="39"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check40" value="40"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check41" value="41"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check42" value="42"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + <td class="center"><input type="checkbox" name="check43" value="43"></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + <td class="center"><input type="checkbox" name="check44" value="44"></td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check45" value="45"></td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check46" value="46"></td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + <td class="center"><input type="checkbox" name="check47" value="47"></td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + <td class="center"><input type="checkbox" name="check48" value="48"></td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + <td class="center"><input type="checkbox" name="check49" value="49"></td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + <td class="center"><input type="checkbox" name="check50" value="50"></td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + <td class="center"><input type="checkbox" name="check51" value="51"></td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + <td class="center"><input type="checkbox" name="check52" value="52"></td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + <td class="center"><input type="checkbox" name="check53" value="53"></td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + <td class="center"><input type="checkbox" name="check54" value="54"></td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + <td class="center"><input type="checkbox" name="check55" value="55"></td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + <td class="center"><input type="checkbox" name="check56" value="56"></td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + <td class="center"><input type="checkbox" name="check57" value="57"></td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + <th>Check</th> + </tr> + </tfoot> +</table> + </form> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">var oTable; + +$(document).ready(function() { + $('#form').submit( function() { + var sData = oTable.$('input').serialize(); + alert( "The following data would have been submitted to the server: \n\n"+sData ); + return false; + } ); + + oTable = $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/highlight.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/highlight.html new file mode 100644 index 0000000000000000000000000000000000000000..081f0d0638f69c608b3ea4c2d485c9bd99a26ea7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/highlight.html @@ -0,0 +1,619 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bSortClasses": false + } ); + + oTable.$('td').hover( function() { + var iCol = $('td', this.parentNode).index(this) % 5; + $('td:nth-child('+(iCol+1)+')', oTable.$('tr')).addClass( 'highlighted' ); + }, function() { + oTable.$('td.highlighted').removeClass('highlighted'); + } ); + } ); + </script> + </head> + <body id="dt_example" class="ex_highlight"> + <div id="container"> + <div class="full_width big"> + DataTables highlighting example + </div> + + <h1>Preamble</h1> + <p>The highlighting of rows and columns have be quite useful for attracting attention to where the user's cursor is in the data array. Of course the highlighting of a row is easy enough using CSS, but for column highlighting, you need to use a little bit of Javascript. This example shows that in action on a DataTables enhanced table - this type of effect would be particularly effective on tables with dense information.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + var oTable = $('#example').dataTable( { + "bSortClasses": false + } ); + + oTable.$('td').hover( function() { + var iCol = $('td', this.parentNode).index(this) % 5; + $('td:nth-child('+(iCol+1)+')', oTable.$('tr')).addClass( 'highlighted' ); + }, function() { + oTable.$('td.highlighted').removeClass('highlighted'); + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/multi_filter.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/multi_filter.html new file mode 100644 index 0000000000000000000000000000000000000000..e75fc1a22b53dc23035c1be7664ef36fccec8cf8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/multi_filter.html @@ -0,0 +1,677 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + var asInitVals = new Array(); + + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "oLanguage": { + "sSearch": "Search all columns:" + } + } ); + + $("tfoot input").keyup( function () { + /* Filter on the column (the index) of this element */ + oTable.fnFilter( this.value, $("tfoot input").index(this) ); + } ); + + + + /* + * Support functions to provide a little bit of 'user friendlyness' to the textboxes in + * the footer + */ + $("tfoot input").each( function (i) { + asInitVals[i] = this.value; + } ); + + $("tfoot input").focus( function () { + if ( this.className == "search_init" ) + { + this.className = ""; + this.value = ""; + } + } ); + + $("tfoot input").blur( function (i) { + if ( this.value == "" ) + { + this.className = "search_init"; + this.value = asInitVals[$("tfoot input").index(this)]; + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables individual column filtering example + </div> + + <h1>Preamble</h1> + <p>The filtering functionality that is provided by DataTables is very useful for quickly search through the information in the table - however the search is global, and you (or the end user) may wish to filter only on a particular column of data. To met this need the DataTables <b>fnFilter()</b> API function allow you to specify a column to limit to search to. Note that this works in-combination with the global search filter. Further note that because the input elements are outside of the control of DataTables, with state saving enabled, stored values are not automatically restored - please see <a href="http://datatables.net/forums/comments.php?DiscussionID=2864#Item_3">this post in the forum</a> for how to do this.</p> + <p>The example below shows a table which has a text input box for each column in the footer element of the table. This allows the data in each column to be quickly filtered upon by the end user.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th><input type="text" name="search_engine" value="Search engines" class="search_init" /></th> + <th><input type="text" name="search_browser" value="Search browsers" class="search_init" /></th> + <th><input type="text" name="search_platform" value="Search platforms" class="search_init" /></th> + <th><input type="text" name="search_version" value="Search versions" class="search_init" /></th> + <th><input type="text" name="search_grade" value="Search grades" class="search_init" /></th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">var asInitVals = new Array(); + +$(document).ready(function() { + var oTable = $('#example').dataTable( { + "oLanguage": { + "sSearch": "Search all columns:" + } + } ); + + $("tfoot input").keyup( function () { + /* Filter on the column (the index) of this element */ + oTable.fnFilter( this.value, $("tfoot input").index(this) ); + } ); + + + + /* + * Support functions to provide a little bit of 'user friendlyness' to the textboxes in + * the footer + */ + $("tfoot input").each( function (i) { + asInitVals[i] = this.value; + } ); + + $("tfoot input").focus( function () { + if ( this.className == "search_init" ) + { + this.className = ""; + this.value = ""; + } + } ); + + $("tfoot input").blur( function (i) { + if ( this.value == "" ) + { + this.className = "search_init"; + this.value = asInitVals[$("tfoot input").index(this)]; + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + <p>Note that in the above code, the support functions are provided to ensure that the end user knows what data is being filtered upon. <b>fnFilter()</b> is the function of primary import here.</p> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/multi_filter_select.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/multi_filter_select.html new file mode 100644 index 0000000000000000000000000000000000000000..4e252a9b198f647be8908e79c7053f3bb3e52800 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/multi_filter_select.html @@ -0,0 +1,760 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + (function($) { + /* + * Function: fnGetColumnData + * Purpose: Return an array of table values from a particular column. + * Returns: array string: 1d data array + * Inputs: object:oSettings - dataTable settings object. This is always the last argument past to the function + * int:iColumn - the id of the column to extract the data from + * bool:bUnique - optional - if set to false duplicated values are not filtered out + * bool:bFiltered - optional - if set to false all the table data is used (not only the filtered) + * bool:bIgnoreEmpty - optional - if set to false empty values are not filtered from the result array + * Author: Benedikt Forchhammer <b.forchhammer /AT\ mind2.de> + */ + $.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) { + // check that we have a column id + if ( typeof iColumn == "undefined" ) return new Array(); + + // by default we only wany unique data + if ( typeof bUnique == "undefined" ) bUnique = true; + + // by default we do want to only look at filtered data + if ( typeof bFiltered == "undefined" ) bFiltered = true; + + // by default we do not wany to include empty values + if ( typeof bIgnoreEmpty == "undefined" ) bIgnoreEmpty = true; + + // list of rows which we're going to loop through + var aiRows; + + // use only filtered rows + if (bFiltered == true) aiRows = oSettings.aiDisplay; + // use all rows + else aiRows = oSettings.aiDisplayMaster; // all row numbers + + // set up data array + var asResultData = new Array(); + + for (var i=0,c=aiRows.length; i<c; i++) { + iRow = aiRows[i]; + var aData = this.fnGetData(iRow); + var sValue = aData[iColumn]; + + // ignore empty values? + if (bIgnoreEmpty == true && sValue.length == 0) continue; + + // ignore unique values? + else if (bUnique == true && jQuery.inArray(sValue, asResultData) > -1) continue; + + // else push the value onto the result data array + else asResultData.push(sValue); + } + + return asResultData; + }}(jQuery)); + + + function fnCreateSelect( aData ) + { + var r='<select><option value=""></option>', i, iLen=aData.length; + for ( i=0 ; i<iLen ; i++ ) + { + r += '<option value="'+aData[i]+'">'+aData[i]+'</option>'; + } + return r+'</select>'; + } + + + $(document).ready(function() { + /* Initialise the DataTable */ + var oTable = $('#example').dataTable( { + "oLanguage": { + "sSearch": "Search all columns:" + } + } ); + + /* Add a select menu for each TH element in the table footer */ + $("tfoot th").each( function ( i ) { + this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(i) ); + $('select', this).change( function () { + oTable.fnFilter( $(this).val(), i ); + } ); + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables individual column filtering example (using select menus) + </div> + + <h1>Preamble</h1> + <p>This example is almost identical to <a href="multi_filter.html">individual column example</a> and provides the same functionality, but using <select> menus rather than input elements. The API plug-in function fnGetColumnData from Benedikt Forchhammer provides much of the logic processing required, and integration with a table is almost trivial.</p> + <p>One possible interaction chance would be to make use of fnGetColumnData's ability to get filtered data, so you could have the possible filtering values in the select menus to update to only those in the table, rather than all values.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th></th> + <th></th> + <th></th> + <th></th> + <th></th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">(function($) { +/* + * Function: fnGetColumnData + * Purpose: Return an array of table values from a particular column. + * Returns: array string: 1d data array + * Inputs: object:oSettings - dataTable settings object. This is always the last argument past to the function + * int:iColumn - the id of the column to extract the data from + * bool:bUnique - optional - if set to false duplicated values are not filtered out + * bool:bFiltered - optional - if set to false all the table data is used (not only the filtered) + * bool:bIgnoreEmpty - optional - if set to false empty values are not filtered from the result array + * Author: Benedikt Forchhammer <b.forchhammer /AT\ mind2.de> + */ +$.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) { + // check that we have a column id + if ( typeof iColumn == "undefined" ) return new Array(); + + // by default we only wany unique data + if ( typeof bUnique == "undefined" ) bUnique = true; + + // by default we do want to only look at filtered data + if ( typeof bFiltered == "undefined" ) bFiltered = true; + + // by default we do not wany to include empty values + if ( typeof bIgnoreEmpty == "undefined" ) bIgnoreEmpty = true; + + // list of rows which we're going to loop through + var aiRows; + + // use only filtered rows + if (bFiltered == true) aiRows = oSettings.aiDisplay; + // use all rows + else aiRows = oSettings.aiDisplayMaster; // all row numbers + + // set up data array + var asResultData = new Array(); + + for (var i=0,c=aiRows.length; i<c; i++) { + iRow = aiRows[i]; + var aData = this.fnGetData(iRow); + var sValue = aData[iColumn]; + + // ignore empty values? + if (bIgnoreEmpty == true && sValue.length == 0) continue; + + // ignore unique values? + else if (bUnique == true && jQuery.inArray(sValue, asResultData) > -1) continue; + + // else push the value onto the result data array + else asResultData.push(sValue); + } + + return asResultData; +}}(jQuery)); + + +function fnCreateSelect( aData ) +{ + var r='<select><option value=""></option>', i, iLen=aData.length; + for ( i=0 ; i<iLen ; i++ ) + { + r += '<option value="'+aData[i]+'">'+aData[i]+'</option>'; + } + return r+'</select>'; +} + + +$(document).ready(function() { + /* Initialise the DataTable */ + var oTable = $('#example').dataTable( { + "oLanguage": { + "sSearch": "Search all columns:" + } + } ); + + /* Add a select menu for each TH element in the table footer */ + $("tfoot th").each( function ( i ) { + this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(i) ); + $('select', this).change( function () { + oTable.fnFilter( $(this).val(), i ); + } ); + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/regex.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/regex.html new file mode 100644 index 0000000000000000000000000000000000000000..3d90a7b0ed661a89b050d2688700fbeecdbe1a52 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/regex.html @@ -0,0 +1,727 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + function fnFilterGlobal () + { + $('#example').dataTable().fnFilter( + $("#global_filter").val(), + null, + $("#global_regex")[0].checked, + $("#global_smart")[0].checked + ); + } + + function fnFilterColumn ( i ) + { + $('#example').dataTable().fnFilter( + $("#col"+(i+1)+"_filter").val(), + i, + $("#col"+(i+1)+"_regex")[0].checked, + $("#col"+(i+1)+"_smart")[0].checked + ); + } + + $(document).ready(function() { + $('#example').dataTable(); + + $("#global_filter").keyup( fnFilterGlobal ); + $("#global_regex").click( fnFilterGlobal ); + $("#global_smart").click( fnFilterGlobal ); + + $("#col1_filter").keyup( function() { fnFilterColumn( 0 ); } ); + $("#col1_regex").click( function() { fnFilterColumn( 0 ); } ); + $("#col1_smart").click( function() { fnFilterColumn( 0 ); } ); + + $("#col2_filter").keyup( function() { fnFilterColumn( 1 ); } ); + $("#col2_regex").click( function() { fnFilterColumn( 1 ); } ); + $("#col2_smart").click( function() { fnFilterColumn( 1 ); } ); + + $("#col3_filter").keyup( function() { fnFilterColumn( 2 ); } ); + $("#col3_regex").click( function() { fnFilterColumn( 2 ); } ); + $("#col3_smart").click( function() { fnFilterColumn( 2 ); } ); + + $("#col4_filter").keyup( function() { fnFilterColumn( 3 ); } ); + $("#col4_regex").click( function() { fnFilterColumn( 3 ); } ); + $("#col4_smart").click( function() { fnFilterColumn( 3 ); } ); + + $("#col5_filter").keyup( function() { fnFilterColumn( 4 ); } ); + $("#col5_regex").click( function() { fnFilterColumn( 4 ); } ); + $("#col5_smart").click( function() { fnFilterColumn( 4 ); } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables filtering API example + </div> + + <h1>Preamble</h1> + <p>Filtering a table is one of the most common user interactions with a DataTables table, and DataTables provides a number of methods for you to control this interaction. There is a global filter, and a filter for each individual column. The global filter acts on each column.</p> + <p>Each filter (global or column) can be marked as a regular expression (allowing you to create very complex interactions) and as a smart filter or not. When smart filtering is enabled on a particular filter, DataTables will modify the user input string to a complex regular expression which can make filtering more intuitive.</p> + <p>This example allows you to "play" with the various filtering options that DataTables provides.</p> + + <h1>Live example</h1> + + <table cellpadding="0" cellspacing="0" border="0" class="display"> + <thead> + <tr> + <th>Target</th> + <th>Filter text</th> + <th>Treat as regex</th> + <th>Use smart filter</th> + </tr> + </thead> + <tbody> + <tr id="filter_global"> + <td align="center">Global filtering</td> + <td align="center"><input type="text" name="global_filter" id="global_filter"></td> + <td align="center"><input type="checkbox" name="global_regex" id="global_regex" ></td> + <td align="center"><input type="checkbox" name="global_smart" id="global_smart" checked></td> + </tr> + <tr id="filter_col1"> + <td align="center">Column 1</td> + <td align="center"><input type="text" name="col1_filter" id="col1_filter"></td> + <td align="center"><input type="checkbox" name="col1_regex" id="col1_regex"></td> + <td align="center"><input type="checkbox" name="col1_smart" id="col1_smart" checked></td> + </tr> + <tr id="filter_col2"> + <td align="center">Column 2</td> + <td align="center"><input type="text" name="col2_filter" id="col2_filter"></td> + <td align="center"><input type="checkbox" name="col2_regex" id="col2_regex"></td> + <td align="center"><input type="checkbox" name="col2_smart" id="col2_smart" checked></td> + </tr> + <tr id="filter_col3"> + <td align="center">Column 3</td> + <td align="center"><input type="text" name="col3_filter" id="col3_filter"></td> + <td align="center"><input type="checkbox" name="col3_regex" id="col3_regex"></td> + <td align="center"><input type="checkbox" name="col3_smart" id="col3_smart" checked></td> + </tr> + <tr id="filter_col4"> + <td align="center">Column 4</td> + <td align="center"><input type="text" name="col4_filter" id="col4_filter"></td> + <td align="center"><input type="checkbox" name="col4_regex" id="col4_regex"></td> + <td align="center"><input type="checkbox" name="col4_smart" id="col4_smart" checked></td> + </tr> + <tr id="filter_col5"> + <td align="center">Column 5</td> + <td align="center"><input type="text" name="col5_filter" id="col5_filter"></td> + <td align="center"><input type="checkbox" name="col5_regex" id="col5_regex"></td> + <td align="center"><input type="checkbox" name="col5_smart" id="col5_smart" checked></td> + </tr> + </tbody> + </table> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1,9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419,3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522,1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420,1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8,5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3,1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3,3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">function fnFilterGlobal () +{ + $('#example').dataTable().fnFilter( + $("#global_filter").val(), + null, + $("#global_regex")[0].checked, + $("#global_smart")[0].checked + ); +} + +function fnFilterColumn ( i ) +{ + $('#example').dataTable().fnFilter( + $("#col"+(i+1)+"_filter").val(), + i, + $("#col"+(i+1)+"_regex")[0].checked, + $("#col"+(i+1)+"_smart")[0].checked + ); +} + +$(document).ready(function() { + $('#example').dataTable(); + + $("#global_filter").keyup( fnFilterGlobal ); + $("#global_regex").click( fnFilterGlobal ); + $("#global_smart").click( fnFilterGlobal ); + + $("#col1_filter").keyup( function() { fnFilterColumn( 0 ); } ); + $("#col1_regex").click( function() { fnFilterColumn( 0 ); } ); + $("#col1_smart").click( function() { fnFilterColumn( 0 ); } ); + + // ... etc for the other four columns +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/row_details.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/row_details.html new file mode 100644 index 0000000000000000000000000000000000000000..b97b8915fb3d43a4a67ac0480377dd93c4b79d74 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/row_details.html @@ -0,0 +1,706 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + /* Formating function for row details */ + function fnFormatDetails ( oTable, nTr ) + { + var aData = oTable.fnGetData( nTr ); + var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'; + sOut += '<tr><td>Rendering engine:</td><td>'+aData[1]+' '+aData[4]+'</td></tr>'; + sOut += '<tr><td>Link to source:</td><td>Could provide a link here</td></tr>'; + sOut += '<tr><td>Extra info:</td><td>And any further details here (images etc)</td></tr>'; + sOut += '</table>'; + + return sOut; + } + + $(document).ready(function() { + /* + * Insert a 'details' column to the table + */ + var nCloneTh = document.createElement( 'th' ); + var nCloneTd = document.createElement( 'td' ); + nCloneTd.innerHTML = '<img src="../examples_support/details_open.png">'; + nCloneTd.className = "center"; + + $('#example thead tr').each( function () { + this.insertBefore( nCloneTh, this.childNodes[0] ); + } ); + + $('#example tbody tr').each( function () { + this.insertBefore( nCloneTd.cloneNode( true ), this.childNodes[0] ); + } ); + + /* + * Initialse DataTables, with no sorting on the 'details' column + */ + var oTable = $('#example').dataTable( { + "aoColumnDefs": [ + { "bSortable": false, "aTargets": [ 0 ] } + ], + "aaSorting": [[1, 'asc']] + }); + + /* Add event listener for opening and closing details + * Note that the indicator for showing which row is open is not controlled by DataTables, + * rather it is done here + */ + $('#example tbody td img').live('click', function () { + var nTr = $(this).parents('tr')[0]; + if ( oTable.fnIsOpen(nTr) ) + { + /* This row is already open - close it */ + this.src = "../examples_support/details_open.png"; + oTable.fnClose( nTr ); + } + else + { + /* Open this row */ + this.src = "../examples_support/details_close.png"; + oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' ); + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables hidden row details example + </div> + + <h1>Preamble</h1> + <p>DataTables has most features enabled by default, so all you need to do to use it with one of your own tables is to call the construction function (as shown below).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">/* Formating function for row details */ +function fnFormatDetails ( oTable, nTr ) +{ + var aData = oTable.fnGetData( nTr ); + var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'; + sOut += '<tr><td>Rendering engine:</td><td>'+aData[1]+' '+aData[4]+'</td></tr>'; + sOut += '<tr><td>Link to source:</td><td>Could provide a link here</td></tr>'; + sOut += '<tr><td>Extra info:</td><td>And any further details here (images etc)</td></tr>'; + sOut += '</table>'; + + return sOut; +} + +$(document).ready(function() { + /* + * Insert a 'details' column to the table + */ + var nCloneTh = document.createElement( 'th' ); + var nCloneTd = document.createElement( 'td' ); + nCloneTd.innerHTML = '<img src="../examples_support/details_open.png">'; + nCloneTd.className = "center"; + + $('#example thead tr').each( function () { + this.insertBefore( nCloneTh, this.childNodes[0] ); + } ); + + $('#example tbody tr').each( function () { + this.insertBefore( nCloneTd.cloneNode( true ), this.childNodes[0] ); + } ); + + /* + * Initialse DataTables, with no sorting on the 'details' column + */ + var oTable = $('#example').dataTable( { + "aoColumnDefs": [ + { "bSortable": false, "aTargets": [ 0 ] } + ], + "aaSorting": [[1, 'asc']] + }); + + /* Add event listener for opening and closing details + * Note that the indicator for showing which row is open is not controlled by DataTables, + * rather it is done here + */ + $('#example tbody td img').live('click', function () { + var nTr = $(this).parents('tr')[0]; + if ( oTable.fnIsOpen(nTr) ) + { + /* This row is already open - close it */ + this.src = "../examples_support/details_open.png"; + oTable.fnClose( nTr ); + } + else + { + /* Open this row */ + this.src = "../examples_support/details_close.png"; + oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' ); + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/select_row.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/select_row.html new file mode 100644 index 0000000000000000000000000000000000000000..ed99e25209e6b79d252eca52d993e9e36438b937 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/select_row.html @@ -0,0 +1,631 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + /* Add/remove class to a row when clicked on */ + $('#example tr').click( function() { + $(this).toggleClass('row_selected'); + } ); + + /* Init the table */ + var oTable = $('#example').dataTable( ); + } ); + + /* + * I don't actually use this here, but it is provided as it might be useful and demonstrates + * getting the TR nodes from DataTables + */ + function fnGetSelected( oTableLocal ) + { + return oTableLocal.$('tr.row_selected'); + } + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables row select example + </div> + + <h1>Preamble</h1> + <p>It can be quite useful at times to provide the user with the option to select rows in a DataTable. This can be done by simply using a click event to add/remove a class on the table rows. The the selected rows are then provided through the custom function <b>fnGetSelected()</b> for later processing.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + /* Add/remove class to a row when clicked on */ + $('#example tr').click( function() { + $(this).toggleClass('row_selected'); + } ); + + /* Init the table */ + var oTable = $('#example').dataTable( ); +} ); + +/* + * I don't actually use this here, but it is provided as it might be useful and demonstrates + * getting the TR nodes from DataTables + */ +function fnGetSelected( oTableLocal ) +{ + return oTableLocal.$('tr.row_selected'); +}</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/select_single_row.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/select_single_row.html new file mode 100644 index 0000000000000000000000000000000000000000..a5d74e058a69c042658c91b2adaa5510afe92ab4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/select_single_row.html @@ -0,0 +1,656 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + var oTable; + + $(document).ready(function() { + /* Add a click handler to the rows - this could be used as a callback */ + $("#example tbody tr").click( function( e ) { + if ( $(this).hasClass('row_selected') ) { + $(this).removeClass('row_selected'); + } + else { + oTable.$('tr.row_selected').removeClass('row_selected'); + $(this).addClass('row_selected'); + } + }); + + /* Add a click handler for the delete row */ + $('#delete').click( function() { + var anSelected = fnGetSelected( oTable ); + oTable.fnDeleteRow( anSelected[0] ); + } ); + + /* Init the table */ + oTable = $('#example').dataTable( ); + } ); + + + /* Get the rows which are currently selected */ + function fnGetSelected( oTableLocal ) + { + return oTableLocal.$('tr.row_selected'); + } + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables row select example + </div> + + <h1>Preamble</h1> + <p>It can be quite useful at times to provide the user with the option to select rows in a DataTable. In this example we use standard jQuery 'click' events to add a class to table rows to indicate that they have been selected. Note that we use <i>oTable.$()</i> when working with rows in the table to ensure that all rows are considered, regardless of paging and filtering.</p> + + <h1>Live example</h1> + <p><a href="javascript:void(0)" id="delete">Delete selected row</a></p> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">var oTable; + +$(document).ready(function() { + /* Add a click handler to the rows - this could be used as a callback */ + $("#example tbody tr").click( function( e ) { + if ( $(this).hasClass('row_selected') ) { + $(this).removeClass('row_selected'); + } + else { + oTable.$('tr.row_selected').removeClass('row_selected'); + $(this).addClass('row_selected'); + } + }); + + /* Add a click handler for the delete row */ + $('#delete').click( function() { + var anSelected = fnGetSelected( oTable ); + oTable.fnDeleteRow( anSelected[0] ); + } ); + + /* Init the table */ + oTable = $('#example').dataTable( ); +} ); + + +/* Get the rows which are currently selected */ +function fnGetSelected( oTableLocal ) +{ + return oTableLocal.$('tr.row_selected'); +}</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/show_hide.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/show_hide.html new file mode 100644 index 0000000000000000000000000000000000000000..802a5d9cf3e614ae6022cc5c8561a086208f6de3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/show_hide.html @@ -0,0 +1,631 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "sScrollY": "200px", + "bPaginate": false + } ); + } ); + + function fnShowHide( iCol ) + { + /* Get the DataTables object again - this is not a recreation, just a get of the object */ + var oTable = $('#example').dataTable(); + + var bVis = oTable.fnSettings().aoColumns[iCol].bVisible; + oTable.fnSetColumnVis( iCol, bVis ? false : true ); + } + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables show and hide columns dynamically example + </div> + + <h1>Preamble</h1> + <p>This example shows how you can make use of the fnSetColumnVis() API function to show and hide columns in a table dynamically, after the table has been initialised (we've also got scrolling enabled here, although that is not required for the API function to work).</p> + + <a href="javascript:void(0);" onclick="fnShowHide(0);">Toggle column 1<br></a> + <a href="javascript:void(0);" onclick="fnShowHide(1);">Toggle column 2<br></a> + <a href="javascript:void(0);" onclick="fnShowHide(2);">Toggle column 3<br></a> + <a href="javascript:void(0);" onclick="fnShowHide(3);">Toggle column 4<br></a> + <a href="javascript:void(0);" onclick="fnShowHide(4);">Toggle column 5<br></a> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "sScrollY": "200px", + "bPaginate": false + } ); +} ); + +function fnShowHide( iCol ) +{ + /* Get the DataTables object again - this is not a recreation, just a get of the object */ + var oTable = $('#example').dataTable(); + + var bVis = oTable.fnSettings().aoColumns[iCol].bVisible; + oTable.fnSetColumnVis( iCol, bVis ? false : true ); +}</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/api/tabs_and_scrolling.html b/src/warden-server/contrib/wardenweb/datatables/examples/api/tabs_and_scrolling.html new file mode 100644 index 0000000000000000000000000000000000000000..8ad8379093989da41e5760d7ae2184daa7f12d25 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/api/tabs_and_scrolling.html @@ -0,0 +1,457 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table_jui.css"; + @import "../examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css"; + .ui-tabs .ui-tabs-panel { padding: 10px } + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../examples_support/jquery-ui-tabs.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $("#tabs").tabs( { + "show": function(event, ui) { + var oTable = $('div.dataTables_scrollBody>table.display', ui.panel).dataTable(); + if ( oTable.length > 0 ) { + oTable.fnAdjustColumnSizing(); + } + } + } ); + + $('table.display').dataTable( { + "sScrollY": "200px", + "bScrollCollapse": true, + "bPaginate": false, + "bJQueryUI": true, + "aoColumnDefs": [ + { "sWidth": "10%", "aTargets": [ -1 ] } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables scrolling and jQuery UI tabs + </div> + + <h1>Preamble</h1> + <p>This example shows how DataTables with scrolling can be used together with jQuery UI tabs (or indeed any other method whereby the table is in a hidden (display:none) element when it is initialised). The reason this requires special consideration, is that when DataTables is initialised and it is in a hidden element, the browser doesn't have any measurements with which to give DataTables, and this will require in the misalignment of columns when scrolling is enabled.</p> + <p>The method to get around this is to call the fnAdjustColumnSizing API function. This function will calculate the column widths that are needed based on the current data and then redraw the table - which is exactly what is needed when the table becomes visible for the first time. For this we use the 'show' method provided by jQuery UI tables. We check to see if the DataTable has been created or not (note the extra selector for 'div.dataTables_scrollBody', this is added when the DataTable is initialised). If the table has been initialised, we re-size it. An optimisation could be added to re-size only of the first showing of the table.</p> + + <h1>Live example</h1> + <div id="demo"> + <div id="tabs"> + <ul> + <li><a href="#tabs-1">Trident browsers</a></li> + <li><a href="#tabs-2">Gecko browsers</a></li> + </ul> + + <div id="tabs-1"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example1"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>Grade</th> + </tr> + </thead> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>Grade</th> + </tr> + </tfoot> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="odd gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tbody> +</table> + </div> + + + <div id="tabs-2"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example2"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>Grade</th> + </tr> + </thead> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>Grade</th> + </tr> + </tfoot> + <tbody> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + </tbody> +</table> + </div> + </div> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $("#tabs").tabs( { + "show": function(event, ui) { + var oTable = $('div.dataTables_scrollBody>table.display', ui.panel).dataTable(); + if ( oTable.length > 0 ) { + oTable.fnAdjustColumnSizing(); + } + } + } ); + + $('table.display').dataTable( { + "sScrollY": "200px", + "bScrollCollapse": true, + "bPaginate": false, + "bJQueryUI": true, + "aoColumnDefs": [ + { "sWidth": "10%", "aTargets": [ -1 ] } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/alt_pagination.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/alt_pagination.html new file mode 100644 index 0000000000000000000000000000000000000000..47480e5f4bc52c72b60639d9a6b640f436cf6d4f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/alt_pagination.html @@ -0,0 +1,610 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "sPaginationType": "full_numbers" + } ); + } ); + </script> + </head> + <body id="dt_example" class="example_alt_pagination"> + <div id="container"> + <div class="full_width big"> + DataTables alternative pagination example + </div> + + <h1>Preamble</h1> + <p>The page controls which are used by default in DataTables (forward and backward buttons only) are great for most situations, but there are cases where you may wish to customise the controls presented to the end user. This is made simple by DataTables through its extensible pagination mechanism. There are two types of pagination controls built into DataTables: <b>two_button</b> (default) and <b>full_numbers</b>. To switch between these two types, use the <b>sPaginationType</b> initialisation parameter. You can add additional types of pagination control by extending the <b>$.fn.dataTableExt.oPagination</b> object.</p> + <p>Note also that the number of pages which are shown with direct links (the 1, 2, 3...) can be changed by setting the variable <b>jQuery.fn.dataTableExt.oPagination.iFullNumbersShowPages</b> (default 5). Odd numbers are best to keep the display even.</p> + <p>The example below shows the <b>full_numbers</b> type of pagination, where 'first', 'previous', 'next' and 'last' buttons are presented, as well as the five pages around the current page.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td> + Internet + Explorer + 4.0 + </td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "sPaginationType": "full_numbers" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/base.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/base.html new file mode 100644 index 0000000000000000000000000000000000000000..1eda85d7870ba0c7e94e7cd5fc41a1d1c2560c8e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/base.html @@ -0,0 +1,597 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/jquery.dataTables.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables base example (CDN CSS) + </div> + + <h1>Preamble</h1> + <p>DataTables has most features enabled by default, so all you need to do to use it with one of your own tables is to call the construction function (as shown below).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center"> 4</td> + <td class="center">X</td> + </tr> + <tr class="even gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/base_themeroller.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/base_themeroller.html new file mode 100644 index 0000000000000000000000000000000000000000..aebf8c337a1d69efb1ccb9e2c048aa9ef832ae47 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/base_themeroller.html @@ -0,0 +1,593 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/jquery.dataTables_themeroller.css"; + @import "../examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bJQueryUI": true, + "sPaginationType": "full_numbers" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables base example (CDN CSS) + </div> + + <h1>Preamble</h1> + <p>DataTables has most features enabled by default, so all you need to do to use it with one of your own tables is to call the construction function (as shown below).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center"> 4</td> + <td class="center">X</td> + </tr> + <tr class="even gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/complex_header.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/complex_header.html new file mode 100644 index 0000000000000000000000000000000000000000..30eb1d24245a1867a3e287e82b8262ee0bd3e754 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/complex_header.html @@ -0,0 +1,607 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables complex header example (row and colspans) + </div> + + <h1>Preamble</h1> + <p>When using tables to display data, you will often wish to display column information in groups. DataTables fully supports colspan and rowspans in the header, assigning the required sorting listeners to the TH element suitable for that column. Each column must have one TH cell (and only one) which is unique to it for the listeners to be added. The example shown below has the core browser information grouped together.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th rowspan="2">Rendering engine</th> + <th rowspan="2">Browser</th> + <th colspan="3">Details</th> + </tr> + <tr> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tfoot> + <tr> + <th rowspan="2">Rendering engine</th> + <th rowspan="2">Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + <tr> + <th colspan="3">Details</th> + </tr> + </tfoot> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/dom.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/dom.html new file mode 100644 index 0000000000000000000000000000000000000000..ea0ce7c76d7e72b5da14100b29a27ae8d87bd945 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/dom.html @@ -0,0 +1,620 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "sDom": '<"top"i>rt<"bottom"flp><"clear">' + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables DOM positioning example + </div> + + <h1>Preamble</h1> + <p>When customising DataTables for your own usage, you might find that the default position of the feature elements (filter input etc) is not quite to your liking. To address this issue DataTables takes inspiration from the CSS 3 Advanced Layout Module and provides the <b>sDom</b> initialisation parameter which can be set to indicate where you which particular features to appear in the DOM. You can also specify <b>div</b> wrapping containers (with classes) to provide complete layout flexibility. The syntax available is:</p> + <ul> + <li><b>l</b> - Length changing</li> + <li><b>f</b> - Filtering input</li> + <li><b>t</b> - The table!</li> + <li><b>i</b> - Information</li> + <li><b>p</b> - Pagination</li> + <li><b>r</b> - pRocessing</li> + <li><b><</b> and <b>></b> - div elements</li> + <li><b><"class"</b> and <b>></b> - div with a class</li> + <li>Examples: <b><"wrapper"flipt></b>, <b><lf<t>ip></b></li> + </ul> + <p>In the example below I've moved the table information to the top of the table, and all the interaction elements to the bottom, each wrapper in a container <b>div</b>.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td> + Internet + Explorer + 4.0 + </td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "sDom": '<"top"i>rt<"bottom"flp><"clear">' + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/filter_only.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/filter_only.html new file mode 100644 index 0000000000000000000000000000000000000000..776a39897625b74b74b46bb26b19f6ce8e2166a1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/filter_only.html @@ -0,0 +1,610 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bPaginate": false, + "bLengthChange": false, + "bFilter": true, + "bSort": false, + "bInfo": false, + "bAutoWidth": false } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables with only the filter feature + </div> + + <h1>Preamble</h1> + <p>Disabling features that you don't wish to use for a particular table is easily done by setting a variable in the initialisation object. In the following example only the filter feature is left enabled (although I've explicitly declared it as enabled).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bPaginate": false, + "bLengthChange": false, + "bFilter": true, + "bSort": false, + "bInfo": false, + "bAutoWidth": false + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/flexible_width.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/flexible_width.html new file mode 100644 index 0000000000000000000000000000000000000000..c310de8aaf36c821102e4f710f000371e746c94a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/flexible_width.html @@ -0,0 +1,603 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container" style="width:80%"> + <div class="full_width big"> + DataTables - flexible width example + </div> + + <h1>Preamble</h1> + <p>Often you may want to have your table resize dynamically with the page. Typically this is done by assigning width:100% in your CSS, but this presents a problem for Javascript since it can be very hard to get that relative size, rather than the absolute pixels. As such, if you apply the <i>width</i> attribute to the HTML table + tag, this will be used as the width for the table (overruling any CSS styles).</p> + <p>This example shows a table width <i>width="100%"</i> and the container is also flexible width, so as the window is resized, the table will also resize dynamically.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center"> 4</td> + <td class="center">X</td> + </tr> + <tr class="even gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/hidden_columns.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/hidden_columns.html new file mode 100644 index 0000000000000000000000000000000000000000..8ea42c3a1396d656b9a141a3f58df95a08223738 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/hidden_columns.html @@ -0,0 +1,605 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "aoColumnDefs": [ + { "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] }, + { "bVisible": false, "aTargets": [ 3 ] } + ] } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables with hidden columns + </div> + + <h1>Preamble</h1> + <p>There are times when you might find it useful to display only a sub-set of the information that was available in the original table. For example you might want to reduce the amount of data shown on screen to make it clearer for the user. This hidden data can still be filtered upon allowing the user access to that data (for example 'tag' information for a row entry), or this can be disabled. In the table below both the platform and engine version columns have been hidden, the former is searchable, the latter is not.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "aoColumnDefs": [ + { "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] }, + { "bVisible": false, "aTargets": [ 3 ] } + ] } ); + } );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/language.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/language.html new file mode 100644 index 0000000000000000000000000000000000000000..f30251fa80b9b96f38a6157dd2490ad0c3219eae --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/language.html @@ -0,0 +1,613 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "oLanguage": { + "sLengthMenu": "Display _MENU_ records per page", + "sZeroRecords": "Nothing found - sorry", + "sInfo": "Showing _START_ to _END_ of _TOTAL_ records", + "sInfoEmpty": "Showing 0 to 0 of 0 records", + "sInfoFiltered": "(filtered from _MAX_ total records)" + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables dynamic language + </div> + + <h1>Preamble</h1> + <p>Changing the language information displayed by DataTables is as simple as passing in a language object to the dataTable constructor. The example above shows a different set of English language definitions to be used, rather than the defaults.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { +$('#example').dataTable( { + "oLanguage": { + "sLengthMenu": "Display _MENU_ records per page", + "sZeroRecords": "Nothing found - sorry", + "sInfo": "Showing _START_ to _END_ of _TOTAL_ records", + "sInfoEmpty": "Showing 0 to 0 of 0 records", + "sInfoFiltered": "(filtered from _MAX_ total records)" + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/multi_col_sort.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/multi_col_sort.html new file mode 100644 index 0000000000000000000000000000000000000000..64f864b95abb9bc78a1ed985c1f7b7c2cab49901 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/multi_col_sort.html @@ -0,0 +1,636 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + /* Define two custom functions (asc and desc) for string sorting */ + jQuery.fn.dataTableExt.oSort['string-case-asc'] = function(x,y) { + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + }; + + jQuery.fn.dataTableExt.oSort['string-case-desc'] = function(x,y) { + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + }; + + $(document).ready(function() { + /* Build the DataTable with third column using our custom sort functions */ + $('#example').dataTable( { + "aaSorting": [ [0,'asc'], [1,'asc'] ], + "aoColumnDefs": [ + { "sType": 'string-case', "aTargets": [ 2 ] } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables multi column and custom sort example + </div> + + <h1>Preamble</h1> + <p>As you would expect with a desktop application, DataTables allows you to sort by multiple columns at the same time. This multiple sorting mechanism is always active if the <b>bSort</b> initialiser is <b>true</b> (it is by default) and the end user can activate it by 'shift' clicking on the column they want to add to the sort. You can also pass in an array of information using the <b>aaSorting</b> initialiser, as I have done in the example below there the first column is sorted as the primary column and the second one then used if the elements in the first column match. As many columns as you wish can be added to the sort.</p> + <p>DataTables also provides a method to add your own sorting functions, to extend those built into DataTables. This can be very useful if you wish to sort on data formats such as currency and non-Javascript standard date formats (<a href="http://www.overset.com/2008/09/01/javascript-natural-sort-algorithm/">this natural sort</a> algorithm is a popular useage). This is achieved by extending the <b>jQuery.fn.dataTableExt</b> object with ascending and descending sort functions. In the example below I've added case sensitive sorting functions.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">/* Define two custom functions (asc and desc) for string sorting */ +jQuery.fn.dataTableExt.oSort['string-case-asc'] = function(x,y) { + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); +}; + +jQuery.fn.dataTableExt.oSort['string-case-desc'] = function(x,y) { + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); +}; + +$(document).ready(function() { + /* Build the DataTable with third column using our custom sort functions */ + $('#example').dataTable( { + "aaSorting": [ [0,'asc'], [1,'asc'] ], + "aoColumns": [ + null, + null, + { "sType": 'string-case' }, + null, + null + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/multiple_tables.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/multiple_tables.html new file mode 100644 index 0000000000000000000000000000000000000000..4e55644a4ed561fb170650f365abc597102ef9f5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/multiple_tables.html @@ -0,0 +1,417 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('.dataTable').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables multiple tables example + </div> + + <h1>Preamble</h1> + <p>Using standard jQuery selector syntax with DataTables it is trivial to initialise multiple tables with a single line of Javascript, as shown below. All tables are completely independent, but share the parameters passed thought the initialiser object (for example if you specific the Spanish language file, all tables will be shown in Spanish).</p> + + <h1>Live example</h1> + + <p style="font-weight: bold;">Trident based browsers</p> + <div id="demo_trident"> +<table cellpadding="0" cellspacing="0" border="0" class="display dataTable" id="allan"> + <thead> + <tr> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + </table> + </div> + <div class="clear"></div> + + + <p style="clear:both; margin-top:4em; font-weight: bold;">Gecko based browsers</p> + <div id="demo_gecko"> +<table cellpadding="0" cellspacing="0" border="0" class="display dataTable"> + <thead> + <tr> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeA"> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + </table> + </div> + <div class="clear"></div> + + + <p style="clear:both; margin-top:4em; font-weight: bold;">WebKit based browsers (note no platform)</p> + <div id="demo_webkit"> +<table cellpadding="0" cellspacing="0" border="0" class="display dataTable"> + <thead> + <tr> + <th>Browser</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeA"> + <td>Safari 1.2</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Safari 1.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Safari 2.0</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Safari 3.0</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>OmniWeb 5.5</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>iPod Touch / iPhone</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + </table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('.dataTable').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_x.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_x.html new file mode 100644 index 0000000000000000000000000000000000000000..c6a119f24a0b96beba884d92aa7117aeabe95a71 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_x.html @@ -0,0 +1,611 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "sScrollX": "100%", + "sScrollXInner": "110%", + "bScrollCollapse": true + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables horizontal scrolling example + </div> + + <h1>Preamble</h1> + <p>This DataTables horizontal scrolling example shows horizontal scrolling on a DataTable, which is very useful for when you have a wide table, with a large number of columns to display, but want to constrain it to a limited horizontal display area. To enable x scrolling simply set the sScrollX parameter to be whatever you want the container wrapper's width to be (any CSS measurement is acceptable, or just a number which is treated as pixels). Note also that sScrollXInner is used here to force the table to be wider than is strictly needed. You may or may not want to include this parameter depending on your application.</p> + <p>Also shown in this example is the use of a 'collapsing scroll table' by using <b>bScrollCollapse</b>. When this parameter is set to true, the table size will 'collapse' down to match the number of rows, if the table height is smaller than the scrollable area.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="odd gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "sScrollX": "100%", + "sScrollXInner": "110%", + "bScrollCollapse": true + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_xy.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_xy.html new file mode 100644 index 0000000000000000000000000000000000000000..9f287b4febcdca1c4b63f2154b289f10719bf4d6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_xy.html @@ -0,0 +1,601 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "sScrollY": 200, + "sScrollX": "100%", + "sScrollXInner": "110%" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables horizontal and vertical scrolling example + </div> + + <h1>Preamble</h1> + <p>In this example you can see DataTables doing horizontal and vertical scrolling at the same time. Note also that pagination is enabled, and the scrolling accounts for this.</p> + + <h1>Live example</h1> + <div id="demo"> + +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="odd gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "sScrollY": 200, + "sScrollX": "100%", + "sScrollXInner": "110%" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_y.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_y.html new file mode 100644 index 0000000000000000000000000000000000000000..440544521aef92fba8b963eaf9ec1dc37cb52a17 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_y.html @@ -0,0 +1,608 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + div.table_Wrapper { border:10px solid blue; } + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "sScrollY": "200px", + "bPaginate": false + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables vertical scrolling example + </div> + + <h1>Preamble</h1> + <p>This example shows the DataTables table body scrolling in the vertical direction. This can generally be seen as an alternative method to pagination for displaying a large table in a fairly small vertical area, and as such pagination has been disabled here (note that this is not mandatory, it will work just fine with pagination enabled as well!). The example is set up to show grid lines using CSS, which is useful for alignment, both for testing and end user usability. To enable y scrolling simply set the sScrollY parameter to be whatever you want the container wrapper's height to be (any CSS measurement is acceptable, or just a number which is treated as pixels).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="odd gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "sScrollY": "200px", + "bPaginate": false + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_y_infinite.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_y_infinite.html new file mode 100644 index 0000000000000000000000000000000000000000..089b5cc67e68c4e885690c1c4163207af722c5f8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_y_infinite.html @@ -0,0 +1,611 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + div.table_Wrapper { border:10px solid blue; } + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bScrollInfinite": true, + "bScrollCollapse": true, + "sScrollY": "200px" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables infinite vertical scrolling example + </div> + + <h1>Preamble</h1> + <p>This example shows the DataTables table body scrolling in the vertical direction with infinite scrolling. The idea of infinite scrolling means that data will be added to the table dynamically, as and when needed by the user scrolling the table. A sub-set of the data is loaded initially, and more added as needed (technically of course, it is not "infinite" since it will stop loading data at the end of the data set!). Note that pagination much be enabled for infinite scrolling to work, but the pagination controls will not be shown (they could be, but can cause very confusing user interaction).</p> + <p>DataTables' infinite scroll can be used with any of the <a href="http://datatables.net/usage/#data_sources">four data sources</a> supported, and they do not require any modification to work (including server-side scripts).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="odd gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bScrollInfinite": true, + "bScrollCollapse": true, + "sScrollY": "200px" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_y_theme.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_y_theme.html new file mode 100644 index 0000000000000000000000000000000000000000..f0a9d0fa877d8f67bda08d17a4b3fd10f54beea8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/scroll_y_theme.html @@ -0,0 +1,610 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table_jui.css"; + @import "../examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "sScrollY": 200, + "bJQueryUI": true, + "sPaginationType": "full_numbers" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables vertical scrolling with jQuery UI ThemeRoller example + </div> + + <h1>Preamble</h1> + <p>This example is an extension of the vertical scrolling example, showing DataTables ability to be themed by jQuery UI's ThemeRoller.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th width="12%">CSS grade</th> + </tr> + </thead> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="odd gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "sScrollY": 200, + "bJQueryUI": true, + "sPaginationType": "full_numbers" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/state_save.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/state_save.html new file mode 100644 index 0000000000000000000000000000000000000000..43198902c7475c70eb738a97b8e3a76a709b2e74 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/state_save.html @@ -0,0 +1,605 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bStateSave": true + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables state saving example + </div> + + <h1>Preamble</h1> + <p>DataTables can use cookies in the end user's web-browser in order to store it's state after each change in drawing. What this means is that if the user were to reload the page, the table should remain exactly as it was (length, filtering, pagination and sorting). This feature is disabled by default, but can be easily enabled using the <b>bStateSave</b> initialisation parameter as shown in this example. Note also that the duration of the cookie can be set using the <b>iCookieDuration</b> initialisation parameter (which is in seconds).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bStateSave": true + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/table_sorting.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/table_sorting.html new file mode 100644 index 0000000000000000000000000000000000000000..25175f443532f3403eaa6e0afbda028a26d94bfc --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/table_sorting.html @@ -0,0 +1,605 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "aaSorting": [[ 4, "desc" ]] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables table sorting example + </div> + + <h1>Preamble</h1> + <p>With DataTables you can alter the sorting characteristics of the table at initialisation time. Using the <b>aaSorting</b> initialisation parameter, you can get the table exactly how you want to present the information. The <b>aaSorting</b> parameter is an array of arrays where the first value is the column to sort on, and the second is 'asc' or 'desc' as required (it is a double array for <a href="../basic_init/multi_col_sort.html">multi-column sorting</a>). The table below is sorted (descending) by the CSS grade. Note also that the 'Engine version' column is automatically detected as a numeric column and sorted accordingly. Finally, also note that "asSorting" has been defined for the column in question for this example. The reason for this is that DataTables uses ["asc","desc"] for sorting order by default, but we would in this case prefer "desc" to be given first priority.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "aaSorting": [[ 4, "desc" ]] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/themes.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/themes.html new file mode 100644 index 0000000000000000000000000000000000000000..46727e55a77472cfa80b133d9d3bee12384341f2 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/themes.html @@ -0,0 +1,599 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table_jui.css"; + @import "../examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + oTable = $('#example').dataTable({ + "bJQueryUI": true, + "sPaginationType": "full_numbers" + }); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables with jQuery UI themes example + </div> + + <h1>Preamble</h1> + <p>Styling widgets such as DataTables can often take a considerable amount of time to fully integrate it into your site/application, with the demo styles as a base. This holds true for all widgets, and the jQuery UI team have addressed this issue by introducing themes through their excellent <a href="http://jqueryui.com/themeroller/">ThemeRoller</a>. DataTables has full support for ThemeRoller created themes, all you need to do is enable the <b>bJQueryUI</b> flag in the initialisation object, and the required mark-up and classes will be added by DataTables.</p> + + <h1>Live example</h1> + <div class="demo_jui"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + oTable = $('#example').dataTable({ + "bJQueryUI": true, + "sPaginationType": "full_numbers" + }); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/zero_config.html b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/zero_config.html new file mode 100644 index 0000000000000000000000000000000000000000..2a0bec982a01d5b38d1eb00b99d1aed1b43d6736 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/basic_init/zero_config.html @@ -0,0 +1,601 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables zero configuration example + </div> + + <h1>Preamble</h1> + <p>DataTables has most features enabled by default, so all you need to do to use it with one of your own tables is to call the construction function (as shown below).</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="odd gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center"> 4</td> + <td class="center">X</td> + </tr> + <tr class="even gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="odd gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="even gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/ajax.html b/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/ajax.html new file mode 100644 index 0000000000000000000000000000000000000000..da789ba145519fd8e7ac1aa6d603eac9bc14672d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/ajax.html @@ -0,0 +1,209 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": '../ajax/sources/arrays.txt' + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables AJAX source example + </div> + + <h1>Preamble</h1> + <p>Although DataTables is built from the principle of progressive enhancement, it is often useful to be able to construct a table from an AJAX source. This can be done in one of two ways - either using the <b>aaData</b> initialisation parameter which takes an array of data, or using the <b>sAjaxSource</b> initialisation parameter which will have DataTables go to that source with an XHR call and load data from there. This example shows the latter method in action. DataTables expects an object with an array called "aaData" with the data source.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "sAjaxSource": '../ajax/sources/arrays.txt' + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/dom.html b/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/dom.html new file mode 100644 index 0000000000000000000000000000000000000000..4f697c0e1276e8a6e9def3fcb51d123c7a99b602 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/dom.html @@ -0,0 +1,601 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables zero configuration example + </div> + + <h1>Preamble</h1> + <p>The foundation for DataTables is progressive enhancement, so it is very adept at reading table information directly from the DOM. Therefore, if your user's browser is capable the user will get a DataTables enhanced experience. Otherwise they get the plain HTML.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/js_array.html b/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/js_array.html new file mode 100644 index 0000000000000000000000000000000000000000..58309973e99177f876b635000e132a9d7eea1b4f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/js_array.html @@ -0,0 +1,290 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + /* Data set - can contain whatever information you want */ + var aDataSet = [ + ['Trident','Internet Explorer 4.0','Win 95+','4','X'], + ['Trident','Internet Explorer 5.0','Win 95+','5','C'], + ['Trident','Internet Explorer 5.5','Win 95+','5.5','A'], + ['Trident','Internet Explorer 6','Win 98+','6','A'], + ['Trident','Internet Explorer 7','Win XP SP2+','7','A'], + ['Trident','AOL browser (AOL desktop)','Win XP','6','A'], + ['Gecko','Firefox 1.0','Win 98+ / OSX.2+','1.7','A'], + ['Gecko','Firefox 1.5','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Firefox 2.0','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Firefox 3.0','Win 2k+ / OSX.3+','1.9','A'], + ['Gecko','Camino 1.0','OSX.2+','1.8','A'], + ['Gecko','Camino 1.5','OSX.3+','1.8','A'], + ['Gecko','Netscape 7.2','Win 95+ / Mac OS 8.6-9.2','1.7','A'], + ['Gecko','Netscape Browser 8','Win 98SE+','1.7','A'], + ['Gecko','Netscape Navigator 9','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Mozilla 1.0','Win 95+ / OSX.1+',1,'A'], + ['Gecko','Mozilla 1.1','Win 95+ / OSX.1+',1.1,'A'], + ['Gecko','Mozilla 1.2','Win 95+ / OSX.1+',1.2,'A'], + ['Gecko','Mozilla 1.3','Win 95+ / OSX.1+',1.3,'A'], + ['Gecko','Mozilla 1.4','Win 95+ / OSX.1+',1.4,'A'], + ['Gecko','Mozilla 1.5','Win 95+ / OSX.1+',1.5,'A'], + ['Gecko','Mozilla 1.6','Win 95+ / OSX.1+',1.6,'A'], + ['Gecko','Mozilla 1.7','Win 98+ / OSX.1+',1.7,'A'], + ['Gecko','Mozilla 1.8','Win 98+ / OSX.1+',1.8,'A'], + ['Gecko','Seamonkey 1.1','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Epiphany 2.20','Gnome','1.8','A'], + ['Webkit','Safari 1.2','OSX.3','125.5','A'], + ['Webkit','Safari 1.3','OSX.3','312.8','A'], + ['Webkit','Safari 2.0','OSX.4+','419.3','A'], + ['Webkit','Safari 3.0','OSX.4+','522.1','A'], + ['Webkit','OmniWeb 5.5','OSX.4+','420','A'], + ['Webkit','iPod Touch / iPhone','iPod','420.1','A'], + ['Webkit','S60','S60','413','A'], + ['Presto','Opera 7.0','Win 95+ / OSX.1+','-','A'], + ['Presto','Opera 7.5','Win 95+ / OSX.2+','-','A'], + ['Presto','Opera 8.0','Win 95+ / OSX.2+','-','A'], + ['Presto','Opera 8.5','Win 95+ / OSX.2+','-','A'], + ['Presto','Opera 9.0','Win 95+ / OSX.3+','-','A'], + ['Presto','Opera 9.2','Win 88+ / OSX.3+','-','A'], + ['Presto','Opera 9.5','Win 88+ / OSX.3+','-','A'], + ['Presto','Opera for Wii','Wii','-','A'], + ['Presto','Nokia N800','N800','-','A'], + ['Presto','Nintendo DS browser','Nintendo DS','8.5','C/A<sup>1</sup>'], + ['KHTML','Konqureror 3.1','KDE 3.1','3.1','C'], + ['KHTML','Konqureror 3.3','KDE 3.3','3.3','A'], + ['KHTML','Konqureror 3.5','KDE 3.5','3.5','A'], + ['Tasman','Internet Explorer 4.5','Mac OS 8-9','-','X'], + ['Tasman','Internet Explorer 5.1','Mac OS 7.6-9','1','C'], + ['Tasman','Internet Explorer 5.2','Mac OS 8-X','1','C'], + ['Misc','NetFront 3.1','Embedded devices','-','C'], + ['Misc','NetFront 3.4','Embedded devices','-','A'], + ['Misc','Dillo 0.8','Embedded devices','-','X'], + ['Misc','Links','Text only','-','X'], + ['Misc','Lynx','Text only','-','X'], + ['Misc','IE Mobile','Windows Mobile 6','-','C'], + ['Misc','PSP browser','PSP','-','C'], + ['Other browsers','All others','-','-','U'] + ]; + + $(document).ready(function() { + $('#dynamic').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' ); + $('#example').dataTable( { + "aaData": aDataSet, + "aoColumns": [ + { "sTitle": "Engine" }, + { "sTitle": "Browser" }, + { "sTitle": "Platform" }, + { "sTitle": "Version", "sClass": "center" }, + { + "sTitle": "Grade", + "sClass": "center", + "fnRender": function(obj) { + var sReturn = obj.aData[ obj.iDataColumn ]; + if ( sReturn == "A" ) { + sReturn = "<b>A</b>"; + } + return sReturn; + } + } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables dynamic creation example + </div> + + <h1>Preamble</h1> + <p>At times you will wish to be able to create a table from dynamic information passed directly to DataTables, rather than having it read from the document. This is achieved using the "aaData" array in the initialisation object. A table node must first be created before the initialiser is called (as shown in the code below). This is also useful for optimisation - if you are able to format the data as required, this method can save a lot of DOM parsing to create a table.</p> + + <h1>Live example</h1> + <div id="dynamic"></div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#demo').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' ); + $('#example').dataTable( { + "aaData": [ + /* Reduced data set */ + [ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ], + [ "Trident", "Internet Explorer 5.0", "Win 95+", 5, "C" ], + [ "Trident", "Internet Explorer 5.5", "Win 95+", 5.5, "A" ], + [ "Trident", "Internet Explorer 6.0", "Win 98+", 6, "A" ], + [ "Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A" ], + [ "Gecko", "Firefox 1.5", "Win 98+ / OSX.2+", 1.8, "A" ], + [ "Gecko", "Firefox 2", "Win 98+ / OSX.2+", 1.8, "A" ], + [ "Gecko", "Firefox 3", "Win 2k+ / OSX.3+", 1.9, "A" ], + [ "Webkit", "Safari 1.2", "OSX.3", 125.5, "A" ], + [ "Webkit", "Safari 1.3", "OSX.3", 312.8, "A" ], + [ "Webkit", "Safari 2.0", "OSX.4+", 419.3, "A" ], + [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ] + ], + "aoColumns": [ + { "sTitle": "Engine" }, + { "sTitle": "Browser" }, + { "sTitle": "Platform" }, + { "sTitle": "Version", "sClass": "center" }, + { + "sTitle": "Grade", + "sClass": "center", + "fnRender": function(obj) { + var sReturn = obj.aData[ obj.iDataColumn ]; + if ( sReturn == "A" ) { + sReturn = "<b>A</b>"; + } + return sReturn; + } + } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/server_side.html b/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/server_side.html new file mode 100644 index 0000000000000000000000000000000000000000..071b07a0b9cdac1edefabdeff931549c45eb6f13 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/data_sources/server_side.html @@ -0,0 +1,393 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "../server_side/scripts/server_processing.php" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing example + </div> + + <h1>Preamble</h1> + <p>There are many ways to get your data into DataTables, and if you are working with seriously large databases, you might want to consider using the server-side options that DataTables provides. Basically all of the paging, filtering, sorting etc that DataTables does can be handed off to a server (or any other data source - Google Gears or Adobe Air for example!) and DataTables is just an events and display module.</p> + <p>The example here shows a very simple display of the CSS data (used in all my other examples), but in this instance coming from the server on each draw. Filtering, multi-column sorting etc all work as you would expect.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "../server_side/scripts/server_processing.php" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Server side (PHP) code</h1> + <pre><?php + /* + * Script: DataTables server-side script for PHP and MySQL + * Copyright: 2010 - Allan Jardine + * License: GPL v2 or BSD (3-point) + */ + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $sOrder .= $aColumns[ intval( $_GET['iSortCol_'.$i] ) ]." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "aaData" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[] = $aRow[ $aColumns[$i] ]; + } + } + $output['aaData'][] = $row; + } + + echo json_encode( $output ); +?></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/data.sql b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/data.sql new file mode 100644 index 0000000000000000000000000000000000000000..2958b1384114941c775982424b26d157b44f35b5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/data.sql @@ -0,0 +1,67 @@ +CREATE TABLE IF NOT EXISTS `ajax` ( + `id` int(10) NOT NULL auto_increment, + `engine` varchar(255) NOT NULL default '', + `browser` varchar(255) NOT NULL default '', + `platform` varchar(255) NOT NULL default '', + `version` float NOT NULL default '0', + `grade` varchar(20) NOT NULL default '', + PRIMARY KEY (`id`) +) ENGINE=MyISAM DEFAULT CHARSET=latin1; + +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Trident', 'Internet Explorer 4.0', 'Win 95+', '4', 'X' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Trident', 'Internet Explorer 5.0', 'Win 95+', '5', 'C' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Trident', 'Internet Explorer 5.5', 'Win 95+', '5.5', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Trident', 'Internet Explorer 6', 'Win 98+', '6', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Trident', 'Internet Explorer 7', 'Win XP SP2+', '7', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Trident', 'AOL browser (AOL desktop)', 'Win XP', '6', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Firefox 1.0', 'Win 98+ / OSX.2+', '1.7', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Firefox 1.5', 'Win 98+ / OSX.2+', '1.8', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Firefox 2.0', 'Win 98+ / OSX.2+', '1.8', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Firefox 3.0', 'Win 2k+ / OSX.3+', '1.9', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Camino 1.0', 'OSX.2+', '1.8', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Camino 1.5', 'OSX.3+', '1.8', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Netscape 7.2', 'Win 95+ / Mac OS 8.6-9.2', '1.7', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Netscape Browser 8', 'Win 98SE+', '1.7', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Netscape Navigator 9', 'Win 98+ / OSX.2+', '1.8', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Mozilla 1.0', 'Win 95+ / OSX.1+', '1', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Mozilla 1.1', 'Win 95+ / OSX.1+', '1.1', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Mozilla 1.2', 'Win 95+ / OSX.1+', '1.2', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Mozilla 1.3', 'Win 95+ / OSX.1+', '1.3', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Mozilla 1.4', 'Win 95+ / OSX.1+', '1.4', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Mozilla 1.5', 'Win 95+ / OSX.1+', '1.5', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Mozilla 1.6', 'Win 95+ / OSX.1+', '1.6', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Mozilla 1.7', 'Win 98+ / OSX.1+', '1.7', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Mozilla 1.8', 'Win 98+ / OSX.1+', '1.8', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Seamonkey 1.1', 'Win 98+ / OSX.2+', '1.8', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Gecko', 'Epiphany 2.20', 'Gnome', '1.8', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Webkit', 'Safari 1.2', 'OSX.3', '125.5', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Webkit', 'Safari 1.3', 'OSX.3', '312.8', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Webkit', 'Safari 2.0', 'OSX.4+', '419.3', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Webkit', 'Safari 3.0', 'OSX.4+', '522.1', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Webkit', 'OmniWeb 5.5', 'OSX.4+', '420', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Webkit', 'iPod Touch / iPhone', 'iPod', '420.1', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Webkit', 'S60', 'S60', '413', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Opera 7.0', 'Win 95+ / OSX.1+', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Opera 7.5', 'Win 95+ / OSX.2+', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Opera 8.0', 'Win 95+ / OSX.2+', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Opera 8.5', 'Win 95+ / OSX.2+', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Opera 9.0', 'Win 95+ / OSX.3+', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Opera 9.2', 'Win 88+ / OSX.3+', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Opera 9.5', 'Win 88+ / OSX.3+', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Opera for Wii', 'Wii', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Nokia N800', 'N800', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Presto', 'Nintendo DS browser', 'Nintendo DS', '8.5', 'C/A<sup>1</sup>' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'KHTML', 'Konqureror 3.1', 'KDE 3.1', '3.1', 'C' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'KHTML', 'Konqureror 3.3', 'KDE 3.3', '3.3', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'KHTML', 'Konqureror 3.5', 'KDE 3.5', '3.5', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Tasman', 'Internet Explorer 4.5', 'Mac OS 8-9', '-', 'X' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Tasman', 'Internet Explorer 5.1', 'Mac OS 7.6-9', '1', 'C' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Tasman', 'Internet Explorer 5.2', 'Mac OS 8-X', '1', 'C' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Misc', 'NetFront 3.1', 'Embedded devices', '-', 'C' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Misc', 'NetFront 3.4', 'Embedded devices', '-', 'A' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Misc', 'Dillo 0.8', 'Embedded devices', '-', 'X' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Misc', 'Links', 'Text only', '-', 'X' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Misc', 'Lynx', 'Text only', '-', 'X' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Misc', 'IE Mobile', 'Windows Mobile 6', '-', 'C' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Misc', 'PSP browser', 'PSP', '-', 'C' ); +INSERT INTO ajax ( engine, browser, platform, version, grade ) VALUES ( 'Other browsers', 'All others', '-', '-', 'U' ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/de_DE.txt b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/de_DE.txt new file mode 100644 index 0000000000000000000000000000000000000000..9f39e3e96e6681d11cdada9c1afeea2b9648feee --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/de_DE.txt @@ -0,0 +1,17 @@ +{ + "sProcessing": "Bitte warten...", + "sLengthMenu": "_MENU_ Einträge anzeigen", + "sZeroRecords": "Keine Einträge vorhanden.", + "sInfo": "_START_ bis _END_ von _TOTAL_ Einträgen", + "sInfoEmpty": "0 bis 0 von 0 Einträgen", + "sInfoFiltered": "(gefiltert von _MAX_ Einträgen)", + "sInfoPostFix": "", + "sSearch": "Suchen", + "sUrl": "", + "oPaginate": { + "sFirst": "Erster", + "sPrevious": "Zurück", + "sNext": "Nächster", + "sLast": "Letzter" + } +} \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/details_close.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/details_close.png new file mode 100644 index 0000000000000000000000000000000000000000..fcc23c63e22f9883bef72c9e3adae3d5ddfb35cc Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/details_close.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/details_open.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/details_open.png new file mode 100644 index 0000000000000000000000000000000000000000..6f034d0f2d5c7902dce190355b12defdc07d6c9a Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/details_open.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/editable_ajax.php b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/editable_ajax.php new file mode 100644 index 0000000000000000000000000000000000000000..4f448b046fb86713fa27a1324075949ec14925ad --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/editable_ajax.php @@ -0,0 +1,3 @@ +<?php + echo $_POST['value'].' (server updated)'; +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/index.html b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/index.html new file mode 100644 index 0000000000000000000000000000000000000000..3bf1b6af6d83f72d58e66a16a346e02cc97951e6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/index.html @@ -0,0 +1,7 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> +<html> + <frameset rows="15%,85%"> + <frame src="controller.html"> + <frame> + </frameset> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/infiniteScroll.php b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/infiniteScroll.php new file mode 100644 index 0000000000000000000000000000000000000000..f543dd409374f9a528e33c9789fdb6c5fee80944 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/infiniteScroll.php @@ -0,0 +1,97 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'name', 'phone', 'email', 'city', 'zip' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "testData"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iStart'] ) && isset( $_GET['iLength'] ) ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iStart'] ).", ". + mysql_real_escape_string( $_GET['iLength'] ); + } + else + { + echo '{ "aaData": [] }'; + exit(); + } + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + ORDER BY name ASC + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* + * Output + */ + $sOutput = '{'; + $sOutput .= '"aaData": [ '; + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $sOutput .= "["; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + /* General output */ + $sOutput .= '"'.str_replace('"', '\"', $aRow[ $aColumns[$i] ]).'",'; + } + + /* + * Optional Configuration: + * If you need to add any extra columns (add/edit/delete etc) to the table, that aren't in the + * database - you can do it here + */ + + + $sOutput = substr_replace( $sOutput, "", -1 ); + $sOutput .= "],"; + } + $sOutput = substr_replace( $sOutput, "", -1 ); + $sOutput .= '] }'; + + echo $sOutput; +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery-ui-tabs.js b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery-ui-tabs.js new file mode 100755 index 0000000000000000000000000000000000000000..7b72633d9d1526e66f8be74ede942d69d9ad9f08 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery-ui-tabs.js @@ -0,0 +1,65 @@ +/*! + * jQuery UI 1.8.2 + * + * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT (MIT-LICENSE.txt) + * and GPL (GPL-LICENSE.txt) licenses. + * + * http://docs.jquery.com/UI + */ +(function(c){c.ui=c.ui||{};if(!c.ui.version){c.extend(c.ui,{version:"1.8.2",plugin:{add:function(a,b,d){a=c.ui[a].prototype;for(var e in d){a.plugins[e]=a.plugins[e]||[];a.plugins[e].push([b,d[e]])}},call:function(a,b,d){if((b=a.plugins[b])&&a.element[0].parentNode)for(var e=0;e<b.length;e++)a.options[b[e][0]]&&b[e][1].apply(a.element,d)}},contains:function(a,b){return document.compareDocumentPosition?a.compareDocumentPosition(b)&16:a!==b&&a.contains(b)},hasScroll:function(a,b){if(c(a).css("overflow")== +"hidden")return false;b=b&&b=="left"?"scrollLeft":"scrollTop";var d=false;if(a[b]>0)return true;a[b]=1;d=a[b]>0;a[b]=0;return d},isOverAxis:function(a,b,d){return a>b&&a<b+d},isOver:function(a,b,d,e,f,g){return c.ui.isOverAxis(a,d,f)&&c.ui.isOverAxis(b,e,g)},keyCode:{ALT:18,BACKSPACE:8,CAPS_LOCK:20,COMMA:188,COMMAND:91,COMMAND_LEFT:91,COMMAND_RIGHT:93,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,MENU:93,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108, +NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38,WINDOWS:91}});c.fn.extend({_focus:c.fn.focus,focus:function(a,b){return typeof a==="number"?this.each(function(){var d=this;setTimeout(function(){c(d).focus();b&&b.call(d)},a)}):this._focus.apply(this,arguments)},enableSelection:function(){return this.attr("unselectable","off").css("MozUserSelect","")},disableSelection:function(){return this.attr("unselectable","on").css("MozUserSelect", +"none")},scrollParent:function(){var a;a=c.browser.msie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?this.parents().filter(function(){return/(relative|absolute|fixed)/.test(c.curCSS(this,"position",1))&&/(auto|scroll)/.test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0):this.parents().filter(function(){return/(auto|scroll)/.test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x", +1))}).eq(0);return/fixed/.test(this.css("position"))||!a.length?c(document):a},zIndex:function(a){if(a!==undefined)return this.css("zIndex",a);if(this.length){a=c(this[0]);for(var b;a.length&&a[0]!==document;){b=a.css("position");if(b=="absolute"||b=="relative"||b=="fixed"){b=parseInt(a.css("zIndex"));if(!isNaN(b)&&b!=0)return b}a=a.parent()}}return 0}});c.extend(c.expr[":"],{data:function(a,b,d){return!!c.data(a,d[3])},focusable:function(a){var b=a.nodeName.toLowerCase(),d=c.attr(a,"tabindex");return(/input|select|textarea|button|object/.test(b)? +!a.disabled:"a"==b||"area"==b?a.href||!isNaN(d):!isNaN(d))&&!c(a)["area"==b?"parents":"closest"](":hidden").length},tabbable:function(a){var b=c.attr(a,"tabindex");return(isNaN(b)||b>=0)&&c(a).is(":focusable")}})}})(jQuery); +;/*! + * jQuery UI Widget 1.8.2 + * + * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT (MIT-LICENSE.txt) + * and GPL (GPL-LICENSE.txt) licenses. + * + * http://docs.jquery.com/UI/Widget + */ +(function(b){var j=b.fn.remove;b.fn.remove=function(a,c){return this.each(function(){if(!c)if(!a||b.filter(a,[this]).length)b("*",this).add(this).each(function(){b(this).triggerHandler("remove")});return j.call(b(this),a,c)})};b.widget=function(a,c,d){var e=a.split(".")[0],f;a=a.split(".")[1];f=e+"-"+a;if(!d){d=c;c=b.Widget}b.expr[":"][f]=function(h){return!!b.data(h,a)};b[e]=b[e]||{};b[e][a]=function(h,g){arguments.length&&this._createWidget(h,g)};c=new c;c.options=b.extend({},c.options);b[e][a].prototype= +b.extend(true,c,{namespace:e,widgetName:a,widgetEventPrefix:b[e][a].prototype.widgetEventPrefix||a,widgetBaseClass:f},d);b.widget.bridge(a,b[e][a])};b.widget.bridge=function(a,c){b.fn[a]=function(d){var e=typeof d==="string",f=Array.prototype.slice.call(arguments,1),h=this;d=!e&&f.length?b.extend.apply(null,[true,d].concat(f)):d;if(e&&d.substring(0,1)==="_")return h;e?this.each(function(){var g=b.data(this,a),i=g&&b.isFunction(g[d])?g[d].apply(g,f):g;if(i!==g&&i!==undefined){h=i;return false}}):this.each(function(){var g= +b.data(this,a);if(g){d&&g.option(d);g._init()}else b.data(this,a,new c(d,this))});return h}};b.Widget=function(a,c){arguments.length&&this._createWidget(a,c)};b.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",options:{disabled:false},_createWidget:function(a,c){this.element=b(c).data(this.widgetName,this);this.options=b.extend(true,{},this.options,b.metadata&&b.metadata.get(c)[this.widgetName],a);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()});this._create(); +this._init()},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName);this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+"-disabled ui-state-disabled")},widget:function(){return this.element},option:function(a,c){var d=a,e=this;if(arguments.length===0)return b.extend({},e.options);if(typeof a==="string"){if(c===undefined)return this.options[a];d={};d[a]=c}b.each(d,function(f, +h){e._setOption(f,h)});return e},_setOption:function(a,c){this.options[a]=c;if(a==="disabled")this.widget()[c?"addClass":"removeClass"](this.widgetBaseClass+"-disabled ui-state-disabled").attr("aria-disabled",c);return this},enable:function(){return this._setOption("disabled",false)},disable:function(){return this._setOption("disabled",true)},_trigger:function(a,c,d){var e=this.options[a];c=b.Event(c);c.type=(a===this.widgetEventPrefix?a:this.widgetEventPrefix+a).toLowerCase();d=d||{};if(c.originalEvent){a= +b.event.props.length;for(var f;a;){f=b.event.props[--a];c[f]=c.originalEvent[f]}}this.element.trigger(c,d);return!(b.isFunction(e)&&e.call(this.element[0],c,d)===false||c.isDefaultPrevented())}}})(jQuery); +;/* + * jQuery UI Tabs 1.8.2 + * + * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT (MIT-LICENSE.txt) + * and GPL (GPL-LICENSE.txt) licenses. + * + * http://docs.jquery.com/UI/Tabs + * + * Depends: + * jquery.ui.core.js + * jquery.ui.widget.js + */ +(function(d){function s(){return++u}function v(){return++w}var u=0,w=0;d.widget("ui.tabs",{options:{add:null,ajaxOptions:null,cache:false,cookie:null,collapsible:false,disable:null,disabled:[],enable:null,event:"click",fx:null,idPrefix:"ui-tabs-",load:null,panelTemplate:"<div></div>",remove:null,select:null,show:null,spinner:"<em>Loading…</em>",tabTemplate:'<li><a href="#{href}"><span>#{label}</span></a></li>'},_create:function(){this._tabify(true)},_setOption:function(c,e){if(c=="selected")this.options.collapsible&& +e==this.options.selected||this.select(e);else{this.options[c]=e;this._tabify()}},_tabId:function(c){return c.title&&c.title.replace(/\s/g,"_").replace(/[^A-Za-z0-9\-_:\.]/g,"")||this.options.idPrefix+s()},_sanitizeSelector:function(c){return c.replace(/:/g,"\\:")},_cookie:function(){var c=this.cookie||(this.cookie=this.options.cookie.name||"ui-tabs-"+v());return d.cookie.apply(null,[c].concat(d.makeArray(arguments)))},_ui:function(c,e){return{tab:c,panel:e,index:this.anchors.index(c)}},_cleanup:function(){this.lis.filter(".ui-state-processing").removeClass("ui-state-processing").find("span:data(label.tabs)").each(function(){var c= +d(this);c.html(c.data("label.tabs")).removeData("label.tabs")})},_tabify:function(c){function e(g,f){g.css({display:""});!d.support.opacity&&f.opacity&&g[0].style.removeAttribute("filter")}this.list=this.element.find("ol,ul").eq(0);this.lis=d("li:has(a[href])",this.list);this.anchors=this.lis.map(function(){return d("a",this)[0]});this.panels=d([]);var a=this,b=this.options,h=/^#.+/;this.anchors.each(function(g,f){var j=d(f).attr("href"),l=j.split("#")[0],p;if(l&&(l===location.toString().split("#")[0]|| +(p=d("base")[0])&&l===p.href)){j=f.hash;f.href=j}if(h.test(j))a.panels=a.panels.add(a._sanitizeSelector(j));else if(j!="#"){d.data(f,"href.tabs",j);d.data(f,"load.tabs",j.replace(/#.*$/,""));j=a._tabId(f);f.href="#"+j;f=d("#"+j);if(!f.length){f=d(b.panelTemplate).attr("id",j).addClass("ui-tabs-panel ui-widget-content ui-corner-bottom").insertAfter(a.panels[g-1]||a.list);f.data("destroy.tabs",true)}a.panels=a.panels.add(f)}else b.disabled.push(g)});if(c){this.element.addClass("ui-tabs ui-widget ui-widget-content ui-corner-all"); +this.list.addClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all");this.lis.addClass("ui-state-default ui-corner-top");this.panels.addClass("ui-tabs-panel ui-widget-content ui-corner-bottom");if(b.selected===undefined){location.hash&&this.anchors.each(function(g,f){if(f.hash==location.hash){b.selected=g;return false}});if(typeof b.selected!="number"&&b.cookie)b.selected=parseInt(a._cookie(),10);if(typeof b.selected!="number"&&this.lis.filter(".ui-tabs-selected").length)b.selected= +this.lis.index(this.lis.filter(".ui-tabs-selected"));b.selected=b.selected||(this.lis.length?0:-1)}else if(b.selected===null)b.selected=-1;b.selected=b.selected>=0&&this.anchors[b.selected]||b.selected<0?b.selected:0;b.disabled=d.unique(b.disabled.concat(d.map(this.lis.filter(".ui-state-disabled"),function(g){return a.lis.index(g)}))).sort();d.inArray(b.selected,b.disabled)!=-1&&b.disabled.splice(d.inArray(b.selected,b.disabled),1);this.panels.addClass("ui-tabs-hide");this.lis.removeClass("ui-tabs-selected ui-state-active"); +if(b.selected>=0&&this.anchors.length){this.panels.eq(b.selected).removeClass("ui-tabs-hide");this.lis.eq(b.selected).addClass("ui-tabs-selected ui-state-active");a.element.queue("tabs",function(){a._trigger("show",null,a._ui(a.anchors[b.selected],a.panels[b.selected]))});this.load(b.selected)}d(window).bind("unload",function(){a.lis.add(a.anchors).unbind(".tabs");a.lis=a.anchors=a.panels=null})}else b.selected=this.lis.index(this.lis.filter(".ui-tabs-selected"));this.element[b.collapsible?"addClass": +"removeClass"]("ui-tabs-collapsible");b.cookie&&this._cookie(b.selected,b.cookie);c=0;for(var i;i=this.lis[c];c++)d(i)[d.inArray(c,b.disabled)!=-1&&!d(i).hasClass("ui-tabs-selected")?"addClass":"removeClass"]("ui-state-disabled");b.cache===false&&this.anchors.removeData("cache.tabs");this.lis.add(this.anchors).unbind(".tabs");if(b.event!="mouseover"){var k=function(g,f){f.is(":not(.ui-state-disabled)")&&f.addClass("ui-state-"+g)},n=function(g,f){f.removeClass("ui-state-"+g)};this.lis.bind("mouseover.tabs", +function(){k("hover",d(this))});this.lis.bind("mouseout.tabs",function(){n("hover",d(this))});this.anchors.bind("focus.tabs",function(){k("focus",d(this).closest("li"))});this.anchors.bind("blur.tabs",function(){n("focus",d(this).closest("li"))})}var m,o;if(b.fx)if(d.isArray(b.fx)){m=b.fx[0];o=b.fx[1]}else m=o=b.fx;var q=o?function(g,f){d(g).closest("li").addClass("ui-tabs-selected ui-state-active");f.hide().removeClass("ui-tabs-hide").animate(o,o.duration||"normal",function(){e(f,o);a._trigger("show", +null,a._ui(g,f[0]))})}:function(g,f){d(g).closest("li").addClass("ui-tabs-selected ui-state-active");f.removeClass("ui-tabs-hide");a._trigger("show",null,a._ui(g,f[0]))},r=m?function(g,f){f.animate(m,m.duration||"normal",function(){a.lis.removeClass("ui-tabs-selected ui-state-active");f.addClass("ui-tabs-hide");e(f,m);a.element.dequeue("tabs")})}:function(g,f){a.lis.removeClass("ui-tabs-selected ui-state-active");f.addClass("ui-tabs-hide");a.element.dequeue("tabs")};this.anchors.bind(b.event+".tabs", +function(){var g=this,f=d(this).closest("li"),j=a.panels.filter(":not(.ui-tabs-hide)"),l=d(a._sanitizeSelector(this.hash));if(f.hasClass("ui-tabs-selected")&&!b.collapsible||f.hasClass("ui-state-disabled")||f.hasClass("ui-state-processing")||a._trigger("select",null,a._ui(this,l[0]))===false){this.blur();return false}b.selected=a.anchors.index(this);a.abort();if(b.collapsible)if(f.hasClass("ui-tabs-selected")){b.selected=-1;b.cookie&&a._cookie(b.selected,b.cookie);a.element.queue("tabs",function(){r(g, +j)}).dequeue("tabs");this.blur();return false}else if(!j.length){b.cookie&&a._cookie(b.selected,b.cookie);a.element.queue("tabs",function(){q(g,l)});a.load(a.anchors.index(this));this.blur();return false}b.cookie&&a._cookie(b.selected,b.cookie);if(l.length){j.length&&a.element.queue("tabs",function(){r(g,j)});a.element.queue("tabs",function(){q(g,l)});a.load(a.anchors.index(this))}else throw"jQuery UI Tabs: Mismatching fragment identifier.";d.browser.msie&&this.blur()});this.anchors.bind("click.tabs", +function(){return false})},destroy:function(){var c=this.options;this.abort();this.element.unbind(".tabs").removeClass("ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-collapsible").removeData("tabs");this.list.removeClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all");this.anchors.each(function(){var e=d.data(this,"href.tabs");if(e)this.href=e;var a=d(this).unbind(".tabs");d.each(["href","load","cache"],function(b,h){a.removeData(h+".tabs")})});this.lis.unbind(".tabs").add(this.panels).each(function(){d.data(this, +"destroy.tabs")?d(this).remove():d(this).removeClass("ui-state-default ui-corner-top ui-tabs-selected ui-state-active ui-state-hover ui-state-focus ui-state-disabled ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide")});c.cookie&&this._cookie(null,c.cookie);return this},add:function(c,e,a){if(a===undefined)a=this.anchors.length;var b=this,h=this.options;e=d(h.tabTemplate.replace(/#\{href\}/g,c).replace(/#\{label\}/g,e));c=!c.indexOf("#")?c.replace("#",""):this._tabId(d("a",e)[0]);e.addClass("ui-state-default ui-corner-top").data("destroy.tabs", +true);var i=d("#"+c);i.length||(i=d(h.panelTemplate).attr("id",c).data("destroy.tabs",true));i.addClass("ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide");if(a>=this.lis.length){e.appendTo(this.list);i.appendTo(this.list[0].parentNode)}else{e.insertBefore(this.lis[a]);i.insertBefore(this.panels[a])}h.disabled=d.map(h.disabled,function(k){return k>=a?++k:k});this._tabify();if(this.anchors.length==1){h.selected=0;e.addClass("ui-tabs-selected ui-state-active");i.removeClass("ui-tabs-hide"); +this.element.queue("tabs",function(){b._trigger("show",null,b._ui(b.anchors[0],b.panels[0]))});this.load(0)}this._trigger("add",null,this._ui(this.anchors[a],this.panels[a]));return this},remove:function(c){var e=this.options,a=this.lis.eq(c).remove(),b=this.panels.eq(c).remove();if(a.hasClass("ui-tabs-selected")&&this.anchors.length>1)this.select(c+(c+1<this.anchors.length?1:-1));e.disabled=d.map(d.grep(e.disabled,function(h){return h!=c}),function(h){return h>=c?--h:h});this._tabify();this._trigger("remove", +null,this._ui(a.find("a")[0],b[0]));return this},enable:function(c){var e=this.options;if(d.inArray(c,e.disabled)!=-1){this.lis.eq(c).removeClass("ui-state-disabled");e.disabled=d.grep(e.disabled,function(a){return a!=c});this._trigger("enable",null,this._ui(this.anchors[c],this.panels[c]));return this}},disable:function(c){var e=this.options;if(c!=e.selected){this.lis.eq(c).addClass("ui-state-disabled");e.disabled.push(c);e.disabled.sort();this._trigger("disable",null,this._ui(this.anchors[c],this.panels[c]))}return this}, +select:function(c){if(typeof c=="string")c=this.anchors.index(this.anchors.filter("[href$="+c+"]"));else if(c===null)c=-1;if(c==-1&&this.options.collapsible)c=this.options.selected;this.anchors.eq(c).trigger(this.options.event+".tabs");return this},load:function(c){var e=this,a=this.options,b=this.anchors.eq(c)[0],h=d.data(b,"load.tabs");this.abort();if(!h||this.element.queue("tabs").length!==0&&d.data(b,"cache.tabs"))this.element.dequeue("tabs");else{this.lis.eq(c).addClass("ui-state-processing"); +if(a.spinner){var i=d("span",b);i.data("label.tabs",i.html()).html(a.spinner)}this.xhr=d.ajax(d.extend({},a.ajaxOptions,{url:h,success:function(k,n){d(e._sanitizeSelector(b.hash)).html(k);e._cleanup();a.cache&&d.data(b,"cache.tabs",true);e._trigger("load",null,e._ui(e.anchors[c],e.panels[c]));try{a.ajaxOptions.success(k,n)}catch(m){}},error:function(k,n){e._cleanup();e._trigger("load",null,e._ui(e.anchors[c],e.panels[c]));try{a.ajaxOptions.error(k,n,c,b)}catch(m){}}}));e.element.dequeue("tabs");return this}}, +abort:function(){this.element.queue([]);this.panels.stop(false,true);this.element.queue("tabs",this.element.queue("tabs").splice(-2,2));if(this.xhr){this.xhr.abort();delete this.xhr}this._cleanup();return this},url:function(c,e){this.anchors.eq(c).removeData("cache.tabs").data("load.tabs",e);return this},length:function(){return this.anchors.length}});d.extend(d.ui.tabs,{version:"1.8.2"});d.extend(d.ui.tabs.prototype,{rotation:null,rotate:function(c,e){var a=this,b=this.options,h=a._rotate||(a._rotate= +function(i){clearTimeout(a.rotation);a.rotation=setTimeout(function(){var k=b.selected;a.select(++k<a.anchors.length?k:0)},c);i&&i.stopPropagation()});e=a._unrotate||(a._unrotate=!e?function(i){i.clientX&&a.rotate(null)}:function(){t=b.selected;h()});if(c){this.element.bind("tabsshow",h);this.anchors.bind(b.event+".tabs",e);h()}else{clearTimeout(a.rotation);this.element.unbind("tabsshow",h);this.anchors.unbind(b.event+".tabs",e);delete this._rotate;delete this._unrotate}return this}})})(jQuery); +; \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery.jeditable.js b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery.jeditable.js new file mode 100644 index 0000000000000000000000000000000000000000..a4c2f981fdbe75a7456fe270c9478da1a269f297 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery.jeditable.js @@ -0,0 +1,543 @@ +/* + * Jeditable - jQuery in place edit plugin + * + * Copyright (c) 2006-2009 Mika Tuupola, Dylan Verheul + * + * Licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * Project home: + * http://www.appelsiini.net/projects/jeditable + * + * Based on editable by Dylan Verheul <dylan_at_dyve.net>: + * http://www.dyve.net/jquery/?editable + * + */ + +/** + * Version 1.7.1 + * + * ** means there is basic unit tests for this parameter. + * + * @name Jeditable + * @type jQuery + * @param String target (POST) URL or function to send edited content to ** + * @param Hash options additional options + * @param String options[method] method to use to send edited content (POST or PUT) ** + * @param Function options[callback] Function to run after submitting edited content ** + * @param String options[name] POST parameter name of edited content + * @param String options[id] POST parameter name of edited div id + * @param Hash options[submitdata] Extra parameters to send when submitting edited content. + * @param String options[type] text, textarea or select (or any 3rd party input type) ** + * @param Integer options[rows] number of rows if using textarea ** + * @param Integer options[cols] number of columns if using textarea ** + * @param Mixed options[height] 'auto', 'none' or height in pixels ** + * @param Mixed options[width] 'auto', 'none' or width in pixels ** + * @param String options[loadurl] URL to fetch input content before editing ** + * @param String options[loadtype] Request type for load url. Should be GET or POST. + * @param String options[loadtext] Text to display while loading external content. + * @param Mixed options[loaddata] Extra parameters to pass when fetching content before editing. + * @param Mixed options[data] Or content given as paramameter. String or function.** + * @param String options[indicator] indicator html to show when saving + * @param String options[tooltip] optional tooltip text via title attribute ** + * @param String options[event] jQuery event such as 'click' of 'dblclick' ** + * @param String options[submit] submit button value, empty means no button ** + * @param String options[cancel] cancel button value, empty means no button ** + * @param String options[cssclass] CSS class to apply to input form. 'inherit' to copy from parent. ** + * @param String options[style] Style to apply to input form 'inherit' to copy from parent. ** + * @param String options[select] true or false, when true text is highlighted ?? + * @param String options[placeholder] Placeholder text or html to insert when element is empty. ** + * @param String options[onblur] 'cancel', 'submit', 'ignore' or function ?? + * + * @param Function options[onsubmit] function(settings, original) { ... } called before submit + * @param Function options[onreset] function(settings, original) { ... } called before reset + * @param Function options[onerror] function(settings, original, xhr) { ... } called on error + * + * @param Hash options[ajaxoptions] jQuery Ajax options. See docs.jquery.com. + * + */ + +(function($) { + + $.fn.editable = function(target, options) { + + if ('disable' == target) { + $(this).data('disabled.editable', true); + return; + } + if ('enable' == target) { + $(this).data('disabled.editable', false); + return; + } + if ('destroy' == target) { + $(this) + .unbind($(this).data('event.editable')) + .removeData('disabled.editable') + .removeData('event.editable'); + return; + } + + var settings = $.extend({}, $.fn.editable.defaults, {target:target}, options); + + /* setup some functions */ + var plugin = $.editable.types[settings.type].plugin || function() { }; + var submit = $.editable.types[settings.type].submit || function() { }; + var buttons = $.editable.types[settings.type].buttons + || $.editable.types['defaults'].buttons; + var content = $.editable.types[settings.type].content + || $.editable.types['defaults'].content; + var element = $.editable.types[settings.type].element + || $.editable.types['defaults'].element; + var reset = $.editable.types[settings.type].reset + || $.editable.types['defaults'].reset; + var callback = settings.callback || function() { }; + var onedit = settings.onedit || function() { }; + var onsubmit = settings.onsubmit || function() { }; + var onreset = settings.onreset || function() { }; + var onerror = settings.onerror || reset; + + /* show tooltip */ + if (settings.tooltip) { + $(this).attr('title', settings.tooltip); + } + + settings.autowidth = 'auto' == settings.width; + settings.autoheight = 'auto' == settings.height; + + return this.each(function() { + + /* save this to self because this changes when scope changes */ + var self = this; + + /* inlined block elements lose their width and height after first edit */ + /* save them for later use as workaround */ + var savedwidth = $(self).width(); + var savedheight = $(self).height(); + + /* save so it can be later used by $.editable('destroy') */ + $(this).data('event.editable', settings.event); + + /* if element is empty add something clickable (if requested) */ + if (!$.trim($(this).html())) { + $(this).html(settings.placeholder); + } + + $(this).bind(settings.event, function(e) { + + /* abort if disabled for this element */ + if (true === $(this).data('disabled.editable')) { + return; + } + + /* prevent throwing an exeption if edit field is clicked again */ + if (self.editing) { + return; + } + + /* abort if onedit hook returns false */ + if (false === onedit.apply(this, [settings, self])) { + return; + } + + /* prevent default action and bubbling */ + e.preventDefault(); + e.stopPropagation(); + + /* remove tooltip */ + if (settings.tooltip) { + $(self).removeAttr('title'); + } + + /* figure out how wide and tall we are, saved width and height */ + /* are workaround for http://dev.jquery.com/ticket/2190 */ + if (0 == $(self).width()) { + //$(self).css('visibility', 'hidden'); + settings.width = savedwidth; + settings.height = savedheight; + } else { + if (settings.width != 'none') { + settings.width = + settings.autowidth ? $(self).width() : settings.width; + } + if (settings.height != 'none') { + settings.height = + settings.autoheight ? $(self).height() : settings.height; + } + } + //$(this).css('visibility', ''); + + /* remove placeholder text, replace is here because of IE */ + if ($(this).html().toLowerCase().replace(/(;|")/g, '') == + settings.placeholder.toLowerCase().replace(/(;|")/g, '')) { + $(this).html(''); + } + + self.editing = true; + self.revert = $(self).html(); + $(self).html(''); + + /* create the form object */ + var form = $('<form />'); + + /* apply css or style or both */ + if (settings.cssclass) { + if ('inherit' == settings.cssclass) { + form.attr('class', $(self).attr('class')); + } else { + form.attr('class', settings.cssclass); + } + } + + if (settings.style) { + if ('inherit' == settings.style) { + form.attr('style', $(self).attr('style')); + /* IE needs the second line or display wont be inherited */ + form.css('display', $(self).css('display')); + } else { + form.attr('style', settings.style); + } + } + + /* add main input element to form and store it in input */ + var input = element.apply(form, [settings, self]); + + /* set input content via POST, GET, given data or existing value */ + var input_content; + + if (settings.loadurl) { + var t = setTimeout(function() { + input.disabled = true; + content.apply(form, [settings.loadtext, settings, self]); + }, 100); + + var loaddata = {}; + loaddata[settings.id] = self.id; + if ($.isFunction(settings.loaddata)) { + $.extend(loaddata, settings.loaddata.apply(self, [self.revert, settings])); + } else { + $.extend(loaddata, settings.loaddata); + } + $.ajax({ + type : settings.loadtype, + url : settings.loadurl, + data : loaddata, + async : false, + success: function(result) { + window.clearTimeout(t); + input_content = result; + input.disabled = false; + } + }); + } else if (settings.data) { + input_content = settings.data; + if ($.isFunction(settings.data)) { + input_content = settings.data.apply(self, [self.revert, settings]); + } + } else { + input_content = self.revert; + } + content.apply(form, [input_content, settings, self]); + + input.attr('name', settings.name); + + /* add buttons to the form */ + buttons.apply(form, [settings, self]); + + /* add created form to self */ + $(self).append(form); + + /* attach 3rd party plugin if requested */ + plugin.apply(form, [settings, self]); + + /* focus to first visible form element */ + $(':input:visible:enabled:first', form).focus(); + + /* highlight input contents when requested */ + if (settings.select) { + input.select(); + } + + /* discard changes if pressing esc */ + input.keydown(function(e) { + if (e.keyCode == 27) { + e.preventDefault(); + //self.reset(); + reset.apply(form, [settings, self]); + } + }); + + /* discard, submit or nothing with changes when clicking outside */ + /* do nothing is usable when navigating with tab */ + var t; + if ('cancel' == settings.onblur) { + input.blur(function(e) { + /* prevent canceling if submit was clicked */ + t = setTimeout(function() { + reset.apply(form, [settings, self]); + }, 500); + }); + } else if ('submit' == settings.onblur) { + input.blur(function(e) { + /* prevent double submit if submit was clicked */ + t = setTimeout(function() { + form.submit(); + }, 200); + }); + } else if ($.isFunction(settings.onblur)) { + input.blur(function(e) { + settings.onblur.apply(self, [input.val(), settings]); + }); + } else { + input.blur(function(e) { + /* TODO: maybe something here */ + }); + } + + form.submit(function(e) { + + if (t) { + clearTimeout(t); + } + + /* do no submit */ + e.preventDefault(); + + /* call before submit hook. */ + /* if it returns false abort submitting */ + if (false !== onsubmit.apply(form, [settings, self])) { + /* custom inputs call before submit hook. */ + /* if it returns false abort submitting */ + if (false !== submit.apply(form, [settings, self])) { + + /* check if given target is function */ + if ($.isFunction(settings.target)) { + var str = settings.target.apply(self, [input.val(), settings]); + $(self).html(str); + self.editing = false; + callback.apply(self, [self.innerHTML, settings]); + /* TODO: this is not dry */ + if (!$.trim($(self).html())) { + $(self).html(settings.placeholder); + } + } else { + /* add edited content and id of edited element to POST */ + var submitdata = {}; + submitdata[settings.name] = input.val(); + submitdata[settings.id] = self.id; + /* add extra data to be POST:ed */ + if ($.isFunction(settings.submitdata)) { + $.extend(submitdata, settings.submitdata.apply(self, [self.revert, settings])); + } else { + $.extend(submitdata, settings.submitdata); + } + + /* quick and dirty PUT support */ + if ('PUT' == settings.method) { + submitdata['_method'] = 'put'; + } + + /* show the saving indicator */ + $(self).html(settings.indicator); + + /* defaults for ajaxoptions */ + var ajaxoptions = { + type : 'POST', + data : submitdata, + dataType: 'html', + url : settings.target, + success : function(result, status) { + if (ajaxoptions.dataType == 'html') { + $(self).html(result); + } + self.editing = false; + callback.apply(self, [result, settings]); + if (!$.trim($(self).html())) { + $(self).html(settings.placeholder); + } + }, + error : function(xhr, status, error) { + onerror.apply(form, [settings, self, xhr]); + } + }; + + /* override with what is given in settings.ajaxoptions */ + $.extend(ajaxoptions, settings.ajaxoptions); + $.ajax(ajaxoptions); + + } + } + } + + /* show tooltip again */ + $(self).attr('title', settings.tooltip); + + return false; + }); + }); + + /* privileged methods */ + this.reset = function(form) { + /* prevent calling reset twice when blurring */ + if (this.editing) { + /* before reset hook, if it returns false abort reseting */ + if (false !== onreset.apply(form, [settings, self])) { + $(self).html(self.revert); + self.editing = false; + if (!$.trim($(self).html())) { + $(self).html(settings.placeholder); + } + /* show tooltip again */ + if (settings.tooltip) { + $(self).attr('title', settings.tooltip); + } + } + } + }; + }); + + }; + + + $.editable = { + types: { + defaults: { + element : function(settings, original) { + var input = $('<input type="hidden"></input>'); + $(this).append(input); + return(input); + }, + content : function(string, settings, original) { + $(':input:first', this).val(string); + }, + reset : function(settings, original) { + original.reset(this); + }, + buttons : function(settings, original) { + var form = this; + if (settings.submit) { + /* if given html string use that */ + if (settings.submit.match(/>$/)) { + var submit = $(settings.submit).click(function() { + if (submit.attr("type") != "submit") { + form.submit(); + } + }); + /* otherwise use button with given string as text */ + } else { + var submit = $('<button type="submit" />'); + submit.html(settings.submit); + } + $(this).append(submit); + } + if (settings.cancel) { + /* if given html string use that */ + if (settings.cancel.match(/>$/)) { + var cancel = $(settings.cancel); + /* otherwise use button with given string as text */ + } else { + var cancel = $('<button type="cancel" />'); + cancel.html(settings.cancel); + } + $(this).append(cancel); + + $(cancel).click(function(event) { + //original.reset(); + if ($.isFunction($.editable.types[settings.type].reset)) { + var reset = $.editable.types[settings.type].reset; + } else { + var reset = $.editable.types['defaults'].reset; + } + reset.apply(form, [settings, original]); + return false; + }); + } + } + }, + text: { + element : function(settings, original) { + var input = $('<input />'); + if (settings.width != 'none') { input.width(settings.width); } + if (settings.height != 'none') { input.height(settings.height); } + /* https://bugzilla.mozilla.org/show_bug.cgi?id=236791 */ + //input[0].setAttribute('autocomplete','off'); + input.attr('autocomplete','off'); + $(this).append(input); + return(input); + } + }, + textarea: { + element : function(settings, original) { + var textarea = $('<textarea />'); + if (settings.rows) { + textarea.attr('rows', settings.rows); + } else if (settings.height != "none") { + textarea.height(settings.height); + } + if (settings.cols) { + textarea.attr('cols', settings.cols); + } else if (settings.width != "none") { + textarea.width(settings.width); + } + $(this).append(textarea); + return(textarea); + } + }, + select: { + element : function(settings, original) { + var select = $('<select />'); + $(this).append(select); + return(select); + }, + content : function(data, settings, original) { + /* If it is string assume it is json. */ + if (String == data.constructor) { + eval ('var json = ' + data); + } else { + /* Otherwise assume it is a hash already. */ + var json = data; + } + for (var key in json) { + if (!json.hasOwnProperty(key)) { + continue; + } + if ('selected' == key) { + continue; + } + var option = $('<option />').val(key).append(json[key]); + $('select', this).append(option); + } + /* Loop option again to set selected. IE needed this... */ + $('select', this).children().each(function() { + if ($(this).val() == json['selected'] || + $(this).text() == $.trim(original.revert)) { + $(this).attr('selected', 'selected'); + } + }); + } + } + }, + + /* Add new input type */ + addInputType: function(name, input) { + $.editable.types[name] = input; + } + }; + + // publicly accessible defaults + $.fn.editable.defaults = { + name : 'value', + id : 'id', + type : 'text', + width : 'auto', + height : 'auto', + event : 'click.editable', + onblur : 'cancel', + loadtype : 'GET', + loadtext : 'Loading...', + placeholder: 'Click to edit', + loaddata : {}, + submitdata : {}, + ajaxoptions: {} + }; + +})(jQuery); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery.tooltip.css b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery.tooltip.css new file mode 100644 index 0000000000000000000000000000000000000000..77574da240a04f14b7abc0cb77df9aa551a3327c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery.tooltip.css @@ -0,0 +1,12 @@ +#tooltip{ + position: absolute; + display: none; + border: 1px solid #333; + background: #BDCDFF; + padding: 5px 20px; + color: #333; + + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery.tooltip.js b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery.tooltip.js new file mode 100644 index 0000000000000000000000000000000000000000..63b715f150b2272474ed2bba10cfaf5651dd14ba --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/jquery.tooltip.js @@ -0,0 +1,294 @@ +/* + * jQuery Tooltip plugin 1.3 + * + * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ + * http://docs.jquery.com/Plugins/Tooltip + * + * Copyright (c) 2006 - 2008 Jörn Zaefferer + * + * $Id: jquery.tooltip.js 5741 2008-06-21 15:22:16Z joern.zaefferer $ + * + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + */ + +;(function($) { + + // the tooltip element + var helper = {}, + // the current tooltipped element + current, + // the title of the current element, used for restoring + title, + // timeout id for delayed tooltips + tID, + // IE 5.5 or 6 + IE = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent), + // flag for mouse tracking + track = false; + + $.tooltip = { + blocked: false, + defaults: { + delay: 200, + fade: false, + showURL: true, + extraClass: "", + top: 15, + left: 15, + id: "tooltip" + }, + block: function() { + $.tooltip.blocked = !$.tooltip.blocked; + } + }; + + $.fn.extend({ + tooltip: function(settings) { + settings = $.extend({}, $.tooltip.defaults, settings); + createHelper(settings); + return this.each(function() { + $.data(this, "tooltip", settings); + this.tOpacity = helper.parent.css("opacity"); + // copy tooltip into its own expando and remove the title + this.tooltipText = this.title; + $(this).removeAttr("title"); + // also remove alt attribute to prevent default tooltip in IE + this.alt = ""; + }) + .mouseover(save) + .mouseout(hide) + .click(hide); + }, + fixPNG: IE ? function() { + return this.each(function () { + var image = $(this).css('backgroundImage'); + if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) { + image = RegExp.$1; + $(this).css({ + 'backgroundImage': 'none', + 'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')" + }).each(function () { + var position = $(this).css('position'); + if (position != 'absolute' && position != 'relative') + $(this).css('position', 'relative'); + }); + } + }); + } : function() { return this; }, + unfixPNG: IE ? function() { + return this.each(function () { + $(this).css({'filter': '', backgroundImage: ''}); + }); + } : function() { return this; }, + hideWhenEmpty: function() { + return this.each(function() { + $(this)[ $(this).html() ? "show" : "hide" ](); + }); + }, + url: function() { + return this.attr('href') || this.attr('src'); + } + }); + + function createHelper(settings) { + // there can be only one tooltip helper + if( helper.parent ) + return; + // create the helper, h3 for title, div for url + helper.parent = $('<div id="' + settings.id + '"><h3></h3><div class="body"></div><div class="url"></div></div>') + // add to document + .appendTo(document.body) + // hide it at first + .hide(); + + // apply bgiframe if available + if ( $.fn.bgiframe ) + helper.parent.bgiframe(); + + // save references to title and url elements + helper.title = $('h3', helper.parent); + helper.body = $('div.body', helper.parent); + helper.url = $('div.url', helper.parent); + } + + function settings(element) { + return $.data(element, "tooltip"); + } + + // main event handler to start showing tooltips + function handle(event) { + // show helper, either with timeout or on instant + if( settings(this).delay ) + tID = setTimeout(show, settings(this).delay); + else + show(); + + // if selected, update the helper position when the mouse moves + track = !!settings(this).track; + $(document.body).bind('mousemove', update); + + // update at least once + update(event); + } + + // save elements title before the tooltip is displayed + function save() { + // if this is the current source, or it has no title (occurs with click event), stop + if ( $.tooltip.blocked || this == current || (!this.tooltipText && !settings(this).bodyHandler) ) + return; + + // save current + current = this; + title = this.tooltipText; + + if ( settings(this).bodyHandler ) { + helper.title.hide(); + var bodyContent = settings(this).bodyHandler.call(this); + if (bodyContent.nodeType || bodyContent.jquery) { + helper.body.empty().append(bodyContent) + } else { + helper.body.html( bodyContent ); + } + helper.body.show(); + } else if ( settings(this).showBody ) { + var parts = title.split(settings(this).showBody); + helper.title.html(parts.shift()).show(); + helper.body.empty(); + for(var i = 0, part; (part = parts[i]); i++) { + if(i > 0) + helper.body.append("<br/>"); + helper.body.append(part); + } + helper.body.hideWhenEmpty(); + } else { + helper.title.html(title).show(); + helper.body.hide(); + } + + // if element has href or src, add and show it, otherwise hide it + if( settings(this).showURL && $(this).url() ) + helper.url.html( $(this).url().replace('http://', '') ).show(); + else + helper.url.hide(); + + // add an optional class for this tip + helper.parent.addClass(settings(this).extraClass); + + // fix PNG background for IE + if (settings(this).fixPNG ) + helper.parent.fixPNG(); + + handle.apply(this, arguments); + } + + // delete timeout and show helper + function show() { + tID = null; + if ((!IE || !$.fn.bgiframe) && settings(current).fade) { + if (helper.parent.is(":animated")) + helper.parent.stop().show().fadeTo(settings(current).fade, current.tOpacity); + else + helper.parent.is(':visible') ? helper.parent.fadeTo(settings(current).fade, current.tOpacity) : helper.parent.fadeIn(settings(current).fade); + } else { + helper.parent.show(); + } + update(); + } + + /** + * callback for mousemove + * updates the helper position + * removes itself when no current element + */ + function update(event) { + if($.tooltip.blocked) + return; + + if (event && event.target.tagName == "OPTION") { + return; + } + + // stop updating when tracking is disabled and the tooltip is visible + if ( !track && helper.parent.is(":visible")) { + $(document.body).unbind('mousemove', update) + } + + // if no current element is available, remove this listener + if( current == null ) { + $(document.body).unbind('mousemove', update); + return; + } + + // remove position helper classes + helper.parent.removeClass("viewport-right").removeClass("viewport-bottom"); + + var left = helper.parent[0].offsetLeft; + var top = helper.parent[0].offsetTop; + if (event) { + // position the helper 15 pixel to bottom right, starting from mouse position + left = event.pageX + settings(current).left; + top = event.pageY + settings(current).top; + var right='auto'; + if (settings(current).positionLeft) { + right = $(window).width() - left; + left = 'auto'; + } + helper.parent.css({ + left: left, + right: right, + top: top + }); + } + + var v = viewport(), + h = helper.parent[0]; + // check horizontal position + if (v.x + v.cx < h.offsetLeft + h.offsetWidth) { + left -= h.offsetWidth + 20 + settings(current).left; + helper.parent.css({left: left + 'px'}).addClass("viewport-right"); + } + // check vertical position + if (v.y + v.cy < h.offsetTop + h.offsetHeight) { + top -= h.offsetHeight + 20 + settings(current).top; + helper.parent.css({top: top + 'px'}).addClass("viewport-bottom"); + } + } + + function viewport() { + return { + x: $(window).scrollLeft(), + y: $(window).scrollTop(), + cx: $(window).width(), + cy: $(window).height() + }; + } + + // hide helper and restore added classes and the title + function hide(event) { + if($.tooltip.blocked) + return; + // clear timeout if possible + if(tID) + clearTimeout(tID); + // no more current element + current = null; + + var tsettings = settings(this); + function complete() { + helper.parent.removeClass( tsettings.extraClass ).hide().css("opacity", ""); + } + if ((!IE || !$.fn.bgiframe) && tsettings.fade) { + if (helper.parent.is(':animated')) + helper.parent.stop().fadeTo(tsettings.fade, 0, complete); + else + helper.parent.stop().fadeOut(tsettings.fade, complete); + } else + complete(); + + if( settings(this).fixPNG ) + helper.parent.unfixPNG(); + } + +})(jQuery); diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/css/shCore.css b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/css/shCore.css new file mode 100644 index 0000000000000000000000000000000000000000..0877fcb165a21248cfb65441743c24ab6e0d6753 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/css/shCore.css @@ -0,0 +1,377 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +.syntaxhighlighter a, +.syntaxhighlighter div, +.syntaxhighlighter code, +.syntaxhighlighter table, +.syntaxhighlighter table td, +.syntaxhighlighter table tr, +.syntaxhighlighter table tbody, +.syntaxhighlighter table thead, +.syntaxhighlighter table caption, +.syntaxhighlighter textarea { + -moz-border-radius: 0 0 0 0 !important; + -webkit-border-radius: 0 0 0 0 !important; + background: none !important; + border: 0 !important; + bottom: auto !important; + float: none !important; + height: auto !important; + left: auto !important; + line-height: 1.1em !important; + margin: 0 !important; + outline: 0 !important; + overflow: visible !important; + padding: 0 !important; + position: static !important; + right: auto !important; + text-align: left !important; + top: auto !important; + vertical-align: baseline !important; + width: auto !important; + box-sizing: content-box !important; + font-family: "Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important; + font-weight: normal !important; + font-style: normal !important; + font-size: 1em !important; + min-height: inherit !important; + min-height: auto !important; +} + +.syntaxhighlighter { + width: 100% !important; + margin: 1em 0 1em 0 !important; + position: relative !important; + overflow: auto !important; + font-size: 1em !important; +} +.syntaxhighlighter.source { + overflow: hidden !important; +} +.syntaxhighlighter .bold { + font-weight: bold !important; +} +.syntaxhighlighter .italic { + font-style: italic !important; +} +.syntaxhighlighter .line { + white-space: pre !important; +} +.syntaxhighlighter table { + width: 100% !important; +} +.syntaxhighlighter table caption { + text-align: left !important; + padding: .5em 0 0.5em 1em !important; +} +.syntaxhighlighter table td.code { + width: 100% !important; +} +.syntaxhighlighter table td.code .container { + position: relative !important; +} +.syntaxhighlighter table td.code .container textarea { + box-sizing: border-box !important; + position: absolute !important; + left: 0 !important; + top: 0 !important; + width: 100% !important; + height: 100% !important; + border: none !important; + background: white !important; + padding-left: 1em !important; + overflow: hidden !important; + white-space: pre !important; +} +.syntaxhighlighter table td.gutter .line { + text-align: right !important; + padding: 2px 0.5em 2px 1em !important; +} +.syntaxhighlighter table td.code .line { + padding: 2px 1em !important; +} +.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { + padding-left: 0em !important; +} +.syntaxhighlighter.show { + display: block !important; +} +.syntaxhighlighter.collapsed table { + display: none !important; +} +.syntaxhighlighter.collapsed .toolbar { + padding: 0.1em 0.8em 0em 0.8em !important; + font-size: 1em !important; + position: static !important; + width: auto !important; + height: auto !important; +} +.syntaxhighlighter.collapsed .toolbar span { + display: inline !important; + margin-right: 1em !important; +} +.syntaxhighlighter.collapsed .toolbar span a { + padding: 0 !important; + display: none !important; +} +.syntaxhighlighter.collapsed .toolbar span a.expandSource { + display: inline !important; +} +.syntaxhighlighter .toolbar { + position: absolute !important; + right: 1px !important; + top: 1px !important; + font-size: 10px !important; + z-index: 10 !important; +} +.syntaxhighlighter .toolbar span.title { + display: inline !important; +} +.syntaxhighlighter .toolbar a { + display: block !important; + text-align: center !important; + text-decoration: none !important; + padding-top: 1px !important; +} +.syntaxhighlighter .toolbar a.expandSource { + display: none !important; +} +.syntaxhighlighter.ie { + font-size: .9em !important; + padding: 1px 0 1px 0 !important; +} +.syntaxhighlighter.ie .toolbar { + line-height: 8px !important; +} +.syntaxhighlighter.ie .toolbar a { + padding-top: 0px !important; +} +.syntaxhighlighter.printing .line.alt1 .content, +.syntaxhighlighter.printing .line.alt2 .content, +.syntaxhighlighter.printing .line.highlighted .number, +.syntaxhighlighter.printing .line.highlighted.alt1 .content, +.syntaxhighlighter.printing .line.highlighted.alt2 .content { + background: none !important; +} +.syntaxhighlighter.printing .line .number { + color: #bbbbbb !important; +} +.syntaxhighlighter.printing .line .content { + color: black !important; +} +.syntaxhighlighter.printing .toolbar { + display: none !important; +} +.syntaxhighlighter.printing a { + text-decoration: none !important; +} +.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { + color: black !important; +} +.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { + color: #008200 !important; +} +.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { + color: blue !important; +} +.syntaxhighlighter.printing .keyword { + color: #006699 !important; + font-weight: bold !important; +} +.syntaxhighlighter.printing .preprocessor { + color: gray !important; +} +.syntaxhighlighter.printing .variable { + color: #aa7700 !important; +} +.syntaxhighlighter.printing .value { + color: #009900 !important; +} +.syntaxhighlighter.printing .functions { + color: #ff1493 !important; +} +.syntaxhighlighter.printing .constants { + color: #0066cc !important; +} +.syntaxhighlighter.printing .script { + font-weight: bold !important; +} +.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { + color: gray !important; +} +.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { + color: #ff1493 !important; +} +.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { + color: red !important; +} +.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { + color: black !important; +} + + + +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +.syntaxhighlighter { + background-color: white !important; + font-size: 13px !important; + overflow: visible !important; +} +.syntaxhighlighter .line.alt1 { + background-color: white !important; +} +.syntaxhighlighter .line.alt2 { + background-color: #F8F8F8 !important; +} +.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { + background-color: #e0e0e0 !important; +} +.syntaxhighlighter .line.highlighted.number { + color: black !important; +} +.syntaxhighlighter table caption { + color: black !important; +} +.syntaxhighlighter .gutter { +} +.syntaxhighlighter .gutter div { + color: #5C5C5C !important; + width: 20px !important; +} +.syntaxhighlighter .gutter .line.alt1, .syntaxhighlighter .gutter .line.alt2 { + background-color: white !important; +} +.odd .syntaxhighlighter .gutter .line.alt1, .odd .syntaxhighlighter .gutter .line.alt2 { + background-color: #F2F2F2 !important; +} +.syntaxhighlighter .gutter .line { + border-right: 3px solid #4E6CA3 !important; +} +.syntaxhighlighter .gutter .line.highlighted { + background-color: #4E6CA3 !important; + color: white !important; +} +.syntaxhighlighter.printing .line .content { + border: none !important; +} +.syntaxhighlighter.collapsed { + overflow: visible !important; +} +.syntaxhighlighter.collapsed .toolbar { + color: blue !important; + background: white !important; + border: 1px solid #4E6CA3 !important; +} +.syntaxhighlighter.collapsed .toolbar a { + color: blue !important; +} +.syntaxhighlighter.collapsed .toolbar a:hover { + color: red !important; +} +.syntaxhighlighter .toolbar { + color: white !important; + border: none !important; +} +.syntaxhighlighter .toolbar a { + font: 100%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important; + color: white !important; + background: #4E6CA3 !important; + float: right !important; + padding: 2px 5px !important; + clear: both; +} +.syntaxhighlighter .toolbar a:hover { + color: #b7c5df !important; + background: #39568b !important; +} +.syntaxhighlighter .plain, .syntaxhighlighter .plain a { + color: black !important; +} +.syntaxhighlighter .comments, .syntaxhighlighter .comments a { + color: #008200 !important; +} +.syntaxhighlighter .string, .syntaxhighlighter .string a { + color: blue !important; +} +.syntaxhighlighter .keyword { + color: #006699 !important; +} +.syntaxhighlighter .preprocessor { + color: gray !important; +} +.syntaxhighlighter .variable { + color: #aa7700 !important; +} +.syntaxhighlighter .value { + color: #009900 !important; +} +.syntaxhighlighter .functions { + color: #ff1493 !important; +} +.syntaxhighlighter .constants { + color: #0066cc !important; +} +.syntaxhighlighter .script { + font-weight: bold !important; + color: #006699 !important; + background-color: none !important; +} +.syntaxhighlighter .color1, .syntaxhighlighter .color1 a { + color: gray !important; +} +.syntaxhighlighter .color2, .syntaxhighlighter .color2 a { + color: #ff1493 !important; +} +.syntaxhighlighter .color3, .syntaxhighlighter .color3 a { + color: red !important; +} + +.syntaxhighlighter .keyword { + font-weight: bold !important; +} + +.datatables_ref:hover { + text-decoration: underline; + cursor: pointer; + *cursor: hand; +} + +.syntaxhighlighter .dtapi { + color: #069; +} + +.syntaxhighlighter .dtapi:hover { + text-decoration: underline; + cursor: pointer; + *cursor: hand; +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/images/arrow.jpg b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/images/arrow.jpg new file mode 100644 index 0000000000000000000000000000000000000000..eba85eac52dfcf2f41fab61010a4369f31047b2c Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/images/arrow.jpg differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/images/extended.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/images/extended.png new file mode 100644 index 0000000000000000000000000000000000000000..5dd01bfc5b0670cb1e8080f7383e00c1186296b9 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/images/extended.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/js/shCore.js b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/js/shCore.js new file mode 100644 index 0000000000000000000000000000000000000000..e23c0d6b75350496c13b81cad0d8ec5932ffbd1d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/js/shCore.js @@ -0,0 +1,2708 @@ +/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +// XRegExp 1.5.0 +// (c) 2007-2010 Steven Levithan +// MIT License +// <http://xregexp.com> +// Provides an augmented, extensible, cross-browser implementation of regular expressions, +// including support for additional syntax, flags, and methods + +var XRegExp; + +if (XRegExp) { + // Avoid running twice, since that would break references to native globals + throw Error("can't load XRegExp twice in the same frame"); +} + +// Run within an anonymous function to protect variables and avoid new globals +(function () { + + //--------------------------------- + // Constructor + //--------------------------------- + + // Accepts a pattern and flags; returns a new, extended `RegExp` object. Differs from a native + // regular expression in that additional syntax and flags are supported and cross-browser + // syntax inconsistencies are ameliorated. `XRegExp(/regex/)` clones an existing regex and + // converts to type XRegExp + XRegExp = function (pattern, flags) { + var output = [], + currScope = XRegExp.OUTSIDE_CLASS, + pos = 0, + context, tokenResult, match, chr, regex; + + if (XRegExp.isRegExp(pattern)) { + if (flags !== undefined) + throw TypeError("can't supply flags when constructing one RegExp from another"); + return clone(pattern); + } + // Tokens become part of the regex construction process, so protect against infinite + // recursion when an XRegExp is constructed within a token handler or trigger + if (isInsideConstructor) + throw Error("can't call the XRegExp constructor within token definition functions"); + + flags = flags || ""; + context = { // `this` object for custom tokens + hasNamedCapture: false, + captureNames: [], + hasFlag: function (flag) {return flags.indexOf(flag) > -1;}, + setFlag: function (flag) {flags += flag;} + }; + + while (pos < pattern.length) { + // Check for custom tokens at the current position + tokenResult = runTokens(pattern, pos, currScope, context); + + if (tokenResult) { + output.push(tokenResult.output); + pos += (tokenResult.match[0].length || 1); + } else { + // Check for native multicharacter metasequences (excluding character classes) at + // the current position + if (match = real.exec.call(nativeTokens[currScope], pattern.slice(pos))) { + output.push(match[0]); + pos += match[0].length; + } else { + chr = pattern.charAt(pos); + if (chr === "[") + currScope = XRegExp.INSIDE_CLASS; + else if (chr === "]") + currScope = XRegExp.OUTSIDE_CLASS; + // Advance position one character + output.push(chr); + pos++; + } + } + } + + regex = RegExp(output.join(""), real.replace.call(flags, flagClip, "")); + regex._xregexp = { + source: pattern, + captureNames: context.hasNamedCapture ? context.captureNames : null + }; + return regex; + }; + + + //--------------------------------- + // Public properties + //--------------------------------- + + XRegExp.version = "1.5.0"; + + // Token scope bitflags + XRegExp.INSIDE_CLASS = 1; + XRegExp.OUTSIDE_CLASS = 2; + + + //--------------------------------- + // Private variables + //--------------------------------- + + var replacementToken = /\$(?:(\d\d?|[$&`'])|{([$\w]+)})/g, + flagClip = /[^gimy]+|([\s\S])(?=[\s\S]*\1)/g, // Nonnative and duplicate flags + quantifier = /^(?:[?*+]|{\d+(?:,\d*)?})\??/, + isInsideConstructor = false, + tokens = [], + // Copy native globals for reference ("native" is an ES3 reserved keyword) + real = { + exec: RegExp.prototype.exec, + test: RegExp.prototype.test, + match: String.prototype.match, + replace: String.prototype.replace, + split: String.prototype.split + }, + compliantExecNpcg = real.exec.call(/()??/, "")[1] === undefined, // check `exec` handling of nonparticipating capturing groups + compliantLastIndexIncrement = function () { + var x = /^/g; + real.test.call(x, ""); + return !x.lastIndex; + }(), + compliantLastIndexReset = function () { + var x = /x/g; + real.replace.call("x", x, ""); + return !x.lastIndex; + }(), + hasNativeY = RegExp.prototype.sticky !== undefined, + nativeTokens = {}; + + // `nativeTokens` match native multicharacter metasequences only (including deprecated octals, + // excluding character classes) + nativeTokens[XRegExp.INSIDE_CLASS] = /^(?:\\(?:[0-3][0-7]{0,2}|[4-7][0-7]?|x[\dA-Fa-f]{2}|u[\dA-Fa-f]{4}|c[A-Za-z]|[\s\S]))/; + nativeTokens[XRegExp.OUTSIDE_CLASS] = /^(?:\\(?:0(?:[0-3][0-7]{0,2}|[4-7][0-7]?)?|[1-9]\d*|x[\dA-Fa-f]{2}|u[\dA-Fa-f]{4}|c[A-Za-z]|[\s\S])|\(\?[:=!]|[?*+]\?|{\d+(?:,\d*)?}\??)/; + + + //--------------------------------- + // Public methods + //--------------------------------- + + // Lets you extend or change XRegExp syntax and create custom flags. This is used internally by + // the XRegExp library and can be used to create XRegExp plugins. This function is intended for + // users with advanced knowledge of JavaScript's regular expression syntax and behavior. It can + // be disabled by `XRegExp.freezeTokens` + XRegExp.addToken = function (regex, handler, scope, trigger) { + tokens.push({ + pattern: clone(regex, "g" + (hasNativeY ? "y" : "")), + handler: handler, + scope: scope || XRegExp.OUTSIDE_CLASS, + trigger: trigger || null + }); + }; + + // Accepts a pattern and flags; returns an extended `RegExp` object. If the pattern and flag + // combination has previously been cached, the cached copy is returned; otherwise the newly + // created regex is cached + XRegExp.cache = function (pattern, flags) { + var key = pattern + "/" + (flags || ""); + return XRegExp.cache[key] || (XRegExp.cache[key] = XRegExp(pattern, flags)); + }; + + // Accepts a `RegExp` instance; returns a copy with the `/g` flag set. The copy has a fresh + // `lastIndex` (set to zero). If you want to copy a regex without forcing the `global` + // property, use `XRegExp(regex)`. Do not use `RegExp(regex)` because it will not preserve + // special properties required for named capture + XRegExp.copyAsGlobal = function (regex) { + return clone(regex, "g"); + }; + + // Accepts a string; returns the string with regex metacharacters escaped. The returned string + // can safely be used at any point within a regex to match the provided literal string. Escaped + // characters are [ ] { } ( ) * + ? - . , \ ^ $ | # and whitespace + XRegExp.escape = function (str) { + return str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"); + }; + + // Accepts a string to search, regex to search with, position to start the search within the + // string (default: 0), and an optional Boolean indicating whether matches must start at-or- + // after the position or at the specified position only. This function ignores the `lastIndex` + // property of the provided regex + XRegExp.execAt = function (str, regex, pos, anchored) { + regex = clone(regex, "g" + ((anchored && hasNativeY) ? "y" : "")); + regex.lastIndex = pos = pos || 0; + var match = regex.exec(str); + if (anchored) + return (match && match.index === pos) ? match : null; + else + return match; + }; + + // Breaks the unrestorable link to XRegExp's private list of tokens, thereby preventing + // syntax and flag changes. Should be run after XRegExp and any plugins are loaded + XRegExp.freezeTokens = function () { + XRegExp.addToken = function () { + throw Error("can't run addToken after freezeTokens"); + }; + }; + + // Accepts any value; returns a Boolean indicating whether the argument is a `RegExp` object. + // Note that this is also `true` for regex literals and regexes created by the `XRegExp` + // constructor. This works correctly for variables created in another frame, when `instanceof` + // and `constructor` checks would fail to work as intended + XRegExp.isRegExp = function (o) { + return Object.prototype.toString.call(o) === "[object RegExp]"; + }; + + // Executes `callback` once per match within `str`. Provides a simpler and cleaner way to + // iterate over regex matches compared to the traditional approaches of subverting + // `String.prototype.replace` or repeatedly calling `exec` within a `while` loop + XRegExp.iterate = function (str, origRegex, callback, context) { + var regex = clone(origRegex, "g"), + i = -1, match; + while (match = regex.exec(str)) { + callback.call(context, match, ++i, str, regex); + if (regex.lastIndex === match.index) + regex.lastIndex++; + } + if (origRegex.global) + origRegex.lastIndex = 0; + }; + + // Accepts a string and an array of regexes; returns the result of using each successive regex + // to search within the matches of the previous regex. The array of regexes can also contain + // objects with `regex` and `backref` properties, in which case the named or numbered back- + // references specified are passed forward to the next regex or returned. E.g.: + // var xregexpImgFileNames = XRegExp.matchChain(html, [ + // {regex: /<img\b([^>]+)>/i, backref: 1}, // <img> tag attributes + // {regex: XRegExp('(?ix) \\s src=" (?<src> [^"]+ )'), backref: "src"}, // src attribute values + // {regex: XRegExp("^http://xregexp\\.com(/[^#?]+)", "i"), backref: 1}, // xregexp.com paths + // /[^\/]+$/ // filenames (strip directory paths) + // ]); + XRegExp.matchChain = function (str, chain) { + return function recurseChain (values, level) { + var item = chain[level].regex ? chain[level] : {regex: chain[level]}, + regex = clone(item.regex, "g"), + matches = [], i; + for (i = 0; i < values.length; i++) { + XRegExp.iterate(values[i], regex, function (match) { + matches.push(item.backref ? (match[item.backref] || "") : match[0]); + }); + } + return ((level === chain.length - 1) || !matches.length) ? + matches : recurseChain(matches, level + 1); + }([str], 0); + }; + + + //--------------------------------- + // New RegExp prototype methods + //--------------------------------- + + // Accepts a context object and arguments array; returns the result of calling `exec` with the + // first value in the arguments array. the context is ignored but is accepted for congruity + // with `Function.prototype.apply` + RegExp.prototype.apply = function (context, args) { + return this.exec(args[0]); + }; + + // Accepts a context object and string; returns the result of calling `exec` with the provided + // string. the context is ignored but is accepted for congruity with `Function.prototype.call` + RegExp.prototype.call = function (context, str) { + return this.exec(str); + }; + + + //--------------------------------- + // Overriden native methods + //--------------------------------- + + // Adds named capture support (with backreferences returned as `result.name`), and fixes two + // cross-browser issues per ES3: + // - Captured values for nonparticipating capturing groups should be returned as `undefined`, + // rather than the empty string. + // - `lastIndex` should not be incremented after zero-length matches. + RegExp.prototype.exec = function (str) { + var match = real.exec.apply(this, arguments), + name, r2; + if (match && str) { + // Fix browsers whose `exec` methods don't consistently return `undefined` for + // nonparticipating capturing groups + if (!compliantExecNpcg && match.length > 1 && indexOf(match, "") > -1) { + r2 = RegExp(this.source, real.replace.call(getNativeFlags(this), "g", "")); + // Using `str.slice(match.index)` rather than `match[0]` in case lookahead allowed + // matching due to characters outside the match + real.replace.call(str.slice(match.index), r2, function () { + for (var i = 1; i < arguments.length - 2; i++) { + if (arguments[i] === undefined) + match[i] = undefined; + } + }); + } + // Attach named capture properties + if (this._xregexp && this._xregexp.captureNames) { + for (var i = 1; i < match.length; i++) { + name = this._xregexp.captureNames[i - 1]; + if (name) + match[name] = match[i]; + } + } + // Fix browsers that increment `lastIndex` after zero-length matches + if (!compliantLastIndexIncrement && this.global && !match[0].length && (this.lastIndex > match.index)) + this.lastIndex--; + } + return match; + }; + + // Don't override `test` if it won't change anything + if (!compliantLastIndexIncrement) { + // Fix browser bug in native method + RegExp.prototype.test = function (str) { + // Use the native `exec` to skip some processing overhead, even though the overriden + // `exec` would take care of the `lastIndex` fix + var match = real.exec.call(this, str); + // Fix browsers that increment `lastIndex` after zero-length matches + if (match && this.global && !match[0].length && (this.lastIndex > match.index)) + this.lastIndex--; + return !!match; + }; + } + + // Adds named capture support and fixes browser bugs in native method + String.prototype.match = function (regex) { + if (!XRegExp.isRegExp(regex)) + regex = RegExp(regex); // Native `RegExp` + if (regex.global) { + var result = real.match.apply(this, arguments); + regex.lastIndex = 0; // Fix IE bug + return result; + } + return regex.exec(this); // Run the altered `exec` + }; + + // Adds support for `${n}` tokens for named and numbered backreferences in replacement text, + // and provides named backreferences to replacement functions as `arguments[0].name`. Also + // fixes cross-browser differences in replacement text syntax when performing a replacement + // using a nonregex search value, and the value of replacement regexes' `lastIndex` property + // during replacement iterations. Note that this doesn't support SpiderMonkey's proprietary + // third (`flags`) parameter + String.prototype.replace = function (search, replacement) { + var isRegex = XRegExp.isRegExp(search), + captureNames, result, str; + + // There are many combinations of search/replacement types/values and browser bugs that + // preclude passing to native `replace`, so just keep this check relatively simple + if (isRegex && typeof replacement.valueOf() === "string" && replacement.indexOf("${") === -1 && compliantLastIndexReset) + return real.replace.apply(this, arguments); + + if (!isRegex) + search = search + ""; // Type conversion + else if (search._xregexp) + captureNames = search._xregexp.captureNames; // Array or `null` + + if (typeof replacement === "function") { + result = real.replace.call(this, search, function () { + if (captureNames) { + // Change the `arguments[0]` string primitive to a String object which can store properties + arguments[0] = new String(arguments[0]); + // Store named backreferences on `arguments[0]` + for (var i = 0; i < captureNames.length; i++) { + if (captureNames[i]) + arguments[0][captureNames[i]] = arguments[i + 1]; + } + } + // Update `lastIndex` before calling `replacement` + if (isRegex && search.global) + search.lastIndex = arguments[arguments.length - 2] + arguments[0].length; + return replacement.apply(null, arguments); + }); + } else { + str = this + ""; // Type conversion, so `args[args.length - 1]` will be a string (given nonstring `this`) + result = real.replace.call(str, search, function () { + var args = arguments; // Keep this function's `arguments` available through closure + return real.replace.call(replacement, replacementToken, function ($0, $1, $2) { + // Numbered backreference (without delimiters) or special variable + if ($1) { + switch ($1) { + case "$": return "$"; + case "&": return args[0]; + case "`": return args[args.length - 1].slice(0, args[args.length - 2]); + case "'": return args[args.length - 1].slice(args[args.length - 2] + args[0].length); + // Numbered backreference + default: + // What does "$10" mean? + // - Backreference 10, if 10 or more capturing groups exist + // - Backreference 1 followed by "0", if 1-9 capturing groups exist + // - Otherwise, it's the string "$10" + // Also note: + // - Backreferences cannot be more than two digits (enforced by `replacementToken`) + // - "$01" is equivalent to "$1" if a capturing group exists, otherwise it's the string "$01" + // - There is no "$0" token ("$&" is the entire match) + var literalNumbers = ""; + $1 = +$1; // Type conversion; drop leading zero + if (!$1) // `$1` was "0" or "00" + return $0; + while ($1 > args.length - 3) { + literalNumbers = String.prototype.slice.call($1, -1) + literalNumbers; + $1 = Math.floor($1 / 10); // Drop the last digit + } + return ($1 ? args[$1] || "" : "$") + literalNumbers; + } + // Named backreference or delimited numbered backreference + } else { + // What does "${n}" mean? + // - Backreference to numbered capture n. Two differences from "$n": + // - n can be more than two digits + // - Backreference 0 is allowed, and is the entire match + // - Backreference to named capture n, if it exists and is not a number overridden by numbered capture + // - Otherwise, it's the string "${n}" + var n = +$2; // Type conversion; drop leading zeros + if (n <= args.length - 3) + return args[n]; + n = captureNames ? indexOf(captureNames, $2) : -1; + return n > -1 ? args[n + 1] : $0; + } + }); + }); + } + + if (isRegex && search.global) + search.lastIndex = 0; // Fix IE bug + + return result; + }; + + // A consistent cross-browser, ES3 compliant `split` + String.prototype.split = function (s /* separator */, limit) { + // If separator `s` is not a regex, use the native `split` + if (!XRegExp.isRegExp(s)) + return real.split.apply(this, arguments); + + var str = this + "", // Type conversion + output = [], + lastLastIndex = 0, + match, lastLength; + + // Behavior for `limit`: if it's... + // - `undefined`: No limit + // - `NaN` or zero: Return an empty array + // - A positive number: Use `Math.floor(limit)` + // - A negative number: No limit + // - Other: Type-convert, then use the above rules + if (limit === undefined || +limit < 0) { + limit = Infinity; + } else { + limit = Math.floor(+limit); + if (!limit) + return []; + } + + // This is required if not `s.global`, and it avoids needing to set `s.lastIndex` to zero + // and restore it to its original value when we're done using the regex + s = XRegExp.copyAsGlobal(s); + + while (match = s.exec(str)) { // Run the altered `exec` (required for `lastIndex` fix, etc.) + if (s.lastIndex > lastLastIndex) { + output.push(str.slice(lastLastIndex, match.index)); + + if (match.length > 1 && match.index < str.length) + Array.prototype.push.apply(output, match.slice(1)); + + lastLength = match[0].length; + lastLastIndex = s.lastIndex; + + if (output.length >= limit) + break; + } + + if (s.lastIndex === match.index) + s.lastIndex++; + } + + if (lastLastIndex === str.length) { + if (!real.test.call(s, "") || lastLength) + output.push(""); + } else { + output.push(str.slice(lastLastIndex)); + } + + return output.length > limit ? output.slice(0, limit) : output; + }; + + + //--------------------------------- + // Private helper functions + //--------------------------------- + + // Supporting function for `XRegExp`, `XRegExp.copyAsGlobal`, etc. Returns a copy of a `RegExp` + // instance with a fresh `lastIndex` (set to zero), preserving properties required for named + // capture. Also allows adding new flags in the process of copying the regex + function clone (regex, additionalFlags) { + if (!XRegExp.isRegExp(regex)) + throw TypeError("type RegExp expected"); + var x = regex._xregexp; + regex = XRegExp(regex.source, getNativeFlags(regex) + (additionalFlags || "")); + if (x) { + regex._xregexp = { + source: x.source, + captureNames: x.captureNames ? x.captureNames.slice(0) : null + }; + } + return regex; + }; + + function getNativeFlags (regex) { + return (regex.global ? "g" : "") + + (regex.ignoreCase ? "i" : "") + + (regex.multiline ? "m" : "") + + (regex.extended ? "x" : "") + // Proposed for ES4; included in AS3 + (regex.sticky ? "y" : ""); + }; + + function runTokens (pattern, index, scope, context) { + var i = tokens.length, + result, match, t; + // Protect against constructing XRegExps within token handler and trigger functions + isInsideConstructor = true; + // Must reset `isInsideConstructor`, even if a `trigger` or `handler` throws + try { + while (i--) { // Run in reverse order + t = tokens[i]; + if ((scope & t.scope) && (!t.trigger || t.trigger.call(context))) { + t.pattern.lastIndex = index; + match = t.pattern.exec(pattern); // Running the altered `exec` here allows use of named backreferences, etc. + if (match && match.index === index) { + result = { + output: t.handler.call(context, match, scope), + match: match + }; + break; + } + } + } + } catch (err) { + throw err; + } finally { + isInsideConstructor = false; + } + return result; + }; + + function indexOf (array, item, from) { + if (Array.prototype.indexOf) // Use the native array method if available + return array.indexOf(item, from); + for (var i = from || 0; i < array.length; i++) { + if (array[i] === item) + return i; + } + return -1; + }; + + + //--------------------------------- + // Built-in tokens + //--------------------------------- + + // Augment XRegExp's regular expression syntax and flags. Note that when adding tokens, the + // third (`scope`) argument defaults to `XRegExp.OUTSIDE_CLASS` + + // Comment pattern: (?# ) + XRegExp.addToken( + /\(\?#[^)]*\)/, + function (match) { + // Keep tokens separated unless the following token is a quantifier + return real.test.call(quantifier, match.input.slice(match.index + match[0].length)) ? "" : "(?:)"; + } + ); + + // Capturing group (match the opening parenthesis only). + // Required for support of named capturing groups + XRegExp.addToken( + /\((?!\?)/, + function () { + this.captureNames.push(null); + return "("; + } + ); + + // Named capturing group (match the opening delimiter only): (?<name> + XRegExp.addToken( + /\(\?<([$\w]+)>/, + function (match) { + this.captureNames.push(match[1]); + this.hasNamedCapture = true; + return "("; + } + ); + + // Named backreference: \k<name> + XRegExp.addToken( + /\\k<([\w$]+)>/, + function (match) { + var index = indexOf(this.captureNames, match[1]); + // Keep backreferences separate from subsequent literal numbers. Preserve back- + // references to named groups that are undefined at this point as literal strings + return index > -1 ? + "\\" + (index + 1) + (isNaN(match.input.charAt(match.index + match[0].length)) ? "" : "(?:)") : + match[0]; + } + ); + + // Empty character class: [] or [^] + XRegExp.addToken( + /\[\^?]/, + function (match) { + // For cross-browser compatibility with ES3, convert [] to \b\B and [^] to [\s\S]. + // (?!) should work like \b\B, but is unreliable in Firefox + return match[0] === "[]" ? "\\b\\B" : "[\\s\\S]"; + } + ); + + // Mode modifier at the start of the pattern only, with any combination of flags imsx: (?imsx) + // Does not support x(?i), (?-i), (?i-m), (?i: ), (?i)(?m), etc. + XRegExp.addToken( + /^\(\?([imsx]+)\)/, + function (match) { + this.setFlag(match[1]); + return ""; + } + ); + + // Whitespace and comments, in free-spacing (aka extended) mode only + XRegExp.addToken( + /(?:\s+|#.*)+/, + function (match) { + // Keep tokens separated unless the following token is a quantifier + return real.test.call(quantifier, match.input.slice(match.index + match[0].length)) ? "" : "(?:)"; + }, + XRegExp.OUTSIDE_CLASS, + function () {return this.hasFlag("x");} + ); + + // Dot, in dotall (aka singleline) mode only + XRegExp.addToken( + /\./, + function () {return "[\\s\\S]";}, + XRegExp.OUTSIDE_CLASS, + function () {return this.hasFlag("s");} + ); + + + //--------------------------------- + // Backward compatibility + //--------------------------------- + + // Uncomment the following block for compatibility with XRegExp 1.0-1.2: + /* + XRegExp.matchWithinChain = XRegExp.matchChain; + RegExp.prototype.addFlags = function (s) {return clone(this, s);}; + RegExp.prototype.execAll = function (s) {var r = []; XRegExp.iterate(s, this, function (m) {r.push(m);}); return r;}; + RegExp.prototype.forEachExec = function (s, f, c) {return XRegExp.iterate(s, this, f, c);}; + RegExp.prototype.validate = function (s) {var r = RegExp("^(?:" + this.source + ")$(?!\\s)", getNativeFlags(this)); if (this.global) this.lastIndex = 0; return s.search(r) === 0;}; + */ + +})(); +// +// Begin anonymous function. This is used to contain local scope variables without polutting global scope. +// +if (typeof(SyntaxHighlighter) == 'undefined') var SyntaxHighlighter = function() { + +// CommonJS +if (typeof(require) != 'undefined' && typeof(XRegExp) == 'undefined') +{ + XRegExp = require('XRegExp').XRegExp; +} + +// Shortcut object which will be assigned to the SyntaxHighlighter variable. +// This is a shorthand for local reference in order to avoid long namespace +// references to SyntaxHighlighter.whatever... +var sh = { + defaults : { + /** Additional CSS class names to be added to highlighter elements. */ + 'class-name' : '', + + /** First line number. */ + 'first-line' : 1, + + /** + * Pads line numbers. Possible values are: + * + * false - don't pad line numbers. + * true - automaticaly pad numbers with minimum required number of leading zeroes. + * [int] - length up to which pad line numbers. + */ + 'pad-line-numbers' : false, + + /** Lines to highlight. */ + 'highlight' : null, + + /** Title to be displayed above the code block. */ + 'title' : null, + + /** Enables or disables smart tabs. */ + 'smart-tabs' : true, + + /** Gets or sets tab size. */ + 'tab-size' : 4, + + /** Enables or disables gutter. */ + 'gutter' : true, + + /** Enables or disables toolbar. */ + 'toolbar' : true, + + /** Enables quick code copy and paste from double click. */ + 'quick-code' : true, + + /** Forces code view to be collapsed. */ + 'collapse' : false, + + /** Enables or disables automatic links. */ + 'auto-links' : true, + + /** Gets or sets light mode. Equavalent to turning off gutter and toolbar. */ + 'light' : false, + + 'unindent' : true, + + 'html-script' : false + }, + + config : { + space : ' ', + + /** Enables use of <SCRIPT type="syntaxhighlighter" /> tags. */ + useScriptTags : true, + + /** Blogger mode flag. */ + bloggerMode : false, + + stripBrs : false, + + /** Name of the tag that SyntaxHighlighter will automatically look for. */ + tagName : 'pre', + + strings : { + expandSource : 'expand source', + help : '?', + alert: 'SyntaxHighlighter\n\n', + noBrush : 'Can\'t find brush for: ', + brushNotHtmlScript : 'Brush wasn\'t configured for html-script option: ', + + // this is populated by the build script + aboutDialog : '@ABOUT@' + } + }, + + /** Internal 'global' variables. */ + vars : { + discoveredBrushes : null, + highlighters : {} + }, + + /** This object is populated by user included external brush files. */ + brushes : {}, + + /** Common regular expressions. */ + regexLib : { + multiLineCComments : /\/\*[\s\S]*?\*\//gm, + singleLineCComments : /\/\/.*$/gm, + singleLinePerlComments : /#.*$/gm, + doubleQuotedString : /"([^\\"\n]|\\.)*"/g, + singleQuotedString : /'([^\\'\n]|\\.)*'/g, + multiLineDoubleQuotedString : new XRegExp('"([^\\\\"]|\\\\.)*"', 'gs'), + multiLineSingleQuotedString : new XRegExp("'([^\\\\']|\\\\.)*'", 'gs'), + xmlComments : /(<|<)!--[\s\S]*?--(>|>)/gm, + url : /\w+:\/\/[\w-.\/?%&=:@;#]*/g, + + /** <?= ?> tags. */ + phpScriptTags : { left: /(<|<)\?(?:=|php)?/g, right: /\?(>|>)/g, 'eof' : true }, + + /** <%= %> tags. */ + aspScriptTags : { left: /(<|<)%=?/g, right: /%(>|>)/g }, + + /** <script> tags. */ + scriptScriptTags : { left: /(<|<)\s*script.*?(>|>)/gi, right: /(<|<)\/\s*script\s*(>|>)/gi } + }, + + toolbar: { + /** + * Generates HTML markup for the toolbar. + * @param {Highlighter} highlighter Highlighter instance. + * @return {String} Returns HTML markup. + */ + getHtml: function(highlighter) + { + var html = '<div class="toolbar">', + items = sh.toolbar.items, + list = items.list + ; + + function defaultGetHtml(highlighter, name) + { + return sh.toolbar.getButtonHtml(highlighter, name, sh.config.strings[name]); + }; + + for (var i = 0; i < list.length; i++) + html += (items[list[i]].getHtml || defaultGetHtml)(highlighter, list[i]); + + html += '</div>'; + + return html; + }, + + /** + * Generates HTML markup for a regular button in the toolbar. + * @param {Highlighter} highlighter Highlighter instance. + * @param {String} commandName Command name that would be executed. + * @param {String} label Label text to display. + * @return {String} Returns HTML markup. + */ + getButtonHtml: function(highlighter, commandName, label) + { + return '<span><a href="#" class="toolbar_item' + + ' command_' + commandName + + ' ' + commandName + + '">' + label + '</a></span>' + ; + }, + + /** + * Event handler for a toolbar anchor. + */ + handler: function(e) + { + var target = e.target, + className = target.className || '' + ; + + function getValue(name) + { + var r = new RegExp(name + '_(\\w+)'), + match = r.exec(className) + ; + + return match ? match[1] : null; + }; + + var highlighter = getHighlighterById(findParentElement(target, '.syntaxhighlighter').id), + commandName = getValue('command') + ; + + // execute the toolbar command + if (highlighter && commandName) + sh.toolbar.items[commandName].execute(highlighter); + + // disable default A click behaviour + e.preventDefault(); + }, + + /** Collection of toolbar items. */ + items : { + // Ordered lis of items in the toolbar. Can't expect `for (var n in items)` to be consistent. + list: ['expandSource', 'help'], + + expandSource: { + getHtml: function(highlighter) + { + if (highlighter.getParam('collapse') != true) + return ''; + + var title = highlighter.getParam('title'); + return sh.toolbar.getButtonHtml(highlighter, 'expandSource', title ? title : sh.config.strings.expandSource); + }, + + execute: function(highlighter) + { + var div = getHighlighterDivById(highlighter.id); + removeClass(div, 'collapsed'); + } + }, + + /** Command to display the about dialog window. */ + help: { + execute: function(highlighter) + { + var wnd = popup('', '_blank', 500, 250, 'scrollbars=0'), + doc = wnd.document + ; + + doc.write(sh.config.strings.aboutDialog); + doc.close(); + wnd.focus(); + } + } + } + }, + + /** + * Finds all elements on the page which should be processes by SyntaxHighlighter. + * + * @param {Object} globalParams Optional parameters which override element's + * parameters. Only used if element is specified. + * + * @param {Object} element Optional element to highlight. If none is + * provided, all elements in the current document + * are returned which qualify. + * + * @return {Array} Returns list of <code>{ target: DOMElement, params: Object }</code> objects. + */ + findElements: function(globalParams, element) + { + var elements = element ? [element] : toArray(document.getElementsByTagName(sh.config.tagName)), + conf = sh.config, + result = [] + ; + + // support for <SCRIPT TYPE="syntaxhighlighter" /> feature + if (conf.useScriptTags) + elements = elements.concat(getSyntaxHighlighterScriptTags()); + + if (elements.length === 0) + return result; + + for (var i = 0; i < elements.length; i++) + { + var item = { + target: elements[i], + // local params take precedence over globals + params: merge(globalParams, parseParams(elements[i].className)) + }; + + if (item.params['brush'] == null) + continue; + + result.push(item); + } + + return result; + }, + + /** + * Shorthand to highlight all elements on the page that are marked as + * SyntaxHighlighter source code. + * + * @param {Object} globalParams Optional parameters which override element's + * parameters. Only used if element is specified. + * + * @param {Object} element Optional element to highlight. If none is + * provided, all elements in the current document + * are highlighted. + */ + highlight: function(globalParams, element) + { + var elements = this.findElements(globalParams, element), + propertyName = 'innerHTML', + highlighter = null, + conf = sh.config + ; + + if (elements.length === 0) + return; + + for (var i = 0; i < elements.length; i++) + { + var element = elements[i], + target = element.target, + params = element.params, + brushName = params.brush, + code + ; + + if (brushName == null) + continue; + + // Instantiate a brush + if (params['html-script'] == 'true' || sh.defaults['html-script'] == true) + { + highlighter = new sh.HtmlScript(brushName); + brushName = 'htmlscript'; + } + else + { + var brush = findBrush(brushName); + + if (brush) + highlighter = new brush(); + else + continue; + } + + code = target[propertyName]; + + // remove CDATA from <SCRIPT/> tags if it's present + if (conf.useScriptTags) + code = stripCData(code); + + // Inject title if the attribute is present + if ((target.title || '') != '') + params.title = target.title; + + params['brush'] = brushName; + highlighter.init(params); + element = highlighter.getDiv(code); + + // carry over ID + if ((target.id || '') != '') + element.id = target.id; + + target.parentNode.replaceChild(element, target); + } + }, + + /** + * Main entry point for the SyntaxHighlighter. + * @param {Object} params Optional params to apply to all highlighted elements. + */ + all: function(params) + { + attachEvent( + window, + 'load', + function() { sh.highlight(params); } + ); + } +}; // end of sh + +/** + * Checks if target DOM elements has specified CSS class. + * @param {DOMElement} target Target DOM element to check. + * @param {String} className Name of the CSS class to check for. + * @return {Boolean} Returns true if class name is present, false otherwise. + */ +function hasClass(target, className) +{ + return target.className.indexOf(className) != -1; +}; + +/** + * Adds CSS class name to the target DOM element. + * @param {DOMElement} target Target DOM element. + * @param {String} className New CSS class to add. + */ +function addClass(target, className) +{ + if (!hasClass(target, className)) + target.className += ' ' + className; +}; + +/** + * Removes CSS class name from the target DOM element. + * @param {DOMElement} target Target DOM element. + * @param {String} className CSS class to remove. + */ +function removeClass(target, className) +{ + target.className = target.className.replace(className, ''); +}; + +/** + * Converts the source to array object. Mostly used for function arguments and + * lists returned by getElementsByTagName() which aren't Array objects. + * @param {List} source Source list. + * @return {Array} Returns array. + */ +function toArray(source) +{ + var result = []; + + for (var i = 0; i < source.length; i++) + result.push(source[i]); + + return result; +}; + +/** + * Splits block of text into lines. + * @param {String} block Block of text. + * @return {Array} Returns array of lines. + */ +function splitLines(block) +{ + return block.split(/\r?\n/); +} + +/** + * Generates HTML ID for the highlighter. + * @param {String} highlighterId Highlighter ID. + * @return {String} Returns HTML ID. + */ +function getHighlighterId(id) +{ + var prefix = 'highlighter_'; + return id.indexOf(prefix) == 0 ? id : prefix + id; +}; + +/** + * Finds Highlighter instance by ID. + * @param {String} highlighterId Highlighter ID. + * @return {Highlighter} Returns instance of the highlighter. + */ +function getHighlighterById(id) +{ + return sh.vars.highlighters[getHighlighterId(id)]; +}; + +/** + * Finds highlighter's DIV container. + * @param {String} highlighterId Highlighter ID. + * @return {Element} Returns highlighter's DIV element. + */ +function getHighlighterDivById(id) +{ + return document.getElementById(getHighlighterId(id)); +}; + +/** + * Stores highlighter so that getHighlighterById() can do its thing. Each + * highlighter must call this method to preserve itself. + * @param {Highilghter} highlighter Highlighter instance. + */ +function storeHighlighter(highlighter) +{ + sh.vars.highlighters[getHighlighterId(highlighter.id)] = highlighter; +}; + +/** + * Looks for a child or parent node which has specified classname. + * Equivalent to jQuery's $(container).find(".className") + * @param {Element} target Target element. + * @param {String} search Class name or node name to look for. + * @param {Boolean} reverse If set to true, will go up the node tree instead of down. + * @return {Element} Returns found child or parent element on null. + */ +function findElement(target, search, reverse /* optional */) +{ + if (target == null) + return null; + + var nodes = reverse != true ? target.childNodes : [ target.parentNode ], + propertyToFind = { '#' : 'id', '.' : 'className' }[search.substr(0, 1)] || 'nodeName', + expectedValue, + found + ; + + expectedValue = propertyToFind != 'nodeName' + ? search.substr(1) + : search.toUpperCase() + ; + + // main return of the found node + if ((target[propertyToFind] || '').indexOf(expectedValue) != -1) + return target; + + for (var i = 0; nodes && i < nodes.length && found == null; i++) + found = findElement(nodes[i], search, reverse); + + return found; +}; + +/** + * Looks for a parent node which has specified classname. + * This is an alias to <code>findElement(container, className, true)</code>. + * @param {Element} target Target element. + * @param {String} className Class name to look for. + * @return {Element} Returns found parent element on null. + */ +function findParentElement(target, className) +{ + return findElement(target, className, true); +}; + +/** + * Finds an index of element in the array. + * @ignore + * @param {Object} searchElement + * @param {Number} fromIndex + * @return {Number} Returns index of element if found; -1 otherwise. + */ +function indexOf(array, searchElement, fromIndex) +{ + fromIndex = Math.max(fromIndex || 0, 0); + + for (var i = fromIndex; i < array.length; i++) + if(array[i] == searchElement) + return i; + + return -1; +}; + +/** + * Generates a unique element ID. + */ +function guid(prefix) +{ + return (prefix || '') + Math.round(Math.random() * 1000000).toString(); +}; + +/** + * Merges two objects. Values from obj2 override values in obj1. + * Function is NOT recursive and works only for one dimensional objects. + * @param {Object} obj1 First object. + * @param {Object} obj2 Second object. + * @return {Object} Returns combination of both objects. + */ +function merge(obj1, obj2) +{ + var result = {}, name; + + for (name in obj1) + result[name] = obj1[name]; + + for (name in obj2) + result[name] = obj2[name]; + + return result; +}; + +/** + * Attempts to convert string to boolean. + * @param {String} value Input string. + * @return {Boolean} Returns true if input was "true", false if input was "false" and value otherwise. + */ +function toBoolean(value) +{ + var result = { "true" : true, "false" : false }[value]; + return result == null ? value : result; +}; + +/** + * Opens up a centered popup window. + * @param {String} url URL to open in the window. + * @param {String} name Popup name. + * @param {int} width Popup width. + * @param {int} height Popup height. + * @param {String} options window.open() options. + * @return {Window} Returns window instance. + */ +function popup(url, name, width, height, options) +{ + var x = (screen.width - width) / 2, + y = (screen.height - height) / 2 + ; + + options += ', left=' + x + + ', top=' + y + + ', width=' + width + + ', height=' + height + ; + options = options.replace(/^,/, ''); + + var win = window.open(url, name, options); + win.focus(); + return win; +}; + +/** + * Adds event handler to the target object. + * @param {Object} obj Target object. + * @param {String} type Name of the event. + * @param {Function} func Handling function. + */ +function attachEvent(obj, type, func, scope) +{ + function handler(e) + { + e = e || window.event; + + if (!e.target) + { + e.target = e.srcElement; + e.preventDefault = function() + { + this.returnValue = false; + }; + } + + func.call(scope || window, e); + }; + + if (obj.attachEvent) + { + obj.attachEvent('on' + type, handler); + } + else + { + obj.addEventListener(type, handler, false); + } +}; + +/** + * Displays an alert. + * @param {String} str String to display. + */ +function alert(str) +{ + window.alert(sh.config.strings.alert + str); +}; + +/** + * Finds a brush by its alias. + * + * @param {String} alias Brush alias. + * @param {Boolean} showAlert Suppresses the alert if false. + * @return {Brush} Returns bursh constructor if found, null otherwise. + */ +function findBrush(alias, showAlert) +{ + var brushes = sh.vars.discoveredBrushes, + result = null + ; + + if (brushes == null) + { + brushes = {}; + + // Find all brushes + for (var brush in sh.brushes) + { + var info = sh.brushes[brush], + aliases = info.aliases + ; + + if (aliases == null) + continue; + + // keep the brush name + info.brushName = brush.toLowerCase(); + + for (var i = 0; i < aliases.length; i++) + brushes[aliases[i]] = brush; + } + + sh.vars.discoveredBrushes = brushes; + } + + result = sh.brushes[brushes[alias]]; + + if (result == null && showAlert) + alert(sh.config.strings.noBrush + alias); + + return result; +}; + +/** + * Executes a callback on each line and replaces each line with result from the callback. + * @param {Object} str Input string. + * @param {Object} callback Callback function taking one string argument and returning a string. + */ +function eachLine(str, callback) +{ + var lines = splitLines(str); + + for (var i = 0; i < lines.length; i++) + lines[i] = callback(lines[i], i); + + // include \r to enable copy-paste on windows (ie8) without getting everything on one line + return lines.join('\r\n'); +}; + +/** + * This is a special trim which only removes first and last empty lines + * and doesn't affect valid leading space on the first line. + * + * @param {String} str Input string + * @return {String} Returns string without empty first and last lines. + */ +function trimFirstAndLastLines(str) +{ + return str.replace(/^[ ]*[\n]+|[\n]*[ ]*$/g, ''); +}; + +/** + * Parses key/value pairs into hash object. + * + * Understands the following formats: + * - name: word; + * - name: [word, word]; + * - name: "string"; + * - name: 'string'; + * + * For example: + * name1: value; name2: [value, value]; name3: 'value' + * + * @param {String} str Input string. + * @return {Object} Returns deserialized object. + */ +function parseParams(str) +{ + var match, + result = {}, + arrayRegex = new XRegExp("^\\[(?<values>(.*?))\\]$"), + regex = new XRegExp( + "(?<name>[\\w-]+)" + + "\\s*:\\s*" + + "(?<value>" + + "[\\w-%#]+|" + // word + "\\[.*?\\]|" + // [] array + '".*?"|' + // "" string + "'.*?'" + // '' string + ")\\s*;?", + "g" + ) + ; + + while ((match = regex.exec(str)) != null) + { + var value = match.value + .replace(/^['"]|['"]$/g, '') // strip quotes from end of strings + ; + + // try to parse array value + if (value != null && arrayRegex.test(value)) + { + var m = arrayRegex.exec(value); + value = m.values.length > 0 ? m.values.split(/\s*,\s*/) : []; + } + + result[match.name] = value; + } + + return result; +}; + +/** + * Wraps each line of the string into <code/> tag with given style applied to it. + * + * @param {String} str Input string. + * @param {String} css Style name to apply to the string. + * @return {String} Returns input string with each line surrounded by <span/> tag. + */ +function wrapLinesWithCode(str, css) +{ + if (str == null || str.length == 0 || str == '\n') + return str; + + str = str.replace(/</g, '<'); + + // Replace two or more sequential spaces with leaving last space untouched. + str = str.replace(/ {2,}/g, function(m) + { + var spaces = ''; + + for (var i = 0; i < m.length - 1; i++) + spaces += sh.config.space; + + return spaces + ' '; + }); + + // Split each line and apply <span class="...">...</span> to them so that + // leading spaces aren't included. + if (css != null) + str = eachLine(str, function(line) + { + if (line.length == 0) + return ''; + + var spaces = ''; + + line = line.replace(/^( | )+/, function(s) + { + spaces = s; + return ''; + }); + + if (line.length == 0) + return spaces; + + return spaces + '<code class="' + css + '">' + line + '</code>'; + }); + + return str; +}; + +/** + * Pads number with zeros until it's length is the same as given length. + * + * @param {Number} number Number to pad. + * @param {Number} length Max string length with. + * @return {String} Returns a string padded with proper amount of '0'. + */ +function padNumber(number, length) +{ + var result = number.toString(); + + while (result.length < length) + result = '0' + result; + + return result; +}; + +/** + * Replaces tabs with spaces. + * + * @param {String} code Source code. + * @param {Number} tabSize Size of the tab. + * @return {String} Returns code with all tabs replaces by spaces. + */ +function processTabs(code, tabSize) +{ + var tab = ''; + + for (var i = 0; i < tabSize; i++) + tab += ' '; + + return code.replace(/\t/g, tab); +}; + +/** + * Replaces tabs with smart spaces. + * + * @param {String} code Code to fix the tabs in. + * @param {Number} tabSize Number of spaces in a column. + * @return {String} Returns code with all tabs replaces with roper amount of spaces. + */ +function processSmartTabs(code, tabSize) +{ + var lines = splitLines(code), + tab = '\t', + spaces = '' + ; + + // Create a string with 1000 spaces to copy spaces from... + // It's assumed that there would be no indentation longer than that. + for (var i = 0; i < 50; i++) + spaces += ' '; // 20 spaces * 50 + + // This function inserts specified amount of spaces in the string + // where a tab is while removing that given tab. + function insertSpaces(line, pos, count) + { + return line.substr(0, pos) + + spaces.substr(0, count) + + line.substr(pos + 1, line.length) // pos + 1 will get rid of the tab + ; + }; + + // Go through all the lines and do the 'smart tabs' magic. + code = eachLine(code, function(line) + { + if (line.indexOf(tab) == -1) + return line; + + var pos = 0; + + while ((pos = line.indexOf(tab)) != -1) + { + // This is pretty much all there is to the 'smart tabs' logic. + // Based on the position within the line and size of a tab, + // calculate the amount of spaces we need to insert. + var spaces = tabSize - pos % tabSize; + line = insertSpaces(line, pos, spaces); + } + + return line; + }); + + return code; +}; + +/** + * Performs various string fixes based on configuration. + */ +function fixInputString(str) +{ + var br = /<br\s*\/?>|<br\s*\/?>/gi; + + if (sh.config.bloggerMode == true) + str = str.replace(br, '\n'); + + if (sh.config.stripBrs == true) + str = str.replace(br, ''); + + return str; +}; + +/** + * Removes all white space at the begining and end of a string. + * + * @param {String} str String to trim. + * @return {String} Returns string without leading and following white space characters. + */ +function trim(str) +{ + return str.replace(/^\s+|\s+$/g, ''); +}; + +/** + * Unindents a block of text by the lowest common indent amount. + * @param {String} str Text to unindent. + * @return {String} Returns unindented text block. + */ +function unindent(str) +{ + var lines = splitLines(fixInputString(str)), + indents = new Array(), + regex = /^\s*/, + min = 1000 + ; + + // go through every line and check for common number of indents + for (var i = 0; i < lines.length && min > 0; i++) + { + var line = lines[i]; + + if (trim(line).length == 0) + continue; + + var matches = regex.exec(line); + + // In the event that just one line doesn't have leading white space + // we can't unindent anything, so bail completely. + if (matches == null) + return str; + + min = Math.min(matches[0].length, min); + } + + // trim minimum common number of white space from the begining of every line + if (min > 0) + for (var i = 0; i < lines.length; i++) + lines[i] = lines[i].substr(min); + + return lines.join('\n'); +}; + +/** + * Callback method for Array.sort() which sorts matches by + * index position and then by length. + * + * @param {Match} m1 Left object. + * @param {Match} m2 Right object. + * @return {Number} Returns -1, 0 or -1 as a comparison result. + */ +function matchesSortCallback(m1, m2) +{ + // sort matches by index first + if(m1.index < m2.index) + return -1; + else if(m1.index > m2.index) + return 1; + else + { + // if index is the same, sort by length + if(m1.length < m2.length) + return -1; + else if(m1.length > m2.length) + return 1; + } + + return 0; +}; + +/** + * Executes given regular expression on provided code and returns all + * matches that are found. + * + * @param {String} code Code to execute regular expression on. + * @param {Object} regex Regular expression item info from <code>regexList</code> collection. + * @return {Array} Returns a list of Match objects. + */ +function getMatches(code, regexInfo) +{ + function defaultAdd(match, regexInfo) + { + return match[0]; + }; + + var index = 0, + match = null, + matches = [], + func = regexInfo.func ? regexInfo.func : defaultAdd + ; + + while((match = regexInfo.regex.exec(code)) != null) + { + var resultMatch = func(match, regexInfo); + + if (typeof(resultMatch) == 'string') + resultMatch = [new sh.Match(resultMatch, match.index, regexInfo.css)]; + + matches = matches.concat(resultMatch); + } + + return matches; +}; + +/** + * Turns all URLs in the code into <a/> tags. + * @param {String} code Input code. + * @return {String} Returns code with </a> tags. + */ +function processUrls(code) +{ + var gt = /(.*)((>|<).*)/; + + return code.replace(sh.regexLib.url, function(m) + { + var suffix = '', + match = null + ; + + // We include < and > in the URL for the common cases like <http://google.com> + // The problem is that they get transformed into <http://google.com> + // Where as > easily looks like part of the URL string. + + if (match = gt.exec(m)) + { + m = match[1]; + suffix = match[2]; + } + + return '<a href="' + m + '">' + m + '</a>' + suffix; + }); +}; + +/** + * Finds all <SCRIPT TYPE="syntaxhighlighter" /> elementss. + * @return {Array} Returns array of all found SyntaxHighlighter tags. + */ +function getSyntaxHighlighterScriptTags() +{ + var tags = document.getElementsByTagName('script'), + result = [] + ; + + for (var i = 0; i < tags.length; i++) + if (tags[i].type == 'syntaxhighlighter') + result.push(tags[i]); + + return result; +}; + +/** + * Strips <![CDATA[]]> from <SCRIPT /> content because it should be used + * there in most cases for XHTML compliance. + * @param {String} original Input code. + * @return {String} Returns code without leading <![CDATA[]]> tags. + */ +function stripCData(original) +{ + var left = '<![CDATA[', + right = ']]>', + // for some reason IE inserts some leading blanks here + copy = trim(original), + changed = false, + leftLength = left.length, + rightLength = right.length + ; + + if (copy.indexOf(left) == 0) + { + copy = copy.substring(leftLength); + changed = true; + } + + var copyLength = copy.length; + + if (copy.indexOf(right) == copyLength - rightLength) + { + copy = copy.substring(0, copyLength - rightLength); + changed = true; + } + + return changed ? copy : original; +}; + + +/** + * Quick code mouse double click handler. + */ +function quickCodeHandler(e) +{ + var target = e.target, + highlighterDiv = findParentElement(target, '.syntaxhighlighter'), + container = findParentElement(target, '.container'), + textarea = document.createElement('textarea'), + highlighter + ; + + if (!container || !highlighterDiv || findElement(container, 'textarea')) + return; + + highlighter = getHighlighterById(highlighterDiv.id); + + // add source class name + addClass(highlighterDiv, 'source'); + + // Have to go over each line and grab it's text, can't just do it on the + // container because Firefox loses all \n where as Webkit doesn't. + var lines = container.childNodes, + code = [] + ; + + for (var i = 0; i < lines.length; i++) + code.push(lines[i].innerText || lines[i].textContent); + + // using \r instead of \r or \r\n makes this work equally well on IE, FF and Webkit + code = code.join('\r'); + + // For Webkit browsers, replace nbsp with a breaking space + code = code.replace(/\u00a0/g, " "); + + // inject <textarea/> tag + textarea.appendChild(document.createTextNode(code)); + container.appendChild(textarea); + + // preselect all text + textarea.focus(); + textarea.select(); + + // set up handler for lost focus + attachEvent(textarea, 'blur', function(e) + { + textarea.parentNode.removeChild(textarea); + removeClass(highlighterDiv, 'source'); + }); +}; + +/** + * Match object. + */ +sh.Match = function(value, index, css) +{ + this.value = value; + this.index = index; + this.length = value.length; + this.css = css; + this.brushName = null; +}; + +sh.Match.prototype.toString = function() +{ + return this.value; +}; + +/** + * Simulates HTML code with a scripting language embedded. + * + * @param {String} scriptBrushName Brush name of the scripting language. + */ +sh.HtmlScript = function(scriptBrushName) +{ + var brushClass = findBrush(scriptBrushName), + scriptBrush, + xmlBrush = new sh.brushes.Xml(), + bracketsRegex = null, + ref = this, + methodsToExpose = 'getDiv getHtml init'.split(' ') + ; + + if (brushClass == null) + return; + + scriptBrush = new brushClass(); + + for(var i = 0; i < methodsToExpose.length; i++) + // make a closure so we don't lose the name after i changes + (function() { + var name = methodsToExpose[i]; + + ref[name] = function() + { + return xmlBrush[name].apply(xmlBrush, arguments); + }; + })(); + + if (scriptBrush.htmlScript == null) + { + alert(sh.config.strings.brushNotHtmlScript + scriptBrushName); + return; + } + + xmlBrush.regexList.push( + { regex: scriptBrush.htmlScript.code, func: process } + ); + + function offsetMatches(matches, offset) + { + for (var j = 0; j < matches.length; j++) + matches[j].index += offset; + } + + function process(match, info) + { + var code = match.code, + matches = [], + regexList = scriptBrush.regexList, + offset = match.index + match.left.length, + htmlScript = scriptBrush.htmlScript, + result + ; + + // add all matches from the code + for (var i = 0; i < regexList.length; i++) + { + result = getMatches(code, regexList[i]); + offsetMatches(result, offset); + matches = matches.concat(result); + } + + // add left script bracket + if (htmlScript.left != null && match.left != null) + { + result = getMatches(match.left, htmlScript.left); + offsetMatches(result, match.index); + matches = matches.concat(result); + } + + // add right script bracket + if (htmlScript.right != null && match.right != null) + { + result = getMatches(match.right, htmlScript.right); + offsetMatches(result, match.index + match[0].lastIndexOf(match.right)); + matches = matches.concat(result); + } + + for (var j = 0; j < matches.length; j++) + matches[j].brushName = brushClass.brushName; + + return matches; + } +}; + +/** + * Main Highlither class. + * @constructor + */ +sh.Highlighter = function() +{ + // not putting any code in here because of the prototype inheritance +}; + +sh.Highlighter.prototype = { + /** + * Returns value of the parameter passed to the highlighter. + * @param {String} name Name of the parameter. + * @param {Object} defaultValue Default value. + * @return {Object} Returns found value or default value otherwise. + */ + getParam: function(name, defaultValue) + { + var result = this.params[name]; + return toBoolean(result == null ? defaultValue : result); + }, + + /** + * Shortcut to document.createElement(). + * @param {String} name Name of the element to create (DIV, A, etc). + * @return {HTMLElement} Returns new HTML element. + */ + create: function(name) + { + return document.createElement(name); + }, + + /** + * Applies all regular expression to the code and stores all found + * matches in the `this.matches` array. + * @param {Array} regexList List of regular expressions. + * @param {String} code Source code. + * @return {Array} Returns list of matches. + */ + findMatches: function(regexList, code) + { + var result = []; + + if (regexList != null) + for (var i = 0; i < regexList.length; i++) + // BUG: length returns len+1 for array if methods added to prototype chain (oising@gmail.com) + if (typeof (regexList[i]) == "object") + result = result.concat(getMatches(code, regexList[i])); + + // sort and remove nested the matches + return this.removeNestedMatches(result.sort(matchesSortCallback)); + }, + + /** + * Checks to see if any of the matches are inside of other matches. + * This process would get rid of highligted strings inside comments, + * keywords inside strings and so on. + */ + removeNestedMatches: function(matches) + { + // Optimized by Jose Prado (http://joseprado.com) + for (var i = 0; i < matches.length; i++) + { + if (matches[i] === null) + continue; + + var itemI = matches[i], + itemIEndPos = itemI.index + itemI.length + ; + + for (var j = i + 1; j < matches.length && matches[i] !== null; j++) + { + var itemJ = matches[j]; + + if (itemJ === null) + continue; + else if (itemJ.index > itemIEndPos) + break; + else if (itemJ.index == itemI.index && itemJ.length > itemI.length) + matches[i] = null; + else if (itemJ.index >= itemI.index && itemJ.index < itemIEndPos) + matches[j] = null; + } + } + + return matches; + }, + + /** + * Creates an array containing integer line numbers starting from the 'first-line' param. + * @return {Array} Returns array of integers. + */ + figureOutLineNumbers: function(code) + { + var lines = [], + firstLine = parseInt(this.getParam('first-line')) + ; + + eachLine(code, function(line, index) + { + lines.push(index + firstLine); + }); + + return lines; + }, + + /** + * Determines if specified line number is in the highlighted list. + */ + isLineHighlighted: function(lineNumber) + { + var list = this.getParam('highlight', []); + + if (typeof(list) != 'object' && list.push == null) + list = [ list ]; + + return indexOf(list, lineNumber.toString()) != -1; + }, + + /** + * Generates HTML markup for a single line of code while determining alternating line style. + * @param {Integer} lineNumber Line number. + * @param {String} code Line HTML markup. + * @return {String} Returns HTML markup. + */ + getLineHtml: function(lineIndex, lineNumber, code) + { + var classes = [ + 'line', + 'number' + lineNumber, + 'index' + lineIndex, + 'alt' + (lineNumber % 2 == 0 ? 1 : 2).toString() + ]; + + if (this.isLineHighlighted(lineNumber)) + classes.push('highlighted'); + + if (lineNumber == 0) + classes.push('break'); + + return '<div class="' + classes.join(' ') + '">' + code + '</div>'; + }, + + /** + * Generates HTML markup for line number column. + * @param {String} code Complete code HTML markup. + * @param {Array} lineNumbers Calculated line numbers. + * @return {String} Returns HTML markup. + */ + getLineNumbersHtml: function(code, lineNumbers) + { + var html = '', + count = splitLines(code).length, + firstLine = parseInt(this.getParam('first-line')), + pad = this.getParam('pad-line-numbers') + ; + + if (pad == true) + pad = (firstLine + count - 1).toString().length; + else if (isNaN(pad) == true) + pad = 0; + + for (var i = 0; i < count; i++) + { + var lineNumber = lineNumbers ? lineNumbers[i] : firstLine + i, + code = lineNumber == 0 ? sh.config.space : padNumber(lineNumber, pad) + ; + + html += this.getLineHtml(i, lineNumber, code); + } + + return html; + }, + + /** + * Splits block of text into individual DIV lines. + * @param {String} code Code to highlight. + * @param {Array} lineNumbers Calculated line numbers. + * @return {String} Returns highlighted code in HTML form. + */ + getCodeLinesHtml: function(html, lineNumbers) + { + html = trim(html); + + var lines = splitLines(html), + padLength = this.getParam('pad-line-numbers'), + firstLine = parseInt(this.getParam('first-line')), + html = '', + brushName = this.getParam('brush') + ; + + for (var i = 0; i < lines.length; i++) + { + var line = lines[i], + indent = /^( |\s)+/.exec(line), + spaces = null, + lineNumber = lineNumbers ? lineNumbers[i] : firstLine + i; + ; + + if (indent != null) + { + spaces = indent[0].toString(); + line = line.substr(spaces.length); + spaces = spaces.replace(' ', sh.config.space); + } + + line = trim(line); + + if (line.length == 0) + line = sh.config.space; + + html += this.getLineHtml( + i, + lineNumber, + (spaces != null ? '<code class="' + brushName + ' spaces">' + spaces + '</code>' : '') + line + ); + } + + return html; + }, + + /** + * Returns HTML for the table title or empty string if title is null. + */ + getTitleHtml: function(title) + { + return title ? '<caption>' + title + '</caption>' : ''; + }, + + /** + * Finds all matches in the source code. + * @param {String} code Source code to process matches in. + * @param {Array} matches Discovered regex matches. + * @return {String} Returns formatted HTML with processed mathes. + */ + getMatchesHtml: function(code, matches) + { + var pos = 0, + result = '', + brushName = this.getParam('brush', '') + ; + + function getBrushNameCss(match) + { + var result = match ? (match.brushName || brushName) : brushName; + return result ? result + ' ' : ''; + }; + + // Finally, go through the final list of matches and pull the all + // together adding everything in between that isn't a match. + for (var i = 0; i < matches.length; i++) + { + var match = matches[i], + matchBrushName + ; + + if (match === null || match.length === 0) + continue; + + matchBrushName = getBrushNameCss(match); + + result += wrapLinesWithCode(code.substr(pos, match.index - pos), matchBrushName + 'plain') + + wrapLinesWithCode(match.value, matchBrushName + match.css) + ; + + pos = match.index + match.length + (match.offset || 0); + } + + // don't forget to add whatever's remaining in the string + result += wrapLinesWithCode(code.substr(pos), getBrushNameCss() + 'plain'); + + return result; + }, + + /** + * Generates HTML markup for the whole syntax highlighter. + * @param {String} code Source code. + * @return {String} Returns HTML markup. + */ + getHtml: function(code) + { + var html = '', + classes = [ 'syntaxhighlighter' ], + tabSize, + matches, + lineNumbers + ; + + // process light mode + if (this.getParam('light') == true) + this.params.toolbar = this.params.gutter = false; + + className = 'syntaxhighlighter'; + + if (this.getParam('collapse') == true) + classes.push('collapsed'); + + if ((gutter = this.getParam('gutter')) == false) + classes.push('nogutter'); + + // add custom user style name + classes.push(this.getParam('class-name')); + + // add brush alias to the class name for custom CSS + classes.push(this.getParam('brush')); + + code = trimFirstAndLastLines(code) + .replace(/\r/g, ' ') // IE lets these buggers through + ; + + tabSize = this.getParam('tab-size'); + + // replace tabs with spaces + code = this.getParam('smart-tabs') == true + ? processSmartTabs(code, tabSize) + : processTabs(code, tabSize) + ; + + // unindent code by the common indentation + if (this.getParam('unindent')) + code = unindent(code); + + if (gutter) + lineNumbers = this.figureOutLineNumbers(code); + + // find matches in the code using brushes regex list + matches = this.findMatches(this.regexList, code); + // processes found matches into the html + html = this.getMatchesHtml(code, matches); + // finally, split all lines so that they wrap well + html = this.getCodeLinesHtml(html, lineNumbers); + + // finally, process the links + if (this.getParam('auto-links')) + html = processUrls(html); + + if (typeof(navigator) != 'undefined' && navigator.userAgent && navigator.userAgent.match(/MSIE/)) + classes.push('ie'); + + html = + '<div id="' + getHighlighterId(this.id) + '" class="' + classes.join(' ') + '">' + + (this.getParam('toolbar') ? sh.toolbar.getHtml(this) : '') + + '<table border="0" cellpadding="0" cellspacing="0">' + + this.getTitleHtml(this.getParam('title')) + + '<tbody>' + + '<tr>' + + (gutter ? '<td class="gutter">' + this.getLineNumbersHtml(code) + '</td>' : '') + + '<td class="code">' + + '<div class="container">' + + html + + '</div>' + + '</td>' + + '</tr>' + + '</tbody>' + + '</table>' + + '</div>' + ; + + return html; + }, + + /** + * Highlights the code and returns complete HTML. + * @param {String} code Code to highlight. + * @return {Element} Returns container DIV element with all markup. + */ + getDiv: function(code) + { + if (code === null) + code = ''; + + this.code = code; + + var div = this.create('div'); + + // create main HTML + div.innerHTML = this.getHtml(code); + + // set up click handlers + if (this.getParam('toolbar')) + attachEvent(findElement(div, '.toolbar'), 'click', sh.toolbar.handler); + + if (this.getParam('quick-code')) + attachEvent(findElement(div, '.code'), 'dblclick', quickCodeHandler); + + return div; + }, + + /** + * Initializes the highlighter/brush. + * + * Constructor isn't used for initialization so that nothing executes during necessary + * `new SyntaxHighlighter.Highlighter()` call when setting up brush inheritence. + * + * @param {Hash} params Highlighter parameters. + */ + init: function(params) + { + this.id = guid(); + + // register this instance in the highlighters list + storeHighlighter(this); + + // local params take precedence over defaults + this.params = merge(sh.defaults, params || {}) + + // process light mode + if (this.getParam('light') == true) + this.params.toolbar = this.params.gutter = false; + }, + + /** + * Converts space separated list of keywords into a regular expression string. + * @param {String} str Space separated keywords. + * @return {String} Returns regular expression string. + */ + getKeywords: function(str) + { + str = str + .replace(/^\s+|\s+$/g, '') + .replace(/\s+/g, '|') + ; + + return '\\b(?:' + str + ')\\b'; + }, + + /** + * Makes a brush compatible with the `html-script` functionality. + * @param {Object} regexGroup Object containing `left` and `right` regular expressions. + */ + forHtmlScript: function(regexGroup) + { + var regex = { 'end' : regexGroup.right.source }; + + if(regexGroup.eof) + regex.end = "(?:(?:" + regex.end + ")|$)"; + + this.htmlScript = { + left : { regex: regexGroup.left, css: 'script' }, + right : { regex: regexGroup.right, css: 'script' }, + code : new XRegExp( + "(?<left>" + regexGroup.left.source + ")" + + "(?<code>.*?)" + + "(?<right>" + regex.end + ")", + "sgi" + ) + }; + } +}; // end of Highlighter + +return sh; +}(); // end of anonymous function + +// CommonJS +typeof(exports) != 'undefined' ? exports.SyntaxHighlighter = SyntaxHighlighter : null;/** + * SyntaxHighlighter + * http://alexgorbatchev.com/SyntaxHighlighter + * + * SyntaxHighlighter is donationware. If you are using it, please donate. + * http://alexgorbatchev.com/SyntaxHighlighter/donate.html + * + * @version + * 3.0.83 (July 02 2010) + * + * @copyright + * Copyright (C) 2004-2010 Alex Gorbatchev. + * + * @license + * Dual licensed under the MIT and GPL licenses. + */ +;(function() +{ + // CommonJS + typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null; + + function Brush() + { + var keywords = 'break case catch continue ' + + 'default delete do else false ' + + 'for function if in instanceof ' + + 'new null return super switch ' + + 'this throw true try typeof var while with' + ; + + var datatablesAPI = + 'fnSettings fnDraw fnFilter fnSort fnAddData fnDeleteRow fnClearTable fnGetData '+ + 'fnGetPosition fnGetNodes fnOpen fnClose fnUpdate fnSetColumnVis fnVersionCheck '+ + 'fnPageChange fnSortListener fnDestroy fnAdjustColumnSizing'; + + var r = SyntaxHighlighter.regexLib; + + this.regexList = [ + { regex: r.multiLineDoubleQuotedString, css: 'string' }, // double quoted strings + { regex: r.multiLineSingleQuotedString, css: 'string' }, // single quoted strings + { regex: r.singleLineCComments, css: 'comments' }, // one line comments + { regex: r.multiLineCComments, css: 'comments' }, // multiline comments + { regex: /\s*#.*/gm, css: 'preprocessor' }, // preprocessor tags like #region and #endregion + { regex: new RegExp(this.getKeywords(keywords), 'gm'), css: 'keyword' }, // keywords + { regex: new RegExp(this.getKeywords(datatablesAPI), 'gm'), css: 'dtapi' } // DataTables API methods + ]; + + this.forHtmlScript(r.scriptScriptTags); + }; + + Brush.prototype = new SyntaxHighlighter.Highlighter(); + Brush.aliases = ['js', 'jscript', 'javascript']; + + SyntaxHighlighter.brushes.JScript = Brush; + + // CommonJS + typeof(exports) != 'undefined' ? exports.Brush = Brush : null; +})(); + +/* + http://www.JSON.org/json2.js + 2011-02-23 + Public Domain. +*/ +var JSON;JSON||(JSON={}); +(function(){function k(a){return a<10?"0"+a:a}function o(a){p.lastIndex=0;return p.test(a)?'"'+a.replace(p,function(a){var c=r[a];return typeof c==="string"?c:"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+a+'"'}function l(a,j){var c,d,h,m,g=e,f,b=j[a];b&&typeof b==="object"&&typeof b.toJSON==="function"&&(b=b.toJSON(a));typeof i==="function"&&(b=i.call(j,a,b));switch(typeof b){case "string":return o(b);case "number":return isFinite(b)?String(b):"null";case "boolean":case "null":return String(b);case "object":if(!b)return"null"; +e+=n;f=[];if(Object.prototype.toString.apply(b)==="[object Array]"){m=b.length;for(c=0;c<m;c+=1)f[c]=l(c,b)||"null";h=f.length===0?"[]":e?"[\n"+e+f.join(",\n"+e)+"\n"+g+"]":"["+f.join(",")+"]";e=g;return h}if(i&&typeof i==="object"){m=i.length;for(c=0;c<m;c+=1)typeof i[c]==="string"&&(d=i[c],(h=l(d,b))&&f.push(o(d)+(e?": ":":")+h))}else for(d in b)Object.prototype.hasOwnProperty.call(b,d)&&(h=l(d,b))&&f.push(o(d)+(e?": ":":")+h);h=f.length===0?"{}":e?"{\n"+e+f.join(",\n"+e)+"\n"+g+"}":"{"+f.join(",")+ +"}";e=g;return h}}if(typeof Date.prototype.toJSON!=="function")Date.prototype.toJSON=function(){return isFinite(this.valueOf())?this.getUTCFullYear()+"-"+k(this.getUTCMonth()+1)+"-"+k(this.getUTCDate())+"T"+k(this.getUTCHours())+":"+k(this.getUTCMinutes())+":"+k(this.getUTCSeconds())+"Z":null},String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(){return this.valueOf()};var q=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, +p=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,e,n,r={"\u0008":"\\b","\t":"\\t","\n":"\\n","\u000c":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},i;if(typeof JSON.stringify!=="function")JSON.stringify=function(a,j,c){var d;n=e="";if(typeof c==="number")for(d=0;d<c;d+=1)n+=" ";else typeof c==="string"&&(n=c);if((i=j)&&typeof j!=="function"&&(typeof j!=="object"||typeof j.length!=="number"))throw Error("JSON.stringify");return l("", +{"":a})};if(typeof JSON.parse!=="function")JSON.parse=function(a,e){function c(a,d){var g,f,b=a[d];if(b&&typeof b==="object")for(g in b)Object.prototype.hasOwnProperty.call(b,g)&&(f=c(b,g),f!==void 0?b[g]=f:delete b[g]);return e.call(a,d,b)}var d,a=String(a);q.lastIndex=0;q.test(a)&&(a=a.replace(q,function(a){return"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)}));if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, +"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return d=eval("("+a+")"),typeof e==="function"?c({"":d},""):d;throw new SyntaxError("JSON.parse");}})(); + + +/* Self initialise */ +SyntaxHighlighter.all(); + +$(window).load( function() { +var dtOptions = [ +'fnSettings', +'fnDraw', +'fnFilter', +'fnSort', +'fnAddData', +'fnDeleteRow', +'fnClearTable', +'fnGetData', +'fnGetPosition', +'fnGetNodes', +'fnOpen', +'fnClose', +'fnUpdate', +'fnSetColumnVis', +'fnVersionCheck', +'fnPageChange', +'fnSortListener', +'fnDestroy', +'fnAdjustColumnSizing', +'bPaginate', +'bLengthChange', +'bFilter', +'bSort', +'bInfo', +'bProcessing', +'bAutoWidth', +'bSortClasses', +'bStateSave', +'fnRowCallback', +'fnDrawCallback', +'fnHeaderCallback', +'fnFooterCallback', +'fnInitComplete', +'fnServerParams', +'iDisplayLength', +'aaSorting', +'sPaginationType', +'sDom', +'sAjaxSource', +'iCookieDuration', +'asStripClasses', +'bVisible', +'bSearchable', +'bSortable', +'sTitle', +'sWidth', +'sClass', +'fnRender', +'sType', +'iDataSort', +'bUseRendered', +'bServerSide', +'sAjaxSource', +'fnServerData', +'aaSortingFixed', +'oSearch', +'aoSearchCols', +'sName', +'bJQueryUI', +'iDisplayStart', +'asSorting', +'sSortDataType', +'fnServerData', +'sScrollX', +'sScrollY', +'bScrollCollapse', +'sScrollXInner', +'sCookiePrefix', +'aLengthMenu', +'fnFormatNumber', +'bRetrieve', +'bDestroy', +'aTargets', +'fnCookieCallback', +'fnInfoCallback', +'bScrollInfinite', +'iScrollLoadGap', +'fnStateLoadCallback', +'fnStateSaveCallback', +'bDeferRender', +'mDataProp', +'iDeferLoading', +'bSortCellsTop', +'sDefaultContent', +'fnPreDrawCallback', +'sAjaxDataProp', +'aaData', +'sLoadingRecords', +'sProcessing', +'sLengthMenu', +'sZeroRecords', +'sInfo', +'sInfoEmpty', +'sInfoFiltered', +'sInfoPostFix', +'sSearch', +'sUrl', +'sFirst', +'sPrevious', +'sNext', +'sLast', +'sEmptyTable', +'sInfoThousands', +'oLanguage', +'oPaginate' +]; + +var dtLinks = [ +'fnSettings', +'fnDraw', +'fnFilter', +'fnSort', +'fnAddData', +'fnDeleteRow', +'fnClearTable', +'fnGetData', +'fnGetPosition', +'fnGetNodes', +'fnOpen', +'fnClose', +'fnUpdate', +'fnSetColumnVis', +'fnVersionCheck', +'fnPageChange', +'fnSortListener', +'fnDestroy', +'fnAdjustColumnSizing', +'bPaginate', +'bLengthChange', +'bFilter', +'bSort', +'bInfo', +'bProcessing', +'bAutoWidth', +'bSortClasses', +'bStateSave', +'fnRowCallback', +'fnDrawCallback', +'fnHeaderCallback', +'fnFooterCallback', +'fnInitComplete', +'fnServerParams', +'iDisplayLength', +'aaSorting', +'sPaginationType', +'sDom', +'sAjaxSource', +'iCookieDuration', +'asStripClasses', +'bVisible', +'bSearchable', +'bSortable', +'sTitle', +'sWidth', +'sClass', +'fnRender', +'sType', +'iDataSort', +'bUseRendered', +'bServerSide', +'sAjaxSource', +'fnServerData', +'aaSortingFixed', +'oSearch', +'aoSearchCols', +'sName', +'bJQueryUI', +'iDisplayStart', +'asSorting', +'sSortDataType', +'fnServerData', +'sScrollX', +'sScrollY', +'bScrollCollapse', +'sScrollXInner', +'sCookiePrefix', +'aLengthMenu', +'fnFormatNumber', +'bRetrieve', +'bDestroy', +'aTargets', +'fnCookieCallback', +'fnInfoCallback', +'bScrollInfinite', +'iScrollLoadGap', +'fnStateLoadCallback', +'fnStateSaveCallback', +'bDeferRender', +'mDataProp', +'iDeferLoading', +'bSortCellsTop', +'sDefaultContent', +'fnPreDrawCallback', +'sAjaxDataProp', +'aaData', +'oLanguage.sLoadingRecords', +'oLanguage.sProcessing', +'oLanguage.sLengthMenu', +'oLanguage.sZeroRecords', +'oLanguage.sInfo', +'oLanguage.sInfoEmpty', +'oLanguage.sInfoFiltered', +'oLanguage.sInfoPostFix', +'oLanguage.sSearch', +'oLanguage.sUrl', +'oLanguage.oPaginate.sFirst', +'oLanguage.oPaginate.sPrevious', +'oLanguage.oPaginate.sNext', +'oLanguage.oPaginate.sLast', +'oLanguage.sEmptyTable', +'oLanguage.sInfoThousands', +'oLanguage', +'oPaginate' +]; + + /* Add a class to all the strings which are DataTables init options or API methods */ + var dtList = '"'+ dtOptions.join( '" "' ) +'"'; + $('code.string').each( function () { + if ( dtList.indexOf( this.innerHTML ) !== -1 ) { + $(this).addClass( 'datatables_ref' ); + } + } ); + + $('code.dtapi').each( function () { + if ( dtList.indexOf( this.innerHTML ) !== -1 ) { + $(this).addClass( 'datatables_ref' ); + } + } ); + + /* Click handler to redirect to the documentation */ + $('code.datatables_ref').live('click', function () { + var i = $.inArray( this.innerHTML.replace(/"/g,''), dtOptions ); + if ( i !== -1 ) { + window.location.href = "http://datatables.net/ref#"+dtLinks[i]; + } + } ); +} ); + +/* Show and syntax highlight XHR returns from the server */ +$(document).ready( function () { + if ( $.fn.dataTableSettings.length >= 1 ) { + $('#example').dataTable().bind('xhr', function ( e, oSettings ) { + var n = document.getElementById('latest_xhr'); + n.innerHTML = JSON.stringify( + JSON.parse(oSettings.jqXHR.responseText), null, 2 + ); + n.className = "brush: js;" + SyntaxHighlighter.highlight({}, n); + } ); + } +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/license/Syntax Highlighter b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/license/Syntax Highlighter new file mode 100644 index 0000000000000000000000000000000000000000..e7c70ba14a4a2ba8771dcf6dcd9fb460d6a0352c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/syntax/license/Syntax Highlighter @@ -0,0 +1,20 @@ +Copyright (c) 2003, 2004 Jim Weirich + +Permission is hereby granted, free of charge, to any person obtaining +a copy of this software and associated documentation files (the +"Software"), to deal in the Software without restriction, including +without limitation the rights to use, copy, modify, merge, publish, +distribute, sublicense, and/or sell copies of the Software, and to +permit persons to whom the Software is furnished to do so, subject to +the following conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png new file mode 100755 index 0000000000000000000000000000000000000000..5b5dab2ab7b1c50dea9cfe73dc5a269a92d2d4b4 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png new file mode 100755 index 0000000000000000000000000000000000000000..ac8b229af950c29356abf64a6c4aa894575445f0 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png new file mode 100755 index 0000000000000000000000000000000000000000..ad3d6346e00f246102f72f2e026ed0491988b394 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png new file mode 100755 index 0000000000000000000000000000000000000000..42ccba269b6e91bef12ad0fa18be651b5ef0ee68 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png new file mode 100755 index 0000000000000000000000000000000000000000..5a46b47cb16631068aee9e0bd61269fc4e95e5cd Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png new file mode 100755 index 0000000000000000000000000000000000000000..86c2baa655eac8539db34f8d9adb69ec1226201c Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png new file mode 100755 index 0000000000000000000000000000000000000000..4443fdc1a156babad4336f004eaf5ca5dfa0f9ab Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png new file mode 100755 index 0000000000000000000000000000000000000000..7c9fa6c6edcfcdd3e5b77e6f547b719e6fc66e30 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_222222_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_222222_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..ee039dc096a38a3753f92519546eee94bcfbeffa Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_222222_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_2e83ff_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_2e83ff_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..45e8928e5284adacea3f9ec07b9b50667d2ac65f Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_2e83ff_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_454545_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_454545_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..7ec70d11bfb2f77374dfd00ef61ba0c3647b5a0c Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_454545_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_888888_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_888888_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..5ba708c39172a69e069136bd1309c4322c61f571 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_888888_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_cd0a0a_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_cd0a0a_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..7930a558099bc8d92b4264eb67a0f040460f4a4f Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/images/ui-icons_cd0a0a_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css new file mode 100755 index 0000000000000000000000000000000000000000..0cb22be829bb61c3f0f73898453e0a743da12338 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css @@ -0,0 +1,572 @@ +/* + * jQuery UI CSS Framework @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } +.ui-helper-clearfix { display: inline-block; } +/* required comment for clearfix to work in Opera \*/ +* html .ui-helper-clearfix { height:1%; } +.ui-helper-clearfix { display:block; } +/* end clearfix */ +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + + +/* + * jQuery UI CSS Framework @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + * + * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px + */ + + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } +.ui-widget .ui-widget { font-size: 1em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } +.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } +.ui-widget-content a { color: #222222; } +.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } +.ui-widget-header a { color: #222222; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } +.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } +.ui-widget :active { outline: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } +.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } +.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } +.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } +.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } +.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } +.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } +.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } +.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } +.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } +.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } +.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } +.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } +.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } + +/* Overlays */ +.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } +.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* + * jQuery UI Resizable @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Resizable#theming + */ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* + * jQuery UI Selectable @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Selectable#theming + */ +.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } +/* + * jQuery UI Accordion @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Accordion#theming + */ +/* IE/Win - Fix animation bug - #4615 */ +.ui-accordion { width: 100%; } +.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } +.ui-accordion .ui-accordion-li-fix { display: inline; } +.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } +.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } +.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } +.ui-accordion .ui-accordion-content-active { display: block; }/* + * jQuery UI Autocomplete @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Autocomplete#theming + */ +.ui-autocomplete { position: absolute; cursor: default; } + +/* workarounds */ +* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ + +/* + * jQuery UI Menu @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Menu#theming + */ +.ui-menu { + list-style:none; + padding: 2px; + margin: 0; + display:block; + float: left; +} +.ui-menu .ui-menu { + margin-top: -3px; +} +.ui-menu .ui-menu-item { + margin:0; + padding: 0; + zoom: 1; + float: left; + clear: left; + width: 100%; +} +.ui-menu .ui-menu-item a { + text-decoration:none; + display:block; + padding:.2em .4em; + line-height:1.5; + zoom:1; +} +.ui-menu .ui-menu-item a.ui-state-hover, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} +/* + * jQuery UI Button @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Button#theming + */ +.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ +.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ +button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ +.ui-button-icons-only { width: 3.4em; } +button.ui-button-icons-only { width: 3.7em; } + +/*button text element */ +.ui-button .ui-button-text { display: block; line-height: 1.4; } +.ui-button-text-only .ui-button-text { padding: .4em 1em; } +.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } +.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } +.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } +.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } +/* no icon support for input elements, provide padding by default */ +input.ui-button { padding: .4em 1em; } + +/*button icon element(s) */ +.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } +.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } +.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } +.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } +.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } + +/*button sets*/ +.ui-buttonset { margin-right: 7px; } +.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } + +/* workarounds */ +button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ +/* + * jQuery UI Dialog @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Dialog#theming + */ +.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } +.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } +.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } +.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } +.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } +.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } +.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } +.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } +.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } +.ui-draggable .ui-dialog-titlebar { cursor: move; } +/* + * jQuery UI Slider @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Slider#theming + */ +.ui-slider { position: relative; text-align: left; } +.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } +.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } + +.ui-slider-horizontal { height: .8em; } +.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } +.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } +.ui-slider-horizontal .ui-slider-range-min { left: 0; } +.ui-slider-horizontal .ui-slider-range-max { right: 0; } + +.ui-slider-vertical { width: .8em; height: 100px; } +.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } +.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } +.ui-slider-vertical .ui-slider-range-min { bottom: 0; } +.ui-slider-vertical .ui-slider-range-max { top: 0; }/* + * jQuery UI Tabs @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Tabs#theming + */ +.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ +.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } +.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } +.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } +.ui-tabs .ui-tabs-hide { display: none !important; } +/* + * jQuery UI Datepicker @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Datepicker#theming + */ +.ui-datepicker { width: 17em; padding: .2em .2em 0; } +.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } +.ui-datepicker .ui-datepicker-prev { left:2px; } +.ui-datepicker .ui-datepicker-next { right:2px; } +.ui-datepicker .ui-datepicker-prev-hover { left:1px; } +.ui-datepicker .ui-datepicker-next-hover { right:1px; } +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } +.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } +.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%;} +.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } +.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } +.ui-datepicker td { border: 0; padding: 1px; } +.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { width:auto; } +.ui-datepicker-multi .ui-datepicker-group { float:left; } +.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } +.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } +.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } +.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } +.ui-datepicker-row-break { clear:both; width:100%; } + +/* RTL support */ +.ui-datepicker-rtl { direction: rtl; } +.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } +.ui-datepicker-rtl .ui-datepicker-group { float:right; } +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } + +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ +.ui-datepicker-cover { + display: none; /*sorry for IE5*/ + display/**/: block; /*sorry for IE5*/ + position: absolute; /*must have*/ + z-index: -1; /*must have*/ + filter: mask(); /*must have*/ + top: -4px; /*must have*/ + left: -4px; /*must have*/ + width: 200px; /*must have*/ + height: 200px; /*must have*/ +}/* + * jQuery UI Progressbar @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Progressbar#theming + */ +.ui-progressbar { height:2em; text-align: left; } +.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png new file mode 100755 index 0000000000000000000000000000000000000000..954e22dbd99e8c6dd7091335599abf2d10bf8003 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png new file mode 100755 index 0000000000000000000000000000000000000000..64ece5707d91a6edf9fad4bfcce0c4dbcafcf58d Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png new file mode 100755 index 0000000000000000000000000000000000000000..abdc01082bf3534eafecc5819d28c9574d44ea89 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png new file mode 100755 index 0000000000000000000000000000000000000000..9b383f4d2eab09c0f2a739d6b232c32934bc620b Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png new file mode 100755 index 0000000000000000000000000000000000000000..a23baad25b1d1ff36e17361eab24271f2e9b7326 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png new file mode 100755 index 0000000000000000000000000000000000000000..42ccba269b6e91bef12ad0fa18be651b5ef0ee68 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png new file mode 100755 index 0000000000000000000000000000000000000000..39d5824d6af5456f1e89fc7847ea3599ea5fd815 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png new file mode 100755 index 0000000000000000000000000000000000000000..f1273672d253263b7564e9e21d69d7d9d0b337d9 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png new file mode 100755 index 0000000000000000000000000000000000000000..32f86222ac7efd4e1b1f3dbafeb3d5783d8de13c Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_222222_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_222222_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..ee039dc096a38a3753f92519546eee94bcfbeffa Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_222222_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_228ef1_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_228ef1_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..10e3631dcab364a0a1ab81862d678fd032908dd7 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_228ef1_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..35bb8efa9c87eed9615e64354e12d3578c604823 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_ffd27a_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_ffd27a_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..baebb63e3fc8fbba697afca858abb3f55bd0f08e Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_ffd27a_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_ffffff_256x240.png b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_ffffff_256x240.png new file mode 100755 index 0000000000000000000000000000000000000000..bef5178a9054c16582876bac57017f783272e750 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/images/ui-icons_ffffff_256x240.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/jquery-ui-1.8.4.custom.css b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/jquery-ui-1.8.4.custom.css new file mode 100755 index 0000000000000000000000000000000000000000..11ede670400e5258f925ce81a46a69916eed2f0f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/examples_support/themes/ui-lightness/jquery-ui-1.8.4.custom.css @@ -0,0 +1,572 @@ +/* + * jQuery UI CSS Framework @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } +.ui-helper-clearfix { display: inline-block; } +/* required comment for clearfix to work in Opera \*/ +* html .ui-helper-clearfix { height:1%; } +.ui-helper-clearfix { display:block; } +/* end clearfix */ +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + + +/* + * jQuery UI CSS Framework @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + * + * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px + */ + + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } +.ui-widget .ui-widget { font-size: 1em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } +.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } +.ui-widget-content a { color: #333333; } +.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } +.ui-widget-header a { color: #ffffff; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } +.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } +.ui-widget :active { outline: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } +.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } +.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } +.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } +.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } +.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } +.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } +.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } +.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } +.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } +.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } +.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } +.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } +.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } + +/* Overlays */ +.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } +.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* + * jQuery UI Resizable @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Resizable#theming + */ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* + * jQuery UI Selectable @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Selectable#theming + */ +.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } +/* + * jQuery UI Accordion @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Accordion#theming + */ +/* IE/Win - Fix animation bug - #4615 */ +.ui-accordion { width: 100%; } +.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } +.ui-accordion .ui-accordion-li-fix { display: inline; } +.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } +.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } +.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } +.ui-accordion .ui-accordion-content-active { display: block; }/* + * jQuery UI Autocomplete @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Autocomplete#theming + */ +.ui-autocomplete { position: absolute; cursor: default; } + +/* workarounds */ +* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ + +/* + * jQuery UI Menu @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Menu#theming + */ +.ui-menu { + list-style:none; + padding: 2px; + margin: 0; + display:block; + float: left; +} +.ui-menu .ui-menu { + margin-top: -3px; +} +.ui-menu .ui-menu-item { + margin:0; + padding: 0; + zoom: 1; + float: left; + clear: left; + width: 100%; +} +.ui-menu .ui-menu-item a { + text-decoration:none; + display:block; + padding:.2em .4em; + line-height:1.5; + zoom:1; +} +.ui-menu .ui-menu-item a.ui-state-hover, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} +/* + * jQuery UI Button @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Button#theming + */ +.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ +.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ +button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ +.ui-button-icons-only { width: 3.4em; } +button.ui-button-icons-only { width: 3.7em; } + +/*button text element */ +.ui-button .ui-button-text { display: block; line-height: 1.4; } +.ui-button-text-only .ui-button-text { padding: .4em 1em; } +.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } +.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } +.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } +.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } +/* no icon support for input elements, provide padding by default */ +input.ui-button { padding: .4em 1em; } + +/*button icon element(s) */ +.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } +.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } +.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } +.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } +.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } + +/*button sets*/ +.ui-buttonset { margin-right: 7px; } +.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } + +/* workarounds */ +button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ +/* + * jQuery UI Dialog @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Dialog#theming + */ +.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } +.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } +.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } +.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } +.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } +.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } +.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } +.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } +.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } +.ui-draggable .ui-dialog-titlebar { cursor: move; } +/* + * jQuery UI Slider @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Slider#theming + */ +.ui-slider { position: relative; text-align: left; } +.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } +.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } + +.ui-slider-horizontal { height: .8em; } +.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } +.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } +.ui-slider-horizontal .ui-slider-range-min { left: 0; } +.ui-slider-horizontal .ui-slider-range-max { right: 0; } + +.ui-slider-vertical { width: .8em; height: 100px; } +.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } +.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } +.ui-slider-vertical .ui-slider-range-min { bottom: 0; } +.ui-slider-vertical .ui-slider-range-max { top: 0; }/* + * jQuery UI Tabs @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Tabs#theming + */ +.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ +.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } +.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } +.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } +.ui-tabs .ui-tabs-hide { display: none !important; } +/* + * jQuery UI Datepicker @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Datepicker#theming + */ +.ui-datepicker { width: 17em; padding: .2em .2em 0; } +.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } +.ui-datepicker .ui-datepicker-prev { left:2px; } +.ui-datepicker .ui-datepicker-next { right:2px; } +.ui-datepicker .ui-datepicker-prev-hover { left:1px; } +.ui-datepicker .ui-datepicker-next-hover { right:1px; } +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } +.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } +.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%;} +.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } +.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } +.ui-datepicker td { border: 0; padding: 1px; } +.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { width:auto; } +.ui-datepicker-multi .ui-datepicker-group { float:left; } +.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } +.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } +.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } +.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } +.ui-datepicker-row-break { clear:both; width:100%; } + +/* RTL support */ +.ui-datepicker-rtl { direction: rtl; } +.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } +.ui-datepicker-rtl .ui-datepicker-group { float:right; } +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } + +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ +.ui-datepicker-cover { + display: none; /*sorry for IE5*/ + display/**/: block; /*sorry for IE5*/ + position: absolute; /*must have*/ + z-index: -1; /*must have*/ + filter: mask(); /*must have*/ + top: -4px; /*must have*/ + left: -4px; /*must have*/ + width: 200px; /*must have*/ + height: 200px; /*must have*/ +}/* + * jQuery UI Progressbar @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Progressbar#theming + */ +.ui-progressbar { height:2em; text-align: left; } +.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/index.html b/src/warden-server/contrib/wardenweb/datatables/examples/index.html new file mode 100644 index 0000000000000000000000000000000000000000..0c400434452f1342d0e8d125325346f0a978829a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/index.html @@ -0,0 +1,151 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../media/css/demo_page.css"; + @import "../media/css/demo_table.css"; + </style> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables examples + </div> + + <p>This DataTables package comes with a number of examples of how you can use this software, and demonstrates the capabilities and flexibility of DataTables.</p> + + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="basic_init/dom.html">DOM positioning</a></li> + <li><a href="basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="basic_init/state_save.html">State saving</a></li> + <li><a href="basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="basic_init/scroll_x.html">Horizontal</a> / + <a href="basic_init/scroll_y.html">Vertical</a> / + <a href="basic_init/scroll_xy.html">Both</a> / + <a href="basic_init/scroll_y_theme.html">Themed</a> / + <a href="basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="advanced_init/events_live.html">Live events</a> / + <a href="advanced_init/events_pre_init.html">Pre-init</a> / + <a href="advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="advanced_init/column_render.html">Column rendering</a></li> + <li><a href="advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="advanced_init/row_callback.html">Row callback</a></li> + <li><a href="advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="api/add_row.html">Dynamically add a new row</a></li> + <li><a href="api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="api/highlight.html">Highlight rows and columns</a></li> + <li><a href="api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="api/form.html">Submit form with elements in table</a></li> + <li><a href="api/counter_column.html">Index column (static number column)</a></li> + <li><a href="api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="data_sources/dom.html">DOM</a></li> + <li><a href="data_sources/js_array.html">Javascript array</a></li> + <li><a href="data_sources/ajax.html">Ajax source</a></li> + <li><a href="data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="server_side/post.html">Use HTTP POST</a></li> + <li><a href="server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/dom_sort.html b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/dom_sort.html new file mode 100644 index 0000000000000000000000000000000000000000..294f95b01cf451a2d3c530832ee8093109f9827f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/dom_sort.html @@ -0,0 +1,1143 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + input.engine { width: 100%; } + input.version { width: 50px; } + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + /* Create an array with the values of all the input boxes in a column */ + $.fn.dataTableExt.afnSortData['dom-text'] = function ( oSettings, iColumn ) + { + var aData = []; + $( 'td:eq('+iColumn+') input', oSettings.oApi._fnGetTrNodes(oSettings) ).each( function () { + aData.push( this.value ); + } ); + return aData; + } + + /* Create an array with the values of all the select options in a column */ + $.fn.dataTableExt.afnSortData['dom-select'] = function ( oSettings, iColumn ) + { + var aData = []; + $( 'td:eq('+iColumn+') select', oSettings.oApi._fnGetTrNodes(oSettings) ).each( function () { + aData.push( $(this).val() ); + } ); + return aData; + } + + /* Create an array with the values of all the checkboxes in a column */ + $.fn.dataTableExt.afnSortData['dom-checkbox'] = function ( oSettings, iColumn ) + { + var aData = []; + $( 'td:eq('+iColumn+') input', oSettings.oApi._fnGetTrNodes(oSettings) ).each( function () { + aData.push( this.checked==true ? "1" : "0" ); + } ); + return aData; + } + + /* Initialise the table with the required column sorting data types */ + $(document).ready(function() { + $('#example').dataTable( { + "aoColumns": [ + null, + null, + { "sSortDataType": "dom-text" }, + { "sSortDataType": "dom-text", "sType": "numeric" }, + { "sSortDataType": "dom-select" }, + { "sSortDataType": "dom-checkbox" } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables live DOM sorting example + </div> + + <h1>Preamble</h1> + <p>This example shows how you can use information available in the DOM to sort columns. Typically DataTables will read information to be sorted during it's initialisation phase, and this will not be updated based on user interaction, so sorting on columns which have, for example, form elements in them, may not reflect the current value of the input. To overcome this problem, you must update the data that DataTables will sort on, just prior to the sort. This method is much more efficient than actually sorting using the DOM, since only one DOM query is needed for each cell to be sorted.</p> + <p>The example below shows the first two columns as normal text with sorting as you would expect. The following columns all have a form input element of different kinds, and the information contained within is what DataTables will perform the sort on, based on the value at the time of the sort.</p> + <p>This is a fairly simple example, but it you aren't constrained to just using form input elements, you could use anything and customise your DOM queries to suit yourself. You could also update the sorting live as a user in entered data into a form using an event handler calling fnSort() or fnDraw().</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + <th>Check</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td><input type="text" class="engine" value="Win 95+"></td> + <td class="center"><input type="text" class="version" value="4"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C">C</option> + <option value="X" selected="selected">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td><input type="text" class="engine" value="Win 95+"></td> + <td class="center"><input type="text" class="version" value="5"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C" selected="selected">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td><input type="text" class="engine" value="Win 95+"></td> + <td class="center"><input type="text" class="version" value="5.5"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td><input type="text" class="engine" value="Win 98+"></td> + <td class="center"><input type="text" class="version" value="6"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td><input type="text" class="engine" value="Win XP SP2+"></td> + <td class="center"><input type="text" class="version" value="7"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td><input type="text" class="engine" value="Win XP"></td> + <td class="center"><input type="text" class="version" value="6"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td><input type="text" class="engine" value="Win 98+ / OSX.2+"></td> + <td class="center"><input type="text" class="version" value="1.7"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td><input type="text" class="engine" value="Win 98+ / OSX.2+"></td> + <td class="center"><input type="text" class="version" value="1.8"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td><input type="text" class="engine" value="Win 98+ / OSX.2+"></td> + <td class="center"><input type="text" class="version" value="1.8"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td><input type="text" class="engine" value="Win 2k+ / OSX.3+"></td> + <td class="center"><input type="text" class="version" value="1.9"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td><input type="text" class="engine" value="OSX.2+"></td> + <td class="center"><input type="text" class="version" value="1.8"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td><input type="text" class="engine" value="OSX.3+"></td> + <td class="center"><input type="text" class="version" value="1.8"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td><input type="text" class="engine" value="Win 95+ / Mac OS 8.6-9.2"></td> + <td class="center"><input type="text" class="version" value="1.7"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td><input type="text" class="engine" value="Win 98SE+"></td> + <td class="center"><input type="text" class="version" value="1.7"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td><input type="text" class="engine" value="Win 98+ / OSX.2+"></td> + <td class="center"><input type="text" class="version" value="1.8"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="1"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="1.1"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="1.2"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="1.3"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="1.4"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="1.5"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="1.6"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td><input type="text" class="engine" value="Win 98+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="1.7"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td><input type="text" class="engine" value="Win 98+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="1.8"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td><input type="text" class="engine" value="Win 98+ / OSX.2+"></td> + <td class="center"><input type="text" class="version" value="1.8"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td><input type="text" class="engine" value="Gnome"></td> + <td class="center"><input type="text" class="version" value="1.8"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td><input type="text" class="engine" value="OSX.3"></td> + <td class="center"><input type="text" class="version" value="125.5"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td><input type="text" class="engine" value="OSX.3"></td> + <td class="center"><input type="text" class="version" value="312.8"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td><input type="text" class="engine" value="OSX.4+"></td> + <td class="center"><input type="text" class="version" value="419.3"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td><input type="text" class="engine" value="OSX.4+"></td> + <td class="center"><input type="text" class="version" value="522.1"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td><input type="text" class="engine" value="OSX.4+"></td> + <td class="center"><input type="text" class="version" value="420"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td><input type="text" class="engine" value="iPod"></td> + <td class="center"><input type="text" class="version" value="420.1"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td><input type="text" class="engine" value="S60"></td> + <td class="center"><input type="text" class="version" value="413"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.1+"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.2+"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.2+"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.2+"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td><input type="text" class="engine" value="Win 95+ / OSX.3+"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td><input type="text" class="engine" value="Win 88+ / OSX.3+"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td><input type="text" class="engine" value="Win 88+ / OSX.3+"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td><input type="text" class="engine" value="Wii"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td><input type="text" class="engine" value="N800"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td><input type="text" class="engine" value="Nintendo DS"></td> + <td class="center"><input type="text" class="version" value="8.5"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C" selected="selected">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td><input type="text" class="engine" value="KDE 3.1"></td> + <td class="center"><input type="text" class="version" value="3.1"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C" selected="selected">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td><input type="text" class="engine" value="KDE 3.3"></td> + <td class="center"><input type="text" class="version" value="3.3"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td><input type="text" class="engine" value="KDE 3.5"></td> + <td class="center"><input type="text" class="version" value="3.5"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td><input type="text" class="engine" value="Mac OS 8-9"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C">C</option> + <option value="X" selected="selected">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td><input type="text" class="engine" value="Mac OS 7.6-9"></td> + <td class="center"><input type="text" class="version" value="1"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C" selected="selected">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td><input type="text" class="engine" value="Mac OS 8-X"></td> + <td class="center"><input type="text" class="version" value="1"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C" selected="selected">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td><input type="text" class="engine" value="Embedded devices"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C" selected="selected">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td><input type="text" class="engine" value="Embedded devices"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A" selected="selected">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td><input type="text" class="engine" value="Embedded devices"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C">C</option> + <option value="X" selected="selected">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox" checked="checked"></td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td><input type="text" class="engine" value="Text only"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C">C</option> + <option value="X" selected="selected">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td><input type="text" class="engine" value="Text only"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C">C</option> + <option value="X" selected="selected">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td><input type="text" class="engine" value="Windows Mobile 6"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C" selected="selected">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td><input type="text" class="engine" value="PSP"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C" selected="selected">C</option> + <option value="X">X</option> + <option value="U">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td><input type="text" class="engine" value="-"></td> + <td class="center"><input type="text" class="version" value="-"></td> + <td class="center"> + <select size="1"> + <option value="A">A</option> + <option value="C">C</option> + <option value="X">X</option> + <option value="U" selected="selected">U</option> + </select> + </td> + <td class="center"><input type="checkbox"></td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + <th>Check</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">/* Create an array with the values of all the input boxes in a column */ +$.fn.dataTableExt.afnSortData['dom-text'] = function ( oSettings, iColumn ) +{ + var aData = []; + $( 'td:eq('+iColumn+') input', oSettings.oApi._fnGetTrNodes(oSettings) ).each( function () { + aData.push( this.value ); + } ); + return aData; +} + +/* Create an array with the values of all the select options in a column */ +$.fn.dataTableExt.afnSortData['dom-select'] = function ( oSettings, iColumn ) +{ + var aData = []; + $( 'td:eq('+iColumn+') select', oSettings.oApi._fnGetTrNodes(oSettings) ).each( function () { + aData.push( $(this).val() ); + } ); + return aData; +} + +/* Create an array with the values of all the checkboxes in a column */ +$.fn.dataTableExt.afnSortData['dom-checkbox'] = function ( oSettings, iColumn ) +{ + var aData = []; + $( 'td:eq('+iColumn+') input', oSettings.oApi._fnGetTrNodes(oSettings) ).each( function () { + aData.push( this.checked==true ? "1" : "0" ); + } ); + return aData; +} + +/* Initialise the table with the required column sorting data types */ +$(document).ready(function() { + $('#example').dataTable( { + "aoColumns": [ + null, + null, + { "sSortDataType": "dom-text" }, + { "sSortDataType": "dom-text", "sType": "numeric" }, + { "sSortDataType": "dom-select" }, + { "sSortDataType": "dom-checkbox" } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/html_sort.html b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/html_sort.html new file mode 100644 index 0000000000000000000000000000000000000000..8bf55c3ff241a04dbf56d3ca510946e972546bc8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/html_sort.html @@ -0,0 +1,209 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + jQuery.fn.dataTableExt.aTypes.push( + function ( sData ) { + return 'html'; + } + ); + + $(document).ready(function() { + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables HTML sorting auto-detection example + </div> + + <h1>Preamble</h1> + <p>It can be very useful to have DataTables default to it's built in type of HTML, rather than string, which a column does not fit the requirements of any other type. The way this method works is to put the 'html' type at the end of aTypes, which means it will be set as that type only if none of the other types match the data in question.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Reflection</th> + <th class="html">Link</th> + </tr> + </thead> + <tbody> + <tr> + <td>DataTables</td> + <td><a href="http://www.sprymedia.co.uk/article/DataTables">DataTables</a></td> + </tr> + <tr> + <td>Integrity</td> + <td><a href="http://www.sprymedia.co.uk/article/Integrity">A link to Integrity</a></td> + </tr> + <tr> + <td>Integrity</td> + <td><a href="http://www.sprymedia.co.uk/article/Integrity">Integrity</a></td> + </tr> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">jQuery.fn.dataTableExt.aTypes.push( + function ( sData ) { + return 'html'; + } +); + +$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/paging_plugin.html b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/paging_plugin.html new file mode 100644 index 0000000000000000000000000000000000000000..83b3a4029a679b81d8b943f94f81b27e926415cc --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/paging_plugin.html @@ -0,0 +1,839 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> +/* Time between each scrolling frame */ +$.fn.dataTableExt.oPagination.iTweenTime = 100; + +$.fn.dataTableExt.oPagination.scrolling = { + "fnInit": function ( oSettings, nPaging, fnCallbackDraw ) + { + /* Store the next and previous elements in the oSettings object as they can be very + * usful for automation - particularly testing + */ + var nPrevious = document.createElement( 'div' ); + var nNext = document.createElement( 'div' ); + + if ( oSettings.sTableId !== '' ) + { + nPaging.setAttribute( 'id', oSettings.sTableId+'_paginate' ); + nPrevious.setAttribute( 'id', oSettings.sTableId+'_previous' ); + nNext.setAttribute( 'id', oSettings.sTableId+'_next' ); + } + + nPrevious.className = "paginate_disabled_previous"; + nNext.className = "paginate_disabled_next"; + + nPrevious.title = oSettings.oLanguage.oPaginate.sPrevious; + nNext.title = oSettings.oLanguage.oPaginate.sNext; + + nPaging.appendChild( nPrevious ); + nPaging.appendChild( nNext ); + + $(nPrevious).click( function() { + /* Disallow paging event during a current paging event */ + if ( typeof oSettings.iPagingLoopStart != 'undefined' && oSettings.iPagingLoopStart != -1 ) + { + return; + } + + oSettings.iPagingLoopStart = oSettings._iDisplayStart; + oSettings.iPagingEnd = oSettings._iDisplayStart - oSettings._iDisplayLength; + + /* Correct for underrun */ + if ( oSettings.iPagingEnd < 0 ) + { + oSettings.iPagingEnd = 0; + } + + var iTween = $.fn.dataTableExt.oPagination.iTweenTime; + var innerLoop = function () { + if ( oSettings.iPagingLoopStart > oSettings.iPagingEnd ) { + oSettings.iPagingLoopStart--; + oSettings._iDisplayStart = oSettings.iPagingLoopStart; + fnCallbackDraw( oSettings ); + setTimeout( function() { innerLoop(); }, iTween ); + } else { + oSettings.iPagingLoopStart = -1; + } + }; + innerLoop(); + } ); + + $(nNext).click( function() { + /* Disallow paging event during a current paging event */ + if ( typeof oSettings.iPagingLoopStart != 'undefined' && oSettings.iPagingLoopStart != -1 ) + { + return; + } + + oSettings.iPagingLoopStart = oSettings._iDisplayStart; + + /* Make sure we are not over running the display array */ + if ( oSettings._iDisplayStart + oSettings._iDisplayLength < oSettings.fnRecordsDisplay() ) + { + oSettings.iPagingEnd = oSettings._iDisplayStart + oSettings._iDisplayLength; + } + + var iTween = $.fn.dataTableExt.oPagination.iTweenTime; + var innerLoop = function () { + if ( oSettings.iPagingLoopStart < oSettings.iPagingEnd ) { + oSettings.iPagingLoopStart++; + oSettings._iDisplayStart = oSettings.iPagingLoopStart; + fnCallbackDraw( oSettings ); + setTimeout( function() { innerLoop(); }, iTween ); + } else { + oSettings.iPagingLoopStart = -1; + } + }; + innerLoop(); + } ); + + /* Take the brutal approach to cancelling text selection */ + $(nPrevious).bind( 'selectstart', function () { return false; } ); + $(nNext).bind( 'selectstart', function () { return false; } ); + }, + + "fnUpdate": function ( oSettings, fnCallbackDraw ) + { + if ( !oSettings.aanFeatures.p ) + { + return; + } + + /* Loop over each instance of the pager */ + var an = oSettings.aanFeatures.p; + for ( var i=0, iLen=an.length ; i<iLen ; i++ ) + { + if ( an[i].childNodes.length !== 0 ) + { + an[i].childNodes[0].className = + ( oSettings._iDisplayStart === 0 ) ? + oSettings.oClasses.sPagePrevDisabled : oSettings.oClasses.sPagePrevEnabled; + + an[i].childNodes[1].className = + ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) ? + oSettings.oClasses.sPageNextDisabled : oSettings.oClasses.sPageNextEnabled; + } + } + } +} + + $(document).ready(function() { + $('#example').dataTable( { + "sPaginationType": "scrolling" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables custom pagination plug-in example + </div> + + <h1>Preamble</h1> + <p>The two default pagination styles that DataTables comes with are great for basic tables, but you might which to add extra customisation or a bit of 'glitz'. This plug-in will scroll the table in an animated style.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">/* Time between each scrolling frame */ +$.fn.dataTableExt.oPagination.iTweenTime = 100; + +$.fn.dataTableExt.oPagination.scrolling = { + "fnInit": function ( oSettings, nPaging, fnCallbackDraw ) + { + /* Store the next and previous elements in the oSettings object as they can be very + * usful for automation - particularly testing + */ + var nPrevious = document.createElement( 'div' ); + var nNext = document.createElement( 'div' ); + + if ( oSettings.sTableId !== '' ) + { + nPaging.setAttribute( 'id', oSettings.sTableId+'_paginate' ); + nPrevious.setAttribute( 'id', oSettings.sTableId+'_previous' ); + nNext.setAttribute( 'id', oSettings.sTableId+'_next' ); + } + + nPrevious.className = "paginate_disabled_previous"; + nNext.className = "paginate_disabled_next"; + + nPrevious.title = oSettings.oLanguage.oPaginate.sPrevious; + nNext.title = oSettings.oLanguage.oPaginate.sNext; + + nPaging.appendChild( nPrevious ); + nPaging.appendChild( nNext ); + + $(nPrevious).click( function() { + /* Disallow paging event during a current paging event */ + if ( typeof oSettings.iPagingLoopStart != 'undefined' && oSettings.iPagingLoopStart != -1 ) + { + return; + } + + oSettings.iPagingLoopStart = oSettings._iDisplayStart; + oSettings.iPagingEnd = oSettings._iDisplayStart - oSettings._iDisplayLength; + + /* Correct for underrun */ + if ( oSettings.iPagingEnd < 0 ) + { + oSettings.iPagingEnd = 0; + } + + var iTween = $.fn.dataTableExt.oPagination.iTweenTime; + var innerLoop = function () { + if ( oSettings.iPagingLoopStart > oSettings.iPagingEnd ) { + oSettings.iPagingLoopStart--; + oSettings._iDisplayStart = oSettings.iPagingLoopStart; + fnCallbackDraw( oSettings ); + setTimeout( function() { innerLoop(); }, iTween ); + } else { + oSettings.iPagingLoopStart = -1; + } + }; + innerLoop(); + } ); + + $(nNext).click( function() { + /* Disallow paging event during a current paging event */ + if ( typeof oSettings.iPagingLoopStart != 'undefined' && oSettings.iPagingLoopStart != -1 ) + { + return; + } + + oSettings.iPagingLoopStart = oSettings._iDisplayStart; + + /* Make sure we are not over running the display array */ + if ( oSettings._iDisplayStart + oSettings._iDisplayLength < oSettings.fnRecordsDisplay() ) + { + oSettings.iPagingEnd = oSettings._iDisplayStart + oSettings._iDisplayLength; + } + + var iTween = $.fn.dataTableExt.oPagination.iTweenTime; + var innerLoop = function () { + if ( oSettings.iPagingLoopStart < oSettings.iPagingEnd ) { + oSettings.iPagingLoopStart++; + oSettings._iDisplayStart = oSettings.iPagingLoopStart; + fnCallbackDraw( oSettings ); + setTimeout( function() { innerLoop(); }, iTween ); + } else { + oSettings.iPagingLoopStart = -1; + } + }; + innerLoop(); + } ); + + /* Take the brutal approach to cancelling text selection */ + $(nPrevious).bind( 'selectstart', function () { return false; } ); + $(nNext).bind( 'selectstart', function () { return false; } ); + }, + + "fnUpdate": function ( oSettings, fnCallbackDraw ) + { + if ( !oSettings.aanFeatures.p ) + { + return; + } + + /* Loop over each instance of the pager */ + var an = oSettings.aanFeatures.p; + for ( var i=0, iLen=an.length ; i<iLen ; i++ ) + { + if ( an[i].childNodes.length !== 0 ) + { + an[i].childNodes[0].className = + ( oSettings._iDisplayStart === 0 ) ? + oSettings.oClasses.sPagePrevDisabled : oSettings.oClasses.sPagePrevEnabled; + + an[i].childNodes[1].className = + ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) ? + oSettings.oClasses.sPageNextDisabled : oSettings.oClasses.sPageNextEnabled; + } + } + } +} + +$(document).ready(function() { + $('#example').dataTable( { + "sPaginationType": "scrolling" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/plugin_api.html b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/plugin_api.html new file mode 100644 index 0000000000000000000000000000000000000000..0b68be5915a88015db5ab07fbc36786fd2871c93 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/plugin_api.html @@ -0,0 +1,669 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + /* + * Function: fnGetHiddenTrNodes + * Purpose: Get all of the hidden TR nodes (i.e. the ones which aren't on display) + * Returns: array: + * Inputs: object:oSettings - DataTables settings object + */ + $.fn.dataTableExt.oApi.fnGetHiddenTrNodes = function ( oSettings ) + { + /* Note the use of a DataTables 'private' function thought the 'oApi' object */ + var anNodes = this.oApi._fnGetTrNodes( oSettings ); + var anDisplay = $('tbody tr', oSettings.nTable); + + /* Remove nodes which are being displayed */ + for ( var i=0 ; i<anDisplay.length ; i++ ) + { + var iIndex = jQuery.inArray( anDisplay[i], anNodes ); + if ( iIndex != -1 ) + { + anNodes.splice( iIndex, 1 ); + } + } + + /* Fire back the array to the caller */ + return anNodes; + } + + /* Init the table and fire off a call to get the hidden nodes. */ + var oTable; + $(document).ready(function() { + var oTable = $('#example').dataTable(); + + $('#button').click( function () { + var nHidden = oTable.fnGetHiddenTrNodes( ); + alert( nHidden.length +' nodes were returned' ); + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables new API function plug-in example + </div> + + <h1>Preamble</h1> + <p>DataTables presents a number of useful API functions to the calling code which can be used to manipulate the table data as required. But there are times when DataTables doesn't provide the API function that you want - so for this DataTables allows a method by which custom API functions can be defined (effectively a plug-in). This is done by adding functions the <b>$.fn.dataTableExt.oApi</b> object, which will be registered by DataTables. Each function is passed a single parameter, the settings object for the table in question.</p> + <p>In the example below, I present an API function which is used to obtain all of the TR rows which are currently not on display (useful for building a form from the table).</p> + + <h1>Live example</h1> + <a id="button" href="javascript:void(0);">Click to get hidden rows</a> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">/* + * Function: fnGetHiddenTrNodes + * Purpose: Get all of the hidden TR nodes (i.e. the ones which aren't on display) + * Returns: array: + * Inputs: object:oSettings - DataTables settings object + */ +$.fn.dataTableExt.oApi.fnGetHiddenTrNodes = function ( oSettings ) +{ + /* Note the use of a DataTables 'private' function thought the 'oApi' object */ + var anNodes = this.oApi._fnGetTrNodes( oSettings ); + var anDisplay = $('tbody tr', oSettings.nTable); + + /* Remove nodes which are being displayed */ + for ( var i=0 ; i<anDisplay.length ; i++ ) + { + var iIndex = jQuery.inArray( anDisplay[i], anNodes ); + if ( iIndex != -1 ) + { + anNodes.splice( iIndex, 1 ); + } + } + + /* Fire back the array to the caller */ + return anNodes; +} + +/* Init the table and fire off a call to get the hidden nodes. */ +var oTable; +$(document).ready(function() { + var oTable = $('#example').dataTable(); + + $('#button').click( function () { + var nHidden = oTable.fnGetHiddenTrNodes(); + alert( nHidden.length +' nodes were returned' ); + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/range_filtering.html b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/range_filtering.html new file mode 100644 index 0000000000000000000000000000000000000000..c79915dc9876ec05214f0b16546b6ac899dd83ce --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/range_filtering.html @@ -0,0 +1,673 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + /* Custom filtering function which will filter data in column four between two values */ + $.fn.dataTableExt.afnFiltering.push( + function( oSettings, aData, iDataIndex ) { + var iMin = document.getElementById('min').value * 1; + var iMax = document.getElementById('max').value * 1; + var iVersion = aData[3] == "-" ? 0 : aData[3]*1; + if ( iMin == "" && iMax == "" ) + { + return true; + } + else if ( iMin == "" && iVersion < iMax ) + { + return true; + } + else if ( iMin < iVersion && "" == iMax ) + { + return true; + } + else if ( iMin < iVersion && iVersion < iMax ) + { + return true; + } + return false; + } + ); + + $(document).ready(function() { + /* Initialise datatables */ + var oTable = $('#example').dataTable(); + + /* Add event listeners to the two range filtering inputs */ + $('#min').keyup( function() { oTable.fnDraw(); } ); + $('#max').keyup( function() { oTable.fnDraw(); } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables custom filtering (range filtering) example + </div> + + <h1>Preamble</h1> + <p>There may be occasions when you wish to filter data presented to the end user in your own manner, common examples are number range filtering (in between two numbers) and date range filtering. DataTables provide an API method to add your own filtering functions, <b>$.fn.dataTableExt.afnFiltering</b>. This is an array of functions (push your own onto it) which will will be run at table draw time to see if a particular row should be included or not.</p> + + <h1>Live example</h1> + <table border="0" cellspacing="5" cellpadding="5"> + <tr> + <td>Minimum engine version:</td> + <td><input type="text" id="min" name="min"></td> + </tr> + <tr> + <td>Maximum engine version:</td> + <td><input type="text" id="max" name="max"></td> + </tr> + </table> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">/* Custom filtering function which will filter data in column four between two values */ +$.fn.dataTableExt.afnFiltering.push( + function( oSettings, aData, iDataIndex ) { + var iMin = document.getElementById('min').value * 1; + var iMax = document.getElementById('max').value * 1; + var iVersion = aData[3] == "-" ? 0 : aData[3]*1; + if ( iMin == "" && iMax == "" ) + { + return true; + } + else if ( iMin == "" && iVersion < iMax ) + { + return true; + } + else if ( iMin < iVersion && "" == iMax ) + { + return true; + } + else if ( iMin < iVersion && iVersion < iMax ) + { + return true; + } + return false; + } +); + +$(document).ready(function() { + /* Initialise datatables */ + var oTable = $('#example').dataTable(); + + /* Add event listeners to the two range filtering inputs */ + $('#min').keyup( function() { oTable.fnDraw(); } ); + $('#max').keyup( function() { oTable.fnDraw(); } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/sorting_plugin.html b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/sorting_plugin.html new file mode 100644 index 0000000000000000000000000000000000000000..980346c529c6b0d153f183f8d1ffa7afc7959280 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/sorting_plugin.html @@ -0,0 +1,702 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + /* Note 'unshift' does not work in IE6. A simply array concatenation would. This is used + * to give the custom type top priority + */ + jQuery.fn.dataTableExt.aTypes.unshift( + function ( sData ) + { + var sValidChars = "0123456789-,"; + var Char; + var bDecimal = false; + + /* Check the numeric part */ + for ( i=0 ; i<sData.length ; i++ ) + { + Char = sData.charAt(i); + if (sValidChars.indexOf(Char) == -1) + { + return null; + } + + /* Only allowed one decimal place... */ + if ( Char == "," ) + { + if ( bDecimal ) + { + return null; + } + bDecimal = true; + } + } + + return 'numeric-comma'; + } + ); + + jQuery.fn.dataTableExt.oSort['numeric-comma-asc'] = function(a,b) { + var x = (a == "-") ? 0 : a.replace( /,/, "." ); + var y = (b == "-") ? 0 : b.replace( /,/, "." ); + x = parseFloat( x ); + y = parseFloat( y ); + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + }; + + jQuery.fn.dataTableExt.oSort['numeric-comma-desc'] = function(a,b) { + var x = (a == "-") ? 0 : a.replace( /,/, "." ); + var y = (b == "-") ? 0 : b.replace( /,/, "." ); + x = parseFloat( x ); + y = parseFloat( y ); + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + }; + + $(document).ready(function() { + $('#example').dataTable(); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables sorting and type detection example + </div> + + <h1>Preamble</h1> + <p>When dealing with your own data formatting, it can often be very useful to have DataTables detect data types and sorting them accordingly for types which are not build into DataTables. For this reason plug-in support is provided to allow custom type detection and sorting.</p> + <p>This example shows sorting with a comma (',') for a decimal place. These plug-ins (and others can be found on <a href="http://www.datatables.net/plug-ins">DataTables.net</a>.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1,9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419,3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522,1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420,1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8,5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3,1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3,3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">/* Note 'unshift' does not work in IE6. A simply array concatenation would. This is used + * to give the custom type top priority + */ +jQuery.fn.dataTableExt.aTypes.unshift( + function ( sData ) + { + var sValidChars = "0123456789-,"; + var Char; + var bDecimal = false; + + /* Check the numeric part */ + for ( i=0 ; i<sData.length ; i++ ) + { + Char = sData.charAt(i); + if (sValidChars.indexOf(Char) == -1) + { + return null; + } + + /* Only allowed one decimal place... */ + if ( Char == "," ) + { + if ( bDecimal ) + { + return null; + } + bDecimal = true; + } + } + + return 'numeric-comma'; + } +); + +jQuery.fn.dataTableExt.oSort['numeric-comma-asc'] = function(a,b) { + var x = (a == "-") ? 0 : a.replace( /,/, "." ); + var y = (b == "-") ? 0 : b.replace( /,/, "." ); + x = parseFloat( x ); + y = parseFloat( y ); + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); +}; + +jQuery.fn.dataTableExt.oSort['numeric-comma-desc'] = function(a,b) { + var x = (a == "-") ? 0 : a.replace( /,/, "." ); + var y = (b == "-") ? 0 : b.replace( /,/, "." ); + x = parseFloat( x ); + y = parseFloat( y ); + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); +}; + +$(document).ready(function() { + $('#example').dataTable(); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/sorting_sType.html b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/sorting_sType.html new file mode 100644 index 0000000000000000000000000000000000000000..823e5890dc4a0075fe494610b2558b48a36c6f16 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/plug-ins/sorting_sType.html @@ -0,0 +1,650 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + jQuery.fn.dataTableExt.oSort['numeric-comma-asc'] = function(a,b) { + var x = (a == "-") ? 0 : a.replace( /,/, "." ); + var y = (b == "-") ? 0 : b.replace( /,/, "." ); + x = parseFloat( x ); + y = parseFloat( y ); + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + }; + + jQuery.fn.dataTableExt.oSort['numeric-comma-desc'] = function(a,b) { + var x = (a == "-") ? 0 : a.replace( /,/, "." ); + var y = (b == "-") ? 0 : b.replace( /,/, "." ); + x = parseFloat( x ); + y = parseFloat( y ); + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + }; + + $(document).ready(function() { + $('#example').dataTable( { + "aoColumns": [ + null, + null, + null, + { "sType": "numeric-comma" }, + null + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables sorting plug-in example + </div> + + <h1>Preamble</h1> + <p>When dealing with your own data formats, it can be desirable to define how you want sorting to occur. Using plug-in sorting functions, you have have DataTables sort data in any manner you wish. You tell DataTables how to sort a column by using the sType parameter - if it is not given then DataTables will attempt to automatically detect the type based on it's built in formatting functions.</p> + <p>This example shows sorting with a comma (',') for a decimal place. This sorting plug-in (and others can be found on <a href="http://www.datatables.net/plug-ins/sorting">DataTables.net</a>.</p> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1,9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1,6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1,7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312,8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419,3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522,1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420,1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8,5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3,1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3,3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3,5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">jQuery.fn.dataTableExt.oSort['numeric-comma-asc'] = function(a,b) { + var x = (a == "-") ? 0 : a.replace( /,/, "." ); + var y = (b == "-") ? 0 : b.replace( /,/, "." ); + x = parseFloat( x ); + y = parseFloat( y ); + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); +}; + +jQuery.fn.dataTableExt.oSort['numeric-comma-desc'] = function(a,b) { + var x = (a == "-") ? 0 : a.replace( /,/, "." ); + var y = (b == "-") ? 0 : b.replace( /,/, "." ); + x = parseFloat( x ); + y = parseFloat( y ); + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); +}; + +$(document).ready(function() { + $('#example').dataTable( { + "aoColumns": [ + null, + null, + null, + { "sType": "numeric-comma" }, + null + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/custom_vars.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/custom_vars.html new file mode 100644 index 0000000000000000000000000000000000000000..c5af8db96481d206ea4dbc340ced8f2e8a6b3063 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/custom_vars.html @@ -0,0 +1,219 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php", + "fnServerParams": function ( aoData ) { + aoData.push( { "name": "more_data", "value": "my_value" } ); + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing example + </div> + + <h1>Preamble</h1> + <p>It can often be useful to send a little bit of extra information to the server when utilising DataTables' server-side processing option. This can be done by using the <a href="http://datatables.net/ref#fnServerParams">fnServerParams</a> callback function which is called whenever an XHR is sent to the server. fnServerParams Takes a single parameter, the array of name/value pairs of parameters that are to be sent to the server. You can manipulate this as you require - typically adding another parameter, as shown in this example.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php" + "fnServerParams": function ( aoData ) { + aoData.push( { "name": "more_data", "value": "my_value" } ); + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/defer_loading.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/defer_loading.html new file mode 100644 index 0000000000000000000000000000000000000000..924a802ff6cd7ae962b85ba73fff923d0f736003 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/defer_loading.html @@ -0,0 +1,282 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php", + "iDeferLoading": 57 + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing example with deferred loading + </div> + + <h1>Preamble</h1> + <p>When using DataTables with server-side processing the default behaviour is to have DataTables automatically go the server and load the data, removing anything which might already be on the page. However, this behaviour might not always be desirable when the first page of the table has already been preloaded in the HTML. This is achieved by using the <i>iDeferLoading</i> initialisation property. It serves two purposes, firstly to include that deferred loading is required, but also to tell DataTables how many records there are in the full table, in this case 57 (this allows the information element and pagination to be displayed correctly).</p> + + <p>In this example the preloaded data is hardcoded in, but you could use a PHP include or anything else to put the data in the table for the first page - DataTables won't process it at all, simply display it and be ready to load the next page / search / sort etc.</p> + + <h1>Live example</h1> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td>1.7</td> + <td>A</td> + </tr> + <tr> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td>1.8</td> + <td>A</td> + </tr> + <tr> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td>1.8</td> + <td>A</td> + </tr> + <tr> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td>1.9</td> + <td>A</td> + </tr> + <tr> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td>1.8</td> + <td>A</td> + </tr> + <tr> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td>1.8</td> + <td>A</td> + </tr> + <tr> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td>1.7</td> + <td>A</td> + </tr> + <tr> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td>1.7</td> + <td>A</td> + </tr> + <tr> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td>1.8</td> + <td>A</td> + </tr> + <tr> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td>1</td> + <td>A</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php", + "iDeferLoading": 57 + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/editable.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/editable.html new file mode 100644 index 0000000000000000000000000000000000000000..6cbadf32bd47163d20094e36b3a24e11d77ad471 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/editable.html @@ -0,0 +1,232 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../examples_support/jquery.jeditable.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php", + "fnDrawCallback": function () { + $('#example tbody td').editable( '../examples_support/editable_ajax.php', { + "callback": function( sValue, y ) { + /* Redraw the table from the new data on the server */ + oTable.fnDraw(); + }, + "height": "14px" + } ); + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing example + </div> + + <h1>Preamble</h1> + <p>When using server-side processing and you wish to integrate the <a href="http://www.appelsiini.net/projects/jeditable">jEditable plug-in for jQuery</a> with DataTables, you need to consider that each time data is returned from the server, DataTables will build new DOM elements - so these need the jEditable event handlers applied to them. This is down through use of the fnDrawCallback function.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + var oTable = $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php", + "fnDrawCallback": function () { + $('#example tbody td').editable( '../examples_support/editable_ajax.php', { + "callback": function( sValue, y ) { + /* Redraw the table from the new data on the server */ + oTable.fnDraw(); + }, + "height": "14px" + } ); + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/ids.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/ids.html new file mode 100644 index 0000000000000000000000000000000000000000..0aac5a292ffa2710caa7dc443030a807df8a1342 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/ids.html @@ -0,0 +1,213 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/id.php" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing example - automatic row ID addition + </div> + + <h1>Preamble</h1> + <p>Often when using server-side processing you will find that it can be useful to have a specific ID on each row (the row ID from the database for example). By assigning the ID you want to apply to each row using the property <b>DT_RowId</b> of the data source object for each row, DataTables will automatically add it for you. Likewise there is a <b>DT_RowClass</b> option which will add your given class. This example shows both and is a trivial modification of the server-side script to add these two options, with no changes on the client-side.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/id.php" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/jsonp.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/jsonp.html new file mode 100644 index 0000000000000000000000000000000000000000..f959b329e15d73b048a2c6786168525e4f042252 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/jsonp.html @@ -0,0 +1,231 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/jsonp.php", + "fnServerData": function( sUrl, aoData, fnCallback ) { + $.ajax( { + "url": sUrl, + "data": aoData, + "success": fnCallback, + "dataType": "jsonp", + "cache": false + } ); + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing example with JSONP + </div> + + <h1>Preamble</h1> + <p><a href="http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/">JSONP</a> is a method of using JSON data from any server, regardless of XSS protection that modern browsers use. It is very useful for being able to retrieve JSON data from any domain name you choose and is easy to integrate with DataTables, thanks to jQuery's Ajax handler, as shown in this example.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/jsonp.php", + "fnServerData": function( sUrl, aoData, fnCallback ) { + $.ajax( { + "url": sUrl, + "data": aoData, + "success": fnCallback, + "dataType": "jsonp", + "cache": false + } ); + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/object_data.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/object_data.html new file mode 100644 index 0000000000000000000000000000000000000000..47c06c38155b32ecb66b2d2d54ffff66ae8c44ed --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/object_data.html @@ -0,0 +1,228 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/objects.php", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing example - object based data source + </div> + + <h1>Preamble</h1> + <p>The "native" data format that DataTables expects for server-side processing is a 2D array of data (rows by columns). However, this is often not flexible enough for either the server-side environment, or you might want to convey more information in the data source than is necessary to show in the table (row IDs from the database for example). For this DataTables supports the reading of data for objects as well as arrays.</p> + <p>In this example the server responds with an array of objects, and DataTables will look up each property that is specified by the <b>mDataProp</b> property given for each column</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/objects.php", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/pipeline.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/pipeline.html new file mode 100644 index 0000000000000000000000000000000000000000..e62984805e95c472f6298ec631ea3659a1cb0aaf --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/pipeline.html @@ -0,0 +1,422 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + var oCache = { + iCacheLower: -1 + }; + + function fnSetKey( aoData, sKey, mValue ) + { + for ( var i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].name == sKey ) + { + aoData[i].value = mValue; + } + } + } + + function fnGetKey( aoData, sKey ) + { + for ( var i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].name == sKey ) + { + return aoData[i].value; + } + } + return null; + } + + function fnDataTablesPipeline ( sSource, aoData, fnCallback ) { + var iPipe = 5; /* Ajust the pipe size */ + + var bNeedServer = false; + var sEcho = fnGetKey(aoData, "sEcho"); + var iRequestStart = fnGetKey(aoData, "iDisplayStart"); + var iRequestLength = fnGetKey(aoData, "iDisplayLength"); + var iRequestEnd = iRequestStart + iRequestLength; + oCache.iDisplayStart = iRequestStart; + + /* outside pipeline? */ + if ( oCache.iCacheLower < 0 || iRequestStart < oCache.iCacheLower || iRequestEnd > oCache.iCacheUpper ) + { + bNeedServer = true; + } + + /* sorting etc changed? */ + if ( oCache.lastRequest && !bNeedServer ) + { + for( var i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].name != "iDisplayStart" && aoData[i].name != "iDisplayLength" && aoData[i].name != "sEcho" ) + { + if ( aoData[i].value != oCache.lastRequest[i].value ) + { + bNeedServer = true; + break; + } + } + } + } + + /* Store the request for checking next time around */ + oCache.lastRequest = aoData.slice(); + + if ( bNeedServer ) + { + if ( iRequestStart < oCache.iCacheLower ) + { + iRequestStart = iRequestStart - (iRequestLength*(iPipe-1)); + if ( iRequestStart < 0 ) + { + iRequestStart = 0; + } + } + + oCache.iCacheLower = iRequestStart; + oCache.iCacheUpper = iRequestStart + (iRequestLength * iPipe); + oCache.iDisplayLength = fnGetKey( aoData, "iDisplayLength" ); + fnSetKey( aoData, "iDisplayStart", iRequestStart ); + fnSetKey( aoData, "iDisplayLength", iRequestLength*iPipe ); + + $.getJSON( sSource, aoData, function (json) { + /* Callback processing */ + oCache.lastJson = jQuery.extend(true, {}, json); + + if ( oCache.iCacheLower != oCache.iDisplayStart ) + { + json.aaData.splice( 0, oCache.iDisplayStart-oCache.iCacheLower ); + } + json.aaData.splice( oCache.iDisplayLength, json.aaData.length ); + + fnCallback(json) + } ); + } + else + { + json = jQuery.extend(true, {}, oCache.lastJson); + json.sEcho = sEcho; /* Update the echo for each response */ + json.aaData.splice( 0, iRequestStart-oCache.iCacheLower ); + json.aaData.splice( iRequestLength, json.aaData.length ); + fnCallback(json); + return; + } + } + + $(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php", + "fnServerData": fnDataTablesPipeline + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing with pipelining example + </div> + + <h1>Preamble</h1> + <p>When using server-side processing with DataTables, it can be quite intensive on your server having an Ajax call every time the user performs some kind of interaction - you can effectively DDOS your server with your own application!</p> + <p>This example shows how you might over-come this by modifying the request set to the server to retrieve more information than is actually required for a single page's display. This means that the user can page multiple times (5 times the display size is the default) before a request must be made of the server. Paging is typically the most common interaction performed with a DataTable, so this can be most beneficial to your server's resource usage. Of course the pipeline must be cleared for interactions other than paging (sorting, filtering etc), but that's the trade off that can be made (sending extra information is cheap - while another XHR is expensive).</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">var oCache = { + iCacheLower: -1 +}; + +function fnSetKey( aoData, sKey, mValue ) +{ + for ( var i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].name == sKey ) + { + aoData[i].value = mValue; + } + } +} + +function fnGetKey( aoData, sKey ) +{ + for ( var i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].name == sKey ) + { + return aoData[i].value; + } + } + return null; +} + +function fnDataTablesPipeline ( sSource, aoData, fnCallback ) { + var iPipe = 5; /* Ajust the pipe size */ + + var bNeedServer = false; + var sEcho = fnGetKey(aoData, "sEcho"); + var iRequestStart = fnGetKey(aoData, "iDisplayStart"); + var iRequestLength = fnGetKey(aoData, "iDisplayLength"); + var iRequestEnd = iRequestStart + iRequestLength; + oCache.iDisplayStart = iRequestStart; + + /* outside pipeline? */ + if ( oCache.iCacheLower < 0 || iRequestStart < oCache.iCacheLower || iRequestEnd > oCache.iCacheUpper ) + { + bNeedServer = true; + } + + /* sorting etc changed? */ + if ( oCache.lastRequest && !bNeedServer ) + { + for( var i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].name != "iDisplayStart" && aoData[i].name != "iDisplayLength" && aoData[i].name != "sEcho" ) + { + if ( aoData[i].value != oCache.lastRequest[i].value ) + { + bNeedServer = true; + break; + } + } + } + } + + /* Store the request for checking next time around */ + oCache.lastRequest = aoData.slice(); + + if ( bNeedServer ) + { + if ( iRequestStart < oCache.iCacheLower ) + { + iRequestStart = iRequestStart - (iRequestLength*(iPipe-1)); + if ( iRequestStart < 0 ) + { + iRequestStart = 0; + } + } + + oCache.iCacheLower = iRequestStart; + oCache.iCacheUpper = iRequestStart + (iRequestLength * iPipe); + oCache.iDisplayLength = fnGetKey( aoData, "iDisplayLength" ); + fnSetKey( aoData, "iDisplayStart", iRequestStart ); + fnSetKey( aoData, "iDisplayLength", iRequestLength*iPipe ); + + $.getJSON( sSource, aoData, function (json) { + /* Callback processing */ + oCache.lastJson = jQuery.extend(true, {}, json); + + if ( oCache.iCacheLower != oCache.iDisplayStart ) + { + json.aaData.splice( 0, oCache.iDisplayStart-oCache.iCacheLower ); + } + json.aaData.splice( oCache.iDisplayLength, json.aaData.length ); + + fnCallback(json) + } ); + } + else + { + json = jQuery.extend(true, {}, oCache.lastJson); + json.sEcho = sEcho; /* Update the echo for each response */ + json.aaData.splice( 0, iRequestStart-oCache.iCacheLower ); + json.aaData.splice( iRequestLength, json.aaData.length ); + fnCallback(json); + return; + } +} + +$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php", + "fnServerData": fnDataTablesPipeline + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/post.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/post.html new file mode 100644 index 0000000000000000000000000000000000000000..b8f9ac3763401b0201d8bb703cd86654099ae402 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/post.html @@ -0,0 +1,215 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/post.php", + "sServerMethod": "POST" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing with POST example + </div> + + <h1>Preamble</h1> + <p>The default HTTP method that DataTables uses to get data from the server-side if GET, however, there are times when you may wish to use POST. This is very easy using the sServerMethod initialisation parameter, which is simply set to the HTTP method that you want to use - the default is 'GET' and this example shows 'POST' being used.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/post.php", + "sServerMethod": "POST" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/row_details.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/row_details.html new file mode 100644 index 0000000000000000000000000000000000000000..ee097b90bf0bc3726d5b918581289e20b66129fa --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/row_details.html @@ -0,0 +1,295 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + var oTable; + + /* Formating function for row details */ + function fnFormatDetails ( nTr ) + { + var aData = oTable.fnGetData( nTr ); + var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'; + sOut += '<tr><td>Rendering engine:</td><td>'+aData[2]+' '+aData[5]+'</td></tr>'; + sOut += '<tr><td>Link to source:</td><td>Could provide a link here</td></tr>'; + sOut += '<tr><td>Extra info:</td><td>And any further details here (images etc)</td></tr>'; + sOut += '</table>'; + + return sOut; + } + + $(document).ready(function() { + oTable = $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/details_col.php", + "aoColumns": [ + { "sClass": "center", "bSortable": false }, + null, + null, + null, + { "sClass": "center" }, + { "sClass": "center" } + ], + "aaSorting": [[1, 'asc']] + } ); + + $('#example tbody td img').live( 'click', function () { + var nTr = $(this).parents('tr')[0]; + if ( oTable.fnIsOpen(nTr) ) + { + /* This row is already open - close it */ + this.src = "../examples_support/details_open.png"; + oTable.fnClose( nTr ); + } + else + { + /* Open this row */ + this.src = "../examples_support/details_close.png"; + oTable.fnOpen( nTr, fnFormatDetails(nTr), 'details' ); + } + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing example with hidden row information + </div> + + <h1>Preamble</h1> + <p>This example shows how you might modify the client-side show/hide details rows example for use with DataTables server-side processing option.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="4%"></th> + <th width="25%">Rendering engine</th> + <th width="20%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="16%">Engine version</th> + <th width="10%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th></th> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">var oTable; + +/* Formating function for row details */ +function fnFormatDetails ( nTr ) +{ + var aData = oTable.fnGetData( nTr ); + var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'; + sOut += '<tr><td>Rendering engine:</td><td>'+aData[2]+' '+aData[5]+'</td></tr>'; + sOut += '<tr><td>Link to source:</td><td>Could provide a link here</td></tr>'; + sOut += '<tr><td>Extra info:</td><td>And any further details here (images etc)</td></tr>'; + sOut += '</table>'; + + return sOut; +} + +$(document).ready(function() { + oTable = $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/details_col.php", + "aoColumns": [ + { "sClass": "center", "bSortable": false }, + null, + null, + null, + { "sClass": "center" }, + { "sClass": "center" } + ], + "aaSorting": [[1, 'asc']] + } ); + + $('#example tbody td img').live( 'click', function () { + var nTr = $(this).parents('tr')[0]; + if ( oTable.fnIsOpen(nTr) ) + { + /* This row is already open - close it */ + this.src = "../examples_support/details_open.png"; + oTable.fnClose( nTr ); + } + else + { + /* Open this row */ + this.src = "../examples_support/details_close.png"; + oTable.fnOpen( nTr, fnFormatDetails(nTr), 'details' ); + } + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/custom_data_property.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/custom_data_property.php new file mode 100644 index 0000000000000000000000000000000000000000..947eb2da5b8f400d4d5f2162a68821f4ebbdc0e7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/custom_data_property.php @@ -0,0 +1,174 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + $sOrder = ""; + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $sOrder .= $aColumns[ intval( $_GET['iSortCol_'.$i] ) ]." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "test" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[] = $aRow[ $aColumns[$i] ]; + } + } + $output['test'][] = $row; + } + + echo json_encode( $output ); +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/details_col.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/details_col.php new file mode 100644 index 0000000000000000000000000000000000000000..03e0cf91b91a58b90e71e46f2e95daa728daa4c1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/details_col.php @@ -0,0 +1,179 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + $sOrder = ""; + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $sOrder .= $aColumns[ intval( $_GET['iSortCol_'.$i] )-1 ]." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "aaData" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + + /* Add the details image at the start of the display array */ + $row[] = '<img src="../examples_support/details_open.png">'; + + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[] = $aRow[ $aColumns[$i] ]; + } + } + $row['extra'] = 'hrmll'; + $output['aaData'][] = $row; + } + + echo json_encode( $output ); +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/filter_col.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/filter_col.php new file mode 100644 index 0000000000000000000000000000000000000000..dd5bca7f74de6a40927000c774970efbb9843b13 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/filter_col.php @@ -0,0 +1,122 @@ +<?php + /* MySQL connection */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); /* ;-) */ + + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + /* Paging */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + /* Ordering */ + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<mysql_real_escape_string( $_GET['iSortingCols'] ) ; $i++ ) + { + $sOrder .= fnColumnToField(mysql_real_escape_string( $_GET['iSortCol_'.$i] ))." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + $sOrder = substr_replace( $sOrder, "", -2 ); + } + + /* Filtering - NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ( engine LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ". + "browser LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ". + "platform LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ". + "version LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ". + "grade LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' )"; + } + + for ( $i=0 ; $i<$_GET['iColumns'] ; $i++ ) + { + if ( $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere != "" ) + { + $sWhere .= " AND "; + } + else + { + $sWhere .= "WHERE "; + } + $sWhere .= fnColumnToField($i) ." LIKE '%".mysql_real_escape_string( $_GET['sSearch_'.$i] )."%'"; + } + } + + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS id, engine, browser, platform, version, grade + FROM ajax + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + $sQuery = " + SELECT COUNT(id) + FROM ajax + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + $sOutput = '{'; + $sOutput .= '"sEcho": '.intval($_GET['sEcho']).', '; + $sOutput .= '"iTotalRecords": '.$iTotal.', '; + $sOutput .= '"iTotalDisplayRecords": '.$iFilteredTotal.', '; + $sOutput .= '"aaData": [ '; + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $sOutput .= "["; + $sOutput .= '"'.str_replace('"', '\"', $aRow['engine']).'",'; + $sOutput .= '"'.str_replace('"', '\"', $aRow['browser']).'",'; + $sOutput .= '"'.str_replace('"', '\"', $aRow['platform']).'",'; + if ( $aRow['version'] == "0" ) + $sOutput .= '"-",'; + else + $sOutput .= '"'.str_replace('"', '\"', $aRow['version']).'",'; + $sOutput .= '"'.str_replace('"', '\"', $aRow['grade']).'"'; + $sOutput .= "],"; + } + $sOutput = substr_replace( $sOutput, "", -1 ); + $sOutput .= '] }'; + + echo $sOutput; + + + function fnColumnToField( $i ) + { + if ( $i == 0 ) + return "engine"; + else if ( $i == 1 ) + return "browser"; + else if ( $i == 2 ) + return "platform"; + else if ( $i == 3 ) + return "version"; + else if ( $i == 4 ) + return "grade"; + } +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/id.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/id.php new file mode 100644 index 0000000000000000000000000000000000000000..801e3dd30a827105ff44b5af3311579d76abd086 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/id.php @@ -0,0 +1,179 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + $sOrder = ""; + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $sOrder .= $aColumns[ intval( $_GET['iSortCol_'.$i] ) ]." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS id, ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "aaData" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + + // Add the row ID and class to the object + $row['DT_RowId'] = 'row_'.$aRow['id']; + $row['DT_RowClass'] = 'grade'.$aRow['grade']; + + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[] = $aRow[ $aColumns[$i] ]; + } + } + $output['aaData'][] = $row; + } + + echo json_encode( $output ); +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/id_jsonp.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/id_jsonp.php new file mode 100644 index 0000000000000000000000000000000000000000..4d4d2fd353fd4c06793a910252b405acc5ddf54d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/id_jsonp.php @@ -0,0 +1,179 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + $sOrder = ""; + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $sOrder .= $aColumns[ intval( $_GET['iSortCol_'.$i] ) ]." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS id, ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "aaData" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + + // Add the row ID and class to the object + $row['DT_RowId'] = 'row_'.$aRow['id']; + $row['DT_RowClass'] = 'grade'.$aRow['grade']; + + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[] = $aRow[ $aColumns[$i] ]; + } + } + $output['aaData'][] = $row; + } + + echo $_GET['callback'].'('.json_encode( $output ).');'; +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/jsonp.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/jsonp.php new file mode 100644 index 0000000000000000000000000000000000000000..a5d96ed28420bf86a6c1906518e4e3e12d56bfa6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/jsonp.php @@ -0,0 +1,174 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + $sOrder = ""; + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $sOrder .= $aColumns[ intval( $_GET['iSortCol_'.$i] ) ]." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "aaData" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[] = $aRow[ $aColumns[$i] ]; + } + } + $output['aaData'][] = $row; + } + + echo $_GET['callback'].'('.json_encode( $output ).');'; +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/objects.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/objects.php new file mode 100644 index 0000000000000000000000000000000000000000..ae0a4e644d8a21b9957493eacabc4be797c9eb84 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/objects.php @@ -0,0 +1,176 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + $sOrder = ""; + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $iColumnIndex = array_search( $_GET['mDataProp_'.$_GET['iSortCol_'.$i]], $aColumns ); + $sOrder .= $aColumns[ $iColumnIndex ]." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $iColumnIndex = array_search( $_GET['mDataProp_'.$i], $aColumns ); + $sWhere .= $aColumns[$iColumnIndex]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "aaData" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[ $aColumns[$i] ] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[ $aColumns[$i] ] = $aRow[ $aColumns[$i] ]; + } + } + $output['aaData'][] = $row; + } + + echo json_encode( $output ); +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/objects_jsonp.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/objects_jsonp.php new file mode 100644 index 0000000000000000000000000000000000000000..7b403bad56080951c1977f1f404e7f72b338f3bf --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/objects_jsonp.php @@ -0,0 +1,176 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + $sOrder = ""; + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $iColumnIndex = array_search( $_GET['mDataProp_'.$_GET['iSortCol_'.$i]], $aColumns ); + $sOrder .= $aColumns[ $iColumnIndex ]." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $iColumnIndex = array_search( $_GET['mDataProp_'.$i], $aColumns ); + $sWhere .= $aColumns[$iColumnIndex]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "aaData" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[ $aColumns[$i] ] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[ $aColumns[$i] ] = $aRow[ $aColumns[$i] ]; + } + } + $output['aaData'][] = $row; + } + + echo $_GET['callback'].'('.json_encode( $output ).');'; +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/post.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/post.php new file mode 100644 index 0000000000000000000000000000000000000000..21cafdbb760083a49626681d3c120f253e0c3423 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/post.php @@ -0,0 +1,184 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_POST['iDisplayStart'] ) && $_POST['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_POST['iDisplayStart'] ).", ". + mysql_real_escape_string( $_POST['iDisplayLength'] ); + } + + + /* + * Ordering + */ + if ( isset( $_POST['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_POST['iSortingCols'] ) ; $i++ ) + { + if ( $_POST[ 'bSortable_'.intval($_POST['iSortCol_'.$i]) ] == "true" ) + { + $sOrder .= $aColumns[ intval( $_POST['iSortCol_'.$i] ) ]." + ".mysql_real_escape_string( $_POST['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( $_POST['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_POST['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $_POST['bSearchable_'.$i] == "true" && $_POST['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string($_POST['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $sOutput = '{'; + $sOutput .= '"sEcho": '.intval($_POST['sEcho']).', '; + $sOutput .= '"iTotalRecords": '.$iTotal.', '; + $sOutput .= '"iTotalDisplayRecords": '.$iFilteredTotal.', '; + $sOutput .= '"aaData": [ '; + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $sOutput .= "["; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' */ + $sOutput .= ($aRow[ $aColumns[$i] ]=="0") ? + '"-",' : + '"'.str_replace('"', '\"', $aRow[ $aColumns[$i] ]).'",'; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $sOutput .= '"'.str_replace('"', '\"', $aRow[ $aColumns[$i] ]).'",'; + } + } + + /* + * Optional Configuration: + * If you need to add any extra columns (add/edit/delete etc) to the table, that aren't in the + * database - you can do it here + */ + + + $sOutput = substr_replace( $sOutput, "", -1 ); + $sOutput .= "],"; + } + $sOutput = substr_replace( $sOutput, "", -1 ); + $sOutput .= '] }'; + + echo $sOutput; +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/server_processing.php b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/server_processing.php new file mode 100644 index 0000000000000000000000000000000000000000..98faa61ccebbe67862f38d757247274da3f603ee --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/scripts/server_processing.php @@ -0,0 +1,174 @@ +<?php + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + $sOrder = ""; + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $sOrder .= "`".$aColumns[ intval( $_GET['iSortCol_'.$i] ) ]."` ". + mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= "`".$aColumns[$i]."` LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $sWhere .= "`".$aColumns[$i]."` LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS `".str_replace(" , ", " ", implode("`, `", $aColumns))."` + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(`".$sIndexColumn."`) + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "aaData" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[] = $aRow[ $aColumns[$i] ]; + } + } + $output['aaData'][] = $row; + } + + echo json_encode( $output ); +?> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/select_rows.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/select_rows.html new file mode 100644 index 0000000000000000000000000000000000000000..7144a190cde738e9ae943398de963245f07863ad --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/select_rows.html @@ -0,0 +1,257 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> +$(document).ready(function() { + var aSelected = []; + + /* Init the table */ + $("#example").dataTable({ + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/id.php", + "fnRowCallback": function( nRow, aData, iDisplayIndex ) { + if ( jQuery.inArray(aData.DT_RowId, aSelected) !== -1 ) { + $(nRow).addClass('row_selected'); + } + } + }); + + /* Click event handler */ + $('#example tbody tr').live('click', function () { + var id = this.id; + var index = jQuery.inArray(id, aSelected); + + if ( index === -1 ) { + aSelected.push( id ); + } else { + aSelected.splice( index, 1 ); + } + + $(this).toggleClass('row_selected'); + } ); +} ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing with user selectable rows example + </div> + + <h1>Preamble</h1> + <p>When you want to detail with user selectable rows and DataTables, it is relatively simple when using DOM based data - but if using server-side processing, DataTables doesn't retain state over pages / filters etc, leaving this to the server-side instead. As such, you will need to keep a track of which rows a user as selected and mark them as selected on each draw. This is shown in this demo, which uses a unique ID assigned to the TR element (this is done automatically through the use of the <i>DT_RowId</i> special property returned as part of the object given by the server for each row).</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + var aSelected = []; + + /* Init the table */ + $("#example").dataTable({ + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/id.php", + "fnRowCallback": function( nRow, aData, iDisplayIndex ) { + if ( jQuery.inArray(aData.DT_RowId, aSelected) !== -1 ) { + $(nRow).addClass('row_selected'); + } + } + }); + + /* Click event handler */ + $('#example tbody tr').live('click', function () { + var id = this.id; + var index = jQuery.inArray(id, aSelected); + + if ( index === -1 ) { + aSelected.push( id ); + } else { + aSelected.splice( index, 1 ); + } + + $(this).toggleClass('row_selected'); + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/examples/server_side/server_side.html b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/server_side.html new file mode 100644 index 0000000000000000000000000000000000000000..9e51bfd09c3cfc4a1effe03bc2ceb1d6d983a15c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/examples/server_side/server_side.html @@ -0,0 +1,392 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../media/css/demo_page.css"; + @import "../../media/css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php" + } ); + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + DataTables server-side processing example + </div> + + <h1>Preamble</h1> + <p>There are many ways to get your data into DataTables, and if you are working with seriously large databases, you might want to consider using the server-side options that DataTables provides. Basically all of the paging, filtering, sorting etc that DataTables does can be handed off to a server (or any other data source - Google Gears or Adobe Air for example!) and DataTables is just an events and display module.</p> + <p>The example here shows a very simple display of the CSS data (used in all my other examples), but in this instance coming from the server on each draw. Filtering, multi-column sorting etc all work as you would expect.</p> + + <h1>Live example</h1> + <div id="dynamic"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th width="20%">Rendering engine</th> + <th width="25%">Browser</th> + <th width="25%">Platform(s)</th> + <th width="15%">Engine version</th> + <th width="15%">CSS grade</th> + </tr> + </thead> + <tbody> + <tr> + <td colspan="5" class="dataTables_empty">Loading data from server</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <h1>Initialisation code</h1> + <pre class="brush: js;">$(document).ready(function() { + $('#example').dataTable( { + "bProcessing": true, + "bServerSide": true, + "sAjaxSource": "scripts/server_processing.php" + } ); +} );</pre> + <style type="text/css"> + @import "../examples_support/syntax/css/shCore.css"; + </style> + <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> + + <h1>Server response</h1> + <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p> + <pre id="latest_xhr" class="brush: js;"></pre> + + <h1>Server side (PHP) code</h1> + <pre><?php + /* + * Script: DataTables server-side script for PHP and MySQL + * Copyright: 2010 - Allan Jardine + * License: GPL v2 or BSD (3-point) + */ + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Easy set variables + */ + + /* Array of database columns which should be read and sent back to DataTables. Use a space where + * you want to insert a non-database field (for example a counter or static image) + */ + $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' ); + + /* Indexed column (used for fast and accurate table cardinality) */ + $sIndexColumn = "id"; + + /* DB table to use */ + $sTable = "ajax"; + + /* Database connection information */ + $gaSql['user'] = ""; + $gaSql['password'] = ""; + $gaSql['db'] = ""; + $gaSql['server'] = "localhost"; + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP server-side, there is + * no need to edit below this line + */ + + /* + * MySQL connection + */ + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + + + /* + * Paging + */ + $sLimit = ""; + if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) + { + $sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ". + mysql_real_escape_string( $_GET['iDisplayLength'] ); + } + + + /* + * Ordering + */ + if ( isset( $_GET['iSortCol_0'] ) ) + { + $sOrder = "ORDER BY "; + for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) + { + if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) + { + $sOrder .= $aColumns[ intval( $_GET['iSortCol_'.$i] ) ]." + ".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", "; + } + } + + $sOrder = substr_replace( $sOrder, "", -2 ); + if ( $sOrder == "ORDER BY" ) + { + $sOrder = ""; + } + } + + + /* + * Filtering + * NOTE this does not match the built-in DataTables filtering which does it + * word by word on any field. It's possible to do here, but concerned about efficiency + * on very large tables, and MySQL's regex functionality is very limited + */ + $sWhere = ""; + if ( $_GET['sSearch'] != "" ) + { + $sWhere = "WHERE ("; + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; + } + $sWhere = substr_replace( $sWhere, "", -3 ); + $sWhere .= ')'; + } + + /* Individual column filtering */ + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' ) + { + if ( $sWhere == "" ) + { + $sWhere = "WHERE "; + } + else + { + $sWhere .= " AND "; + } + $sWhere .= $aColumns[$i]." LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' "; + } + } + + + /* + * SQL queries + * Get data to display + */ + $sQuery = " + SELECT SQL_CALC_FOUND_ROWS ".str_replace(" , ", " ", implode(", ", $aColumns))." + FROM $sTable + $sWhere + $sOrder + $sLimit + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + + /* Data set length after filtering */ + $sQuery = " + SELECT FOUND_ROWS() + "; + $rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultFilterTotal = mysql_fetch_array($rResultFilterTotal); + $iFilteredTotal = $aResultFilterTotal[0]; + + /* Total data set length */ + $sQuery = " + SELECT COUNT(".$sIndexColumn.") + FROM $sTable + "; + $rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + $aResultTotal = mysql_fetch_array($rResultTotal); + $iTotal = $aResultTotal[0]; + + + /* + * Output + */ + $output = array( + "sEcho" => intval($_GET['sEcho']), + "iTotalRecords" => $iTotal, + "iTotalDisplayRecords" => $iFilteredTotal, + "aaData" => array() + ); + + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + $row = array(); + for ( $i=0 ; $i<count($aColumns) ; $i++ ) + { + if ( $aColumns[$i] == "version" ) + { + /* Special output formatting for 'version' column */ + $row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ]; + } + else if ( $aColumns[$i] != ' ' ) + { + /* General output */ + $row[] = $aRow[ $aColumns[$i] ]; + } + } + $output['aaData'][] = $row; + } + + echo json_encode( $output ); +?></pre> + + + <h1>Other examples</h1> + <div class="demo_links"> + <h2>Basic initialisation</h2> + <ul> + <li><a href="../basic_init/zero_config.html">Zero configuration</a></li> + <li><a href="../basic_init/filter_only.html">Feature enablement</a></li> + <li><a href="../basic_init/table_sorting.html">Sorting data</a></li> + <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li> + <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li> + <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li> + <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li> + <li><a href="../basic_init/dom.html">DOM positioning</a></li> + <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li> + <li><a href="../basic_init/state_save.html">State saving</a></li> + <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li> + <li>Scrolling: <br> + <a href="../basic_init/scroll_x.html">Horizontal</a> / + <a href="../basic_init/scroll_y.html">Vertical</a> / + <a href="../basic_init/scroll_xy.html">Both</a> / + <a href="../basic_init/scroll_y_theme.html">Themed</a> / + <a href="../basic_init/scroll_y_infinite.html">Infinite</a> + </li> + <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li> + <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li> + </ul> + + <h2>Advanced initialisation</h2> + <ul> + <li>Events: <br> + <a href="../advanced_init/events_live.html">Live events</a> / + <a href="../advanced_init/events_pre_init.html">Pre-init</a> / + <a href="../advanced_init/events_post_init.html">Post-init</a> + </li> + <li><a href="../advanced_init/column_render.html">Column rendering</a></li> + <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li> + <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li> + <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li> + <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li> + <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li> + <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li> + <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li> + <li><a href="../advanced_init/row_callback.html">Row callback</a></li> + <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li> + <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li> + <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li> + <li><a href="../advanced_init/defaults.html">Setting defaults</a></li> + <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li> + <li><a href="../advanced_init/dt_events.html">Custom events</a></li> + </ul> + + <h2>API</h2> + <ul> + <li><a href="../api/add_row.html">Dynamically add a new row</a></li> + <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li> + <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li> + <li><a href="../api/highlight.html">Highlight rows and columns</a></li> + <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li> + <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li> + <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li> + <li><a href="../api/form.html">Submit form with elements in table</a></li> + <li><a href="../api/counter_column.html">Index column (static number column)</a></li> + <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li> + <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li> + <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li> + <li><a href="../api/regex.html">Regular expression filtering</a></li> + </ul> + </div> + + <div class="demo_links"> + <h2>Data sources</h2> + <ul> + <li><a href="../data_sources/dom.html">DOM</a></li> + <li><a href="../data_sources/js_array.html">Javascript array</a></li> + <li><a href="../data_sources/ajax.html">Ajax source</a></li> + <li><a href="../data_sources/server_side.html">Server side processing</a></li> + </ul> + + <h2>Server-side processing</h2> + <ul> + <li><a href="../server_side/server_side.html">Obtain server-side data</a></li> + <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li> + <li><a href="../server_side/post.html">Use HTTP POST</a></li> + <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li> + <li><a href="../server_side/object_data.html">Reading table data from objects</a></li> + <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li> + <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li> + <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li> + <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li> + <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li> + <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li> + <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li> + </ul> + + <h2>Ajax data source</h2> + <ul> + <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li> + <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li> + <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li> + <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li> + <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li> + <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li> + <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li> + </ul> + + <h2>Plug-ins</h2> + <ul> + <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li> + <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li> + <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li> + <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li> + <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li> + <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li> + <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li> + </ul> + </div> + + + <div id="footer" class="clear" style="text-align:center;"> + <p> + Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables. + </p> + + <span style="font-size:10px;"> + DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br> + DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/jquery.dataTables.min.js b/src/warden-server/contrib/wardenweb/datatables/jquery.dataTables.min.js new file mode 100644 index 0000000000000000000000000000000000000000..bbbddb5b0cf333be3ae2435ca5b7694cc90c760b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/jquery.dataTables.min.js @@ -0,0 +1,153 @@ +/* + * File: jquery.dataTables.min.js + * Version: 1.9.0 + * Author: Allan Jardine (www.sprymedia.co.uk) + * Info: www.datatables.net + * + * Copyright 2008-2012 Allan Jardine, all rights reserved. + * + * This source file is free software, under either the GPL v2 license or a + * BSD style license, available at: + * http://datatables.net/license_gpl2 + * http://datatables.net/license_bsd + * + * This source file is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + */ +(function(i,aa,k,l){var j=function(e){function o(a,b){var c=j.defaults.columns,d=a.aoColumns.length,c=i.extend({},j.models.oColumn,c,{sSortingClass:a.oClasses.sSortable,sSortingClassJUI:a.oClasses.sSortJUI,nTh:b?b:k.createElement("th"),sTitle:c.sTitle?c.sTitle:b?b.innerHTML:"",aDataSort:c.aDataSort?c.aDataSort:[d],mDataProp:c.mDataProp?c.oDefaults:d});a.aoColumns.push(c);if(a.aoPreSearchCols[d]===l||null===a.aoPreSearchCols[d])a.aoPreSearchCols[d]=i.extend({},j.models.oSearch);else{c=a.aoPreSearchCols[d]; +if(c.bRegex===l)c.bRegex=!0;if(c.bSmart===l)c.bSmart=!0;if(c.bCaseInsensitive===l)c.bCaseInsensitive=!0}E(a,d,null)}function E(a,b,c){b=a.aoColumns[b];if(c!==l&&null!==c){if(c.sType!==l)b.sType=c.sType,b._bAutoType=!1;i.extend(b,c);n(b,c,"sWidth","sWidthOrig");if(c.iDataSort!==l)b.aDataSort=[c.iDataSort];n(b,c,"aDataSort")}b.fnGetData=V(b.mDataProp);b.fnSetData=sa(b.mDataProp);if(!a.oFeatures.bSort)b.bSortable=!1;if(!b.bSortable||-1==i.inArray("asc",b.asSorting)&&-1==i.inArray("desc",b.asSorting))b.sSortingClass= +a.oClasses.sSortableNone,b.sSortingClassJUI="";else if(b.bSortable||-1==i.inArray("asc",b.asSorting)&&-1==i.inArray("desc",b.asSorting))b.sSortingClass=a.oClasses.sSortable,b.sSortingClassJUI=a.oClasses.sSortJUI;else if(-1!=i.inArray("asc",b.asSorting)&&-1==i.inArray("desc",b.asSorting))b.sSortingClass=a.oClasses.sSortableAsc,b.sSortingClassJUI=a.oClasses.sSortJUIAscAllowed;else if(-1==i.inArray("asc",b.asSorting)&&-1!=i.inArray("desc",b.asSorting))b.sSortingClass=a.oClasses.sSortableDesc,b.sSortingClassJUI= +a.oClasses.sSortJUIDescAllowed}function r(a){if(!1===a.oFeatures.bAutoWidth)return!1;ba(a);for(var b=0,c=a.aoColumns.length;b<c;b++)a.aoColumns[b].nTh.style.width=a.aoColumns[b].sWidth}function s(a,b){for(var c=-1,d=0;d<a.aoColumns.length;d++)if(!0===a.aoColumns[d].bVisible&&c++,c==b)return d;return null}function t(a,b){for(var c=-1,d=0;d<a.aoColumns.length;d++)if(!0===a.aoColumns[d].bVisible&&c++,d==b)return!0===a.aoColumns[d].bVisible?c:null;return null}function v(a){for(var b=0,c=0;c<a.aoColumns.length;c++)!0=== +a.aoColumns[c].bVisible&&b++;return b}function B(a){for(var b=j.ext.aTypes,c=b.length,d=0;d<c;d++){var f=b[d](a);if(null!==f)return f}return"string"}function D(a,b){for(var c=b.split(","),d=[],f=0,h=a.aoColumns.length;f<h;f++)for(var g=0;g<h;g++)if(a.aoColumns[f].sName==c[g]){d.push(g);break}return d}function x(a){for(var b="",c=0,d=a.aoColumns.length;c<d;c++)b+=a.aoColumns[c].sName+",";return b.length==d?"":b.slice(0,-1)}function I(a,b,c,d){var f,h,g,e,q;if(b)for(f=b.length-1;0<=f;f--){var m=b[f].aTargets; +i.isArray(m)||F(a,1,"aTargets must be an array of targets, not a "+typeof m);for(h=0,g=m.length;h<g;h++)if("number"===typeof m[h]&&0<=m[h]){for(;a.aoColumns.length<=m[h];)o(a);d(m[h],b[f])}else if("number"===typeof m[h]&&0>m[h])d(a.aoColumns.length+m[h],b[f]);else if("string"===typeof m[h])for(e=0,q=a.aoColumns.length;e<q;e++)("_all"==m[h]||i(a.aoColumns[e].nTh).hasClass(m[h]))&&d(e,b[f])}if(c)for(f=0,a=c.length;f<a;f++)d(f,c[f])}function G(a,b){var c;c=i.isArray(b)?b.slice():i.extend(!0,{},b);var d= +a.aoData.length;c=i.extend(!0,{},j.models.oRow,{_aData:c});a.aoData.push(c);for(var f,h=0,g=a.aoColumns.length;h<g;h++)if(c=a.aoColumns[h],"function"===typeof c.fnRender&&c.bUseRendered&&null!==c.mDataProp&&J(a,d,h,R(a,d,h)),c._bAutoType&&"string"!=c.sType&&(f=w(a,d,h,"type"),null!==f&&""!==f))if(f=B(f),null===c.sType)c.sType=f;else if(c.sType!=f&&"html"!=c.sType)c.sType="string";a.aiDisplayMaster.push(d);a.oFeatures.bDeferRender||ca(a,d);return d}function ta(a){var b,c,d,f,h,g,e,q,m;if(a.bDeferLoading|| +null===a.sAjaxSource){e=a.nTBody.childNodes;for(b=0,c=e.length;b<c;b++)if("TR"==e[b].nodeName.toUpperCase()){q=a.aoData.length;e[b]._DT_RowIndex=q;a.aoData.push(i.extend(!0,{},j.models.oRow,{nTr:e[b]}));a.aiDisplayMaster.push(q);g=e[b].childNodes;h=0;for(d=0,f=g.length;d<f;d++)if(m=g[d].nodeName.toUpperCase(),"TD"==m||"TH"==m)J(a,q,h,i.trim(g[d].innerHTML)),h++}}e=S(a);g=[];for(b=0,c=e.length;b<c;b++)for(d=0,f=e[b].childNodes.length;d<f;d++)h=e[b].childNodes[d],m=h.nodeName.toUpperCase(),("TD"==m|| +"TH"==m)&&g.push(h);for(f=0,e=a.aoColumns.length;f<e;f++){m=a.aoColumns[f];if(null===m.sTitle)m.sTitle=m.nTh.innerHTML;h=m._bAutoType;q="function"===typeof m.fnRender;var o=null!==m.sClass,r=m.bVisible,l,n;if(h||q||o||!r)for(b=0,c=a.aoData.length;b<c;b++){d=a.aoData[b];l=g[b*e+f];if(h&&"string"!=m.sType&&(n=w(a,b,f,"type"),""!==n))if(n=B(n),null===m.sType)m.sType=n;else if(m.sType!=n&&"html"!=m.sType)m.sType="string";if("function"===typeof m.mDataProp)l.innerHTML=w(a,b,f,"display");if(q)n=R(a,b,f), +l.innerHTML=n,m.bUseRendered&&J(a,b,f,n);o&&(l.className+=" "+m.sClass);r?d._anHidden[f]=null:(d._anHidden[f]=l,l.parentNode.removeChild(l));m.fnCreatedCell&&m.fnCreatedCell.call(a.oInstance,l,w(a,b,f,"display"),d._aData,b,f)}}if(0!==a.aoRowCreatedCallback.length)for(b=0,c=a.aoData.length;b<c;b++)d=a.aoData[b],C(a,"aoRowCreatedCallback",null,[d.nTr,d._aData,b])}function K(a,b){return b._DT_RowIndex!==l?b._DT_RowIndex:null}function da(a,b,c){for(var b=L(a,b),d=0,a=a.aoColumns.length;d<a;d++)if(b[d]=== +c)return d;return-1}function W(a,b,c){for(var d=[],f=0,h=a.aoColumns.length;f<h;f++)d.push(w(a,b,f,c));return d}function w(a,b,c,d){var f=a.aoColumns[c];if((c=f.fnGetData(a.aoData[b]._aData,d))===l){if(a.iDrawError!=a.iDraw&&null===f.sDefaultContent)F(a,0,"Requested unknown parameter '"+f.mDataProp+"' from the data source for row "+b),a.iDrawError=a.iDraw;return f.sDefaultContent}if(null===c&&null!==f.sDefaultContent)c=f.sDefaultContent;else if("function"===typeof c)return c();return"display"==d&& +null===c?"":c}function J(a,b,c,d){a.aoColumns[c].fnSetData(a.aoData[b]._aData,d)}function V(a){if(null===a)return function(){return null};if("function"===typeof a)return function(b,d){return a(b,d)};if("string"===typeof a&&-1!=a.indexOf(".")){var b=a.split(".");return function(a){for(var d=0,f=b.length;d<f;d++)if(a=a[b[d]],a===l)return l;return a}}return function(b){return b[a]}}function sa(a){if(null===a)return function(){};if("function"===typeof a)return function(b,d){a(b,"set",d)};if("string"=== +typeof a&&-1!=a.indexOf(".")){var b=a.split(".");return function(a,d){for(var f=0,h=b.length-1;f<h;f++)a=a[b[f]];a[b[b.length-1]]=d}}return function(b,d){b[a]=d}}function X(a){for(var b=[],c=a.aoData.length,d=0;d<c;d++)b.push(a.aoData[d]._aData);return b}function ea(a){a.aoData.splice(0,a.aoData.length);a.aiDisplayMaster.splice(0,a.aiDisplayMaster.length);a.aiDisplay.splice(0,a.aiDisplay.length);z(a)}function fa(a,b){for(var c=-1,d=0,f=a.length;d<f;d++)a[d]==b?c=d:a[d]>b&&a[d]--; -1!=c&&a.splice(c, +1)}function R(a,b,c){var d=a.aoColumns[c];return d.fnRender({iDataRow:b,iDataColumn:c,oSettings:a,aData:a.aoData[b]._aData,mDataProp:d.mDataProp},w(a,b,c,"display"))}function ca(a,b){var c=a.aoData[b],d;if(null===c.nTr){c.nTr=k.createElement("tr");c.nTr._DT_RowIndex=b;if(c._aData.DT_RowId)c.nTr.id=c._aData.DT_RowId;c._aData.DT_RowClass&&i(c.nTr).addClass(c._aData.DT_RowClass);for(var f=0,h=a.aoColumns.length;f<h;f++){var g=a.aoColumns[f];d=k.createElement("td");d.innerHTML="function"===typeof g.fnRender&& +(!g.bUseRendered||null===g.mDataProp)?R(a,b,f):w(a,b,f,"display");if(null!==g.sClass)d.className=g.sClass;g.bVisible?(c.nTr.appendChild(d),c._anHidden[f]=null):c._anHidden[f]=d;g.fnCreatedCell&&g.fnCreatedCell.call(a.oInstance,d,w(a,b,f,"display"),c._aData,b,f)}C(a,"aoRowCreatedCallback",null,[c.nTr,c._aData,b])}}function ua(a){var b,c,d;if(0!==a.nTHead.getElementsByTagName("th").length)for(b=0,d=a.aoColumns.length;b<d;b++){if(c=a.aoColumns[b].nTh,c.setAttribute("role","columnheader"),a.aoColumns[b].bSortable&& +(c.setAttribute("tabindex",a.iTabIndex),c.setAttribute("aria-controls",a.sTableId)),null!==a.aoColumns[b].sClass&&i(c).addClass(a.aoColumns[b].sClass),a.aoColumns[b].sTitle!=c.innerHTML)c.innerHTML=a.aoColumns[b].sTitle}else{var f=k.createElement("tr");for(b=0,d=a.aoColumns.length;b<d;b++)c=a.aoColumns[b].nTh,c.innerHTML=a.aoColumns[b].sTitle,c.setAttribute("tabindex","0"),null!==a.aoColumns[b].sClass&&i(c).addClass(a.aoColumns[b].sClass),f.appendChild(c);i(a.nTHead).html("")[0].appendChild(f);T(a.aoHeader, +a.nTHead)}i(a.nTHead).children("tr").attr("role","row");if(a.bJUI)for(b=0,d=a.aoColumns.length;b<d;b++){c=a.aoColumns[b].nTh;f=k.createElement("div");f.className=a.oClasses.sSortJUIWrapper;i(c).contents().appendTo(f);var h=k.createElement("span");h.className=a.oClasses.sSortIcon;f.appendChild(h);c.appendChild(f)}if(a.oFeatures.bSort)for(b=0;b<a.aoColumns.length;b++)!1!==a.aoColumns[b].bSortable?ga(a,a.aoColumns[b].nTh,b):i(a.aoColumns[b].nTh).addClass(a.oClasses.sSortableNone);""!==a.oClasses.sFooterTH&& +i(a.nTFoot).children("tr").children("th").addClass(a.oClasses.sFooterTH);if(null!==a.nTFoot){c=O(a,null,a.aoFooter);for(b=0,d=a.aoColumns.length;b<d;b++)if(c[b])a.aoColumns[b].nTf=c[b],a.aoColumns[b].sClass&&i(c[b]).addClass(a.aoColumns[b].sClass)}}function U(a,b,c){var d,f,h,g=[],e=[],i=a.aoColumns.length,m;c===l&&(c=!1);for(d=0,f=b.length;d<f;d++){g[d]=b[d].slice();g[d].nTr=b[d].nTr;for(h=i-1;0<=h;h--)!a.aoColumns[h].bVisible&&!c&&g[d].splice(h,1);e.push([])}for(d=0,f=g.length;d<f;d++){if(a=g[d].nTr)for(;h= +a.firstChild;)a.removeChild(h);for(h=0,b=g[d].length;h<b;h++)if(m=i=1,e[d][h]===l){a.appendChild(g[d][h].cell);for(e[d][h]=1;g[d+i]!==l&&g[d][h].cell==g[d+i][h].cell;)e[d+i][h]=1,i++;for(;g[d][h+m]!==l&&g[d][h].cell==g[d][h+m].cell;){for(c=0;c<i;c++)e[d+c][h+m]=1;m++}g[d][h].cell.rowSpan=i;g[d][h].cell.colSpan=m}}}function y(a){var b,c,d=[],f=0,h=a.asStripeClasses.length;b=a.aoOpenRows.length;c=C(a,"aoPreDrawCallback","preDraw",[a]);if(-1===i.inArray(!1,c)){a.bDrawing=!0;if(a.iInitDisplayStart!== +l&&-1!=a.iInitDisplayStart)a._iDisplayStart=a.oFeatures.bServerSide?a.iInitDisplayStart:a.iInitDisplayStart>=a.fnRecordsDisplay()?0:a.iInitDisplayStart,a.iInitDisplayStart=-1,z(a);if(a.bDeferLoading)a.bDeferLoading=!1,a.iDraw++;else if(a.oFeatures.bServerSide){if(!a.bDestroying&&!va(a))return}else a.iDraw++;if(0!==a.aiDisplay.length){var g=a._iDisplayStart;c=a._iDisplayEnd;if(a.oFeatures.bServerSide)g=0,c=a.aoData.length;for(;g<c;g++){var e=a.aoData[a.aiDisplay[g]];null===e.nTr&&ca(a,a.aiDisplay[g]); +var q=e.nTr;if(0!==h){var m=a.asStripeClasses[f%h];if(e._sRowStripe!=m)i(q).removeClass(e._sRowStripe).addClass(m),e._sRowStripe=m}C(a,"aoRowCallback",null,[q,a.aoData[a.aiDisplay[g]]._aData,f,g]);d.push(q);f++;if(0!==b)for(e=0;e<b;e++)if(q==a.aoOpenRows[e].nParent){d.push(a.aoOpenRows[e].nTr);break}}}else{d[0]=k.createElement("tr");if(a.asStripeClasses[0])d[0].className=a.asStripeClasses[0];h=a.oLanguage.sZeroRecords.replace("_MAX_",a.fnFormatNumber(a.fnRecordsTotal()));if(1==a.iDraw&&null!==a.sAjaxSource&& +!a.oFeatures.bServerSide)h=a.oLanguage.sLoadingRecords;else if(a.oLanguage.sEmptyTable&&0===a.fnRecordsTotal())h=a.oLanguage.sEmptyTable;b=k.createElement("td");b.setAttribute("valign","top");b.colSpan=v(a);b.className=a.oClasses.sRowEmpty;b.innerHTML=h;d[f].appendChild(b)}C(a,"aoHeaderCallback","header",[i(a.nTHead).children("tr")[0],X(a),a._iDisplayStart,a.fnDisplayEnd(),a.aiDisplay]);C(a,"aoFooterCallback","footer",[i(a.nTFoot).children("tr")[0],X(a),a._iDisplayStart,a.fnDisplayEnd(),a.aiDisplay]); +f=k.createDocumentFragment();b=k.createDocumentFragment();if(a.nTBody){h=a.nTBody.parentNode;b.appendChild(a.nTBody);if(!a.oScroll.bInfinite||!a._bInitComplete||a.bSorted||a.bFiltered)for(;b=a.nTBody.firstChild;)a.nTBody.removeChild(b);for(b=0,c=d.length;b<c;b++)f.appendChild(d[b]);a.nTBody.appendChild(f);null!==h&&h.appendChild(a.nTBody)}C(a,"aoDrawCallback","draw",[a]);a.bSorted=!1;a.bFiltered=!1;a.bDrawing=!1;a.oFeatures.bServerSide&&(H(a,!1),a._bInitComplete||Y(a))}}function Z(a){a.oFeatures.bSort? +P(a,a.oPreviousSearch):a.oFeatures.bFilter?M(a,a.oPreviousSearch):(z(a),y(a))}function wa(a){var b=i("<div></div>")[0];a.nTable.parentNode.insertBefore(b,a.nTable);a.nTableWrapper=i('<div id="'+a.sTableId+'_wrapper" class="'+a.oClasses.sWrapper+'" role="grid"></div>')[0];a.nTableReinsertBefore=a.nTable.nextSibling;for(var c=a.nTableWrapper,d=a.sDom.split(""),f,h,g,e,q,m,o,l=0;l<d.length;l++){h=0;g=d[l];if("<"==g){e=i("<div></div>")[0];q=d[l+1];if("'"==q||'"'==q){m="";for(o=2;d[l+o]!=q;)m+=d[l+o], +o++;"H"==m?m="fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix":"F"==m&&(m="fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix");-1!=m.indexOf(".")?(q=m.split("."),e.id=q[0].substr(1,q[0].length-1),e.className=q[1]):"#"==m.charAt(0)?e.id=m.substr(1,m.length-1):e.className=m;l+=o}c.appendChild(e);c=e}else if(">"==g)c=c.parentNode;else if("l"==g&&a.oFeatures.bPaginate&&a.oFeatures.bLengthChange)f=xa(a),h=1;else if("f"==g&&a.oFeatures.bFilter)f= +ya(a),h=1;else if("r"==g&&a.oFeatures.bProcessing)f=za(a),h=1;else if("t"==g)f=Aa(a),h=1;else if("i"==g&&a.oFeatures.bInfo)f=Ba(a),h=1;else if("p"==g&&a.oFeatures.bPaginate)f=Ca(a),h=1;else if(0!==j.ext.aoFeatures.length){e=j.ext.aoFeatures;o=0;for(q=e.length;o<q;o++)if(g==e[o].cFeature){(f=e[o].fnInit(a))&&(h=1);break}}1==h&&null!==f&&("object"!==typeof a.aanFeatures[g]&&(a.aanFeatures[g]=[]),a.aanFeatures[g].push(f),c.appendChild(f))}b.parentNode.replaceChild(a.nTableWrapper,b)}function T(a,b){var c= +i(b).children("tr"),d,f,h,g,e,q,m,j;a.splice(0,a.length);for(f=0,q=c.length;f<q;f++)a.push([]);for(f=0,q=c.length;f<q;f++)for(h=0,m=c[f].childNodes.length;h<m;h++)if(d=c[f].childNodes[h],"TD"==d.nodeName.toUpperCase()||"TH"==d.nodeName.toUpperCase()){var o=1*d.getAttribute("colspan"),l=1*d.getAttribute("rowspan"),o=!o||0===o||1===o?1:o,l=!l||0===l||1===l?1:l;for(g=0;a[f][g];)g++;j=g;for(e=0;e<o;e++)for(g=0;g<l;g++)a[f+g][j+e]={cell:d,unique:1==o?!0:!1},a[f+g].nTr=c[f]}}function O(a,b,c){var d=[]; +if(!c)c=a.aoHeader,b&&(c=[],T(c,b));for(var b=0,f=c.length;b<f;b++)for(var h=0,g=c[b].length;h<g;h++)if(c[b][h].unique&&(!d[h]||!a.bSortCellsTop))d[h]=c[b][h].cell;return d}function va(a){if(a.bAjaxDataGet){a.iDraw++;H(a,!0);var b=Da(a);ha(a,b);a.fnServerData.call(a.oInstance,a.sAjaxSource,b,function(b){Ea(a,b)},a);return!1}return!0}function Da(a){var b=a.aoColumns.length,c=[],d,f;c.push({name:"sEcho",value:a.iDraw});c.push({name:"iColumns",value:b});c.push({name:"sColumns",value:x(a)});c.push({name:"iDisplayStart", +value:a._iDisplayStart});c.push({name:"iDisplayLength",value:!1!==a.oFeatures.bPaginate?a._iDisplayLength:-1});for(f=0;f<b;f++)d=a.aoColumns[f].mDataProp,c.push({name:"mDataProp_"+f,value:"function"===typeof d?"function":d});if(!1!==a.oFeatures.bFilter){c.push({name:"sSearch",value:a.oPreviousSearch.sSearch});c.push({name:"bRegex",value:a.oPreviousSearch.bRegex});for(f=0;f<b;f++)c.push({name:"sSearch_"+f,value:a.aoPreSearchCols[f].sSearch}),c.push({name:"bRegex_"+f,value:a.aoPreSearchCols[f].bRegex}), +c.push({name:"bSearchable_"+f,value:a.aoColumns[f].bSearchable})}if(!1!==a.oFeatures.bSort){d=null!==a.aaSortingFixed?a.aaSortingFixed.length:0;var h=a.aaSorting.length;c.push({name:"iSortingCols",value:d+h});for(f=0;f<d;f++)c.push({name:"iSortCol_"+f,value:a.aaSortingFixed[f][0]}),c.push({name:"sSortDir_"+f,value:a.aaSortingFixed[f][1]});for(f=0;f<h;f++)c.push({name:"iSortCol_"+(f+d),value:a.aaSorting[f][0]}),c.push({name:"sSortDir_"+(f+d),value:a.aaSorting[f][1]});for(f=0;f<b;f++)c.push({name:"bSortable_"+ +f,value:a.aoColumns[f].bSortable})}return c}function ha(a,b){C(a,"aoServerParams","serverParams",[b])}function Ea(a,b){if(b.sEcho!==l){if(1*b.sEcho<a.iDraw)return;a.iDraw=1*b.sEcho}(!a.oScroll.bInfinite||a.oScroll.bInfinite&&(a.bSorted||a.bFiltered))&&ea(a);a._iRecordsTotal=parseInt(b.iTotalRecords,10);a._iRecordsDisplay=parseInt(b.iTotalDisplayRecords,10);var c=x(a),c=b.sColumns!==l&&""!==c&&b.sColumns!=c,d;c&&(d=D(a,b.sColumns));for(var f=V(a.sAjaxDataProp)(b),h=0,g=f.length;h<g;h++)if(c){for(var e= +[],i=0,m=a.aoColumns.length;i<m;i++)e.push(f[h][d[i]]);G(a,e)}else G(a,f[h]);a.aiDisplay=a.aiDisplayMaster.slice();a.bAjaxDataGet=!1;y(a);a.bAjaxDataGet=!0;H(a,!1)}function ya(a){var b=a.oPreviousSearch,c=a.oLanguage.sSearch,c=-1!==c.indexOf("_INPUT_")?c.replace("_INPUT_",'<input type="text" />'):""===c?'<input type="text" />':c+' <input type="text" />',d=k.createElement("div");d.className=a.oClasses.sFilter;d.innerHTML="<label>"+c+"</label>";if(!a.aanFeatures.f)d.id=a.sTableId+"_filter";c=i("input", +d);c.val(b.sSearch.replace('"',"""));c.bind("keyup.DT",function(){for(var c=a.aanFeatures.f,d=0,g=c.length;d<g;d++)c[d]!=i(this).parents("div.dataTables_filter")[0]&&i("input",c[d]).val(this.value);this.value!=b.sSearch&&M(a,{sSearch:this.value,bRegex:b.bRegex,bSmart:b.bSmart,bCaseInsensitive:b.bCaseInsensitive})});c.attr("aria-controls",a.sTableId).bind("keypress.DT",function(a){if(13==a.keyCode)return!1});return d}function M(a,b,c){var d=a.oPreviousSearch,f=a.aoPreSearchCols,h=function(a){d.sSearch= +a.sSearch;d.bRegex=a.bRegex;d.bSmart=a.bSmart;d.bCaseInsensitive=a.bCaseInsensitive};if(a.oFeatures.bServerSide)h(b);else{Fa(a,b.sSearch,c,b.bRegex,b.bSmart,b.bCaseInsensitive);h(b);for(b=0;b<a.aoPreSearchCols.length;b++)Ga(a,f[b].sSearch,b,f[b].bRegex,f[b].bSmart,f[b].bCaseInsensitive);Ha(a)}a.bFiltered=!0;i(a.oInstance).trigger("filter",a);a._iDisplayStart=0;z(a);y(a);ia(a,0)}function Ha(a){for(var b=j.ext.afnFiltering,c=0,d=b.length;c<d;c++)for(var f=0,h=0,g=a.aiDisplay.length;h<g;h++){var e=a.aiDisplay[h- +f];b[c](a,W(a,e,"filter"),e)||(a.aiDisplay.splice(h-f,1),f++)}}function Ga(a,b,c,d,f,h){if(""!==b)for(var g=0,b=ja(b,d,f,h),d=a.aiDisplay.length-1;0<=d;d--)f=ka(w(a,a.aiDisplay[d],c,"filter"),a.aoColumns[c].sType),b.test(f)||(a.aiDisplay.splice(d,1),g++)}function Fa(a,b,c,d,f,h){d=ja(b,d,f,h);f=a.oPreviousSearch;c||(c=0);0!==j.ext.afnFiltering.length&&(c=1);if(0>=b.length)a.aiDisplay.splice(0,a.aiDisplay.length),a.aiDisplay=a.aiDisplayMaster.slice();else if(a.aiDisplay.length==a.aiDisplayMaster.length|| +f.sSearch.length>b.length||1==c||0!==b.indexOf(f.sSearch)){a.aiDisplay.splice(0,a.aiDisplay.length);ia(a,1);for(b=0;b<a.aiDisplayMaster.length;b++)d.test(a.asDataSearch[b])&&a.aiDisplay.push(a.aiDisplayMaster[b])}else for(b=c=0;b<a.asDataSearch.length;b++)d.test(a.asDataSearch[b])||(a.aiDisplay.splice(b-c,1),c++)}function ia(a,b){if(!a.oFeatures.bServerSide){a.asDataSearch.splice(0,a.asDataSearch.length);for(var c=b&&1===b?a.aiDisplayMaster:a.aiDisplay,d=0,f=c.length;d<f;d++)a.asDataSearch[d]=la(a, +W(a,c[d],"filter"))}}function la(a,b){var c="";if(a.__nTmpFilter===l)a.__nTmpFilter=k.createElement("div");for(var d=a.__nTmpFilter,f=0,h=a.aoColumns.length;f<h;f++)a.aoColumns[f].bSearchable&&(c+=ka(b[f],a.aoColumns[f].sType)+" ");if(-1!==c.indexOf("&"))d.innerHTML=c,c=d.textContent?d.textContent:d.innerText,c=c.replace(/\n/g," ").replace(/\r/g,"");return c}function ja(a,b,c,d){if(c)return a=b?a.split(" "):ma(a).split(" "),a="^(?=.*?"+a.join(")(?=.*?")+").*$",RegExp(a,d?"i":"");a=b?a:ma(a);return RegExp(a, +d?"i":"")}function ka(a,b){return"function"===typeof j.ext.ofnSearch[b]?j.ext.ofnSearch[b](a):"html"==b?a.replace(/[\r\n]/g," ").replace(/<.*?>/g,""):"string"===typeof a?a.replace(/[\r\n]/g," "):null===a?"":a}function ma(a){return a.replace(RegExp("(\\/|\\.|\\*|\\+|\\?|\\||\\(|\\)|\\[|\\]|\\{|\\}|\\\\|\\$|\\^)","g"),"\\$1")}function Ba(a){var b=k.createElement("div");b.className=a.oClasses.sInfo;if(!a.aanFeatures.i)a.aoDrawCallback.push({fn:Ia,sName:"information"}),b.id=a.sTableId+"_info";a.nTable.setAttribute("aria-describedby", +a.sTableId+"_info");return b}function Ia(a){if(a.oFeatures.bInfo&&0!==a.aanFeatures.i.length){var b=a._iDisplayStart+1,c=a.fnDisplayEnd(),d=a.fnRecordsTotal(),f=a.fnRecordsDisplay(),h=a.fnFormatNumber(b),g=a.fnFormatNumber(c),e=a.fnFormatNumber(d),q=a.fnFormatNumber(f);a.oScroll.bInfinite&&(h=a.fnFormatNumber(1));h=0===a.fnRecordsDisplay()&&a.fnRecordsDisplay()==a.fnRecordsTotal()?a.oLanguage.sInfoEmpty+a.oLanguage.sInfoPostFix:0===a.fnRecordsDisplay()?a.oLanguage.sInfoEmpty+" "+a.oLanguage.sInfoFiltered.replace("_MAX_", +e)+a.oLanguage.sInfoPostFix:a.fnRecordsDisplay()==a.fnRecordsTotal()?a.oLanguage.sInfo.replace("_START_",h).replace("_END_",g).replace("_TOTAL_",q)+a.oLanguage.sInfoPostFix:a.oLanguage.sInfo.replace("_START_",h).replace("_END_",g).replace("_TOTAL_",q)+" "+a.oLanguage.sInfoFiltered.replace("_MAX_",a.fnFormatNumber(a.fnRecordsTotal()))+a.oLanguage.sInfoPostFix;null!==a.oLanguage.fnInfoCallback&&(h=a.oLanguage.fnInfoCallback.call(a.oInstance,a,b,c,d,f,h));a=a.aanFeatures.i;b=0;for(c=a.length;b<c;b++)i(a[b]).html(h)}} +function $(a){var b,c,d=a.iInitDisplayStart;if(!1===a.bInitialised)setTimeout(function(){$(a)},200);else{wa(a);ua(a);U(a,a.aoHeader);a.nTFoot&&U(a,a.aoFooter);H(a,!0);a.oFeatures.bAutoWidth&&ba(a);for(b=0,c=a.aoColumns.length;b<c;b++)if(null!==a.aoColumns[b].sWidth)a.aoColumns[b].nTh.style.width=p(a.aoColumns[b].sWidth);a.oFeatures.bSort?P(a):a.oFeatures.bFilter?M(a,a.oPreviousSearch):(a.aiDisplay=a.aiDisplayMaster.slice(),z(a),y(a));null!==a.sAjaxSource&&!a.oFeatures.bServerSide?(c=[],ha(a,c),a.fnServerData.call(a.oInstance, +a.sAjaxSource,c,function(c){var h=""!==a.sAjaxDataProp?V(a.sAjaxDataProp)(c):c;for(b=0;b<h.length;b++)G(a,h[b]);a.iInitDisplayStart=d;a.oFeatures.bSort?P(a):(a.aiDisplay=a.aiDisplayMaster.slice(),z(a),y(a));H(a,!1);Y(a,c)},a)):a.oFeatures.bServerSide||(H(a,!1),Y(a))}}function Y(a,b){a._bInitComplete=!0;C(a,"aoInitComplete","init",[a,b])}function na(a){!a.sEmptyTable&&a.sZeroRecords&&n(a,a,"sZeroRecords","sEmptyTable");!a.sLoadingRecords&&a.sZeroRecords&&n(a,a,"sZeroRecords","sLoadingRecords")}function xa(a){if(a.oScroll.bInfinite)return null; +var b='<select size="1" '+('name="'+a.sTableId+'_length"')+">",c,d,f=a.aLengthMenu;if(2==f.length&&"object"===typeof f[0]&&"object"===typeof f[1])for(c=0,d=f[0].length;c<d;c++)b+='<option value="'+f[0][c]+'">'+f[1][c]+"</option>";else for(c=0,d=f.length;c<d;c++)b+='<option value="'+f[c]+'">'+f[c]+"</option>";b+="</select>";f=k.createElement("div");if(!a.aanFeatures.l)f.id=a.sTableId+"_length";f.className=a.oClasses.sLength;f.innerHTML="<label>"+a.oLanguage.sLengthMenu.replace("_MENU_",b)+"</label>"; +i('select option[value="'+a._iDisplayLength+'"]',f).attr("selected",!0);i("select",f).bind("change.DT",function(){var b=i(this).val(),f=a.aanFeatures.l;for(c=0,d=f.length;c<d;c++)f[c]!=this.parentNode&&i("select",f[c]).val(b);a._iDisplayLength=parseInt(b,10);z(a);if(a.fnDisplayEnd()==a.fnRecordsDisplay()&&(a._iDisplayStart=a.fnDisplayEnd()-a._iDisplayLength,0>a._iDisplayStart))a._iDisplayStart=0;if(-1==a._iDisplayLength)a._iDisplayStart=0;y(a)});i("select",f).attr("aria-controls",a.sTableId);return f} +function z(a){a._iDisplayEnd=!1===a.oFeatures.bPaginate?a.aiDisplay.length:a._iDisplayStart+a._iDisplayLength>a.aiDisplay.length||-1==a._iDisplayLength?a.aiDisplay.length:a._iDisplayStart+a._iDisplayLength}function Ca(a){if(a.oScroll.bInfinite)return null;var b=k.createElement("div");b.className=a.oClasses.sPaging+a.sPaginationType;j.ext.oPagination[a.sPaginationType].fnInit(a,b,function(a){z(a);y(a)});a.aanFeatures.p||a.aoDrawCallback.push({fn:function(a){j.ext.oPagination[a.sPaginationType].fnUpdate(a, +function(a){z(a);y(a)})},sName:"pagination"});return b}function oa(a,b){var c=a._iDisplayStart;if("number"===typeof b){if(a._iDisplayStart=b*a._iDisplayLength,a._iDisplayStart>a.fnRecordsDisplay())a._iDisplayStart=0}else if("first"==b)a._iDisplayStart=0;else if("previous"==b){if(a._iDisplayStart=0<=a._iDisplayLength?a._iDisplayStart-a._iDisplayLength:0,0>a._iDisplayStart)a._iDisplayStart=0}else if("next"==b)0<=a._iDisplayLength?a._iDisplayStart+a._iDisplayLength<a.fnRecordsDisplay()&&(a._iDisplayStart+= +a._iDisplayLength):a._iDisplayStart=0;else if("last"==b)if(0<=a._iDisplayLength){var d=parseInt((a.fnRecordsDisplay()-1)/a._iDisplayLength,10)+1;a._iDisplayStart=(d-1)*a._iDisplayLength}else a._iDisplayStart=0;else F(a,0,"Unknown paging action: "+b);i(a.oInstance).trigger("page",a);return c!=a._iDisplayStart}function za(a){var b=k.createElement("div");if(!a.aanFeatures.r)b.id=a.sTableId+"_processing";b.innerHTML=a.oLanguage.sProcessing;b.className=a.oClasses.sProcessing;a.nTable.parentNode.insertBefore(b, +a.nTable);return b}function H(a,b){if(a.oFeatures.bProcessing)for(var c=a.aanFeatures.r,d=0,f=c.length;d<f;d++)c[d].style.visibility=b?"visible":"hidden";i(a.oInstance).trigger("processing",[a,b])}function Aa(a){if(""===a.oScroll.sX&&""===a.oScroll.sY)return a.nTable;var b=k.createElement("div"),c=k.createElement("div"),d=k.createElement("div"),f=k.createElement("div"),h=k.createElement("div"),g=k.createElement("div"),e=a.nTable.cloneNode(!1),q=a.nTable.cloneNode(!1),m=a.nTable.getElementsByTagName("thead")[0], +j=0===a.nTable.getElementsByTagName("tfoot").length?null:a.nTable.getElementsByTagName("tfoot")[0],o=a.oClasses;c.appendChild(d);h.appendChild(g);f.appendChild(a.nTable);b.appendChild(c);b.appendChild(f);d.appendChild(e);e.appendChild(m);null!==j&&(b.appendChild(h),g.appendChild(q),q.appendChild(j));b.className=o.sScrollWrapper;c.className=o.sScrollHead;d.className=o.sScrollHeadInner;f.className=o.sScrollBody;h.className=o.sScrollFoot;g.className=o.sScrollFootInner;if(a.oScroll.bAutoCss)c.style.overflow= +"hidden",c.style.position="relative",h.style.overflow="hidden",f.style.overflow="auto";c.style.border="0";c.style.width="100%";h.style.border="0";d.style.width="150%";e.removeAttribute("id");e.style.marginLeft="0";a.nTable.style.marginLeft="0";if(null!==j)q.removeAttribute("id"),q.style.marginLeft="0";d=i(a.nTable).children("caption");g=0;for(q=d.length;g<q;g++)e.appendChild(d[g]);if(""!==a.oScroll.sX){c.style.width=p(a.oScroll.sX);f.style.width=p(a.oScroll.sX);if(null!==j)h.style.width=p(a.oScroll.sX); +i(f).scroll(function(){c.scrollLeft=this.scrollLeft;if(null!==j)h.scrollLeft=this.scrollLeft})}if(""!==a.oScroll.sY)f.style.height=p(a.oScroll.sY);a.aoDrawCallback.push({fn:Ja,sName:"scrolling"});a.oScroll.bInfinite&&i(f).scroll(function(){!a.bDrawing&&0!==i(this).scrollTop()&&i(this).scrollTop()+i(this).height()>i(a.nTable).height()-a.oScroll.iLoadGap&&a.fnDisplayEnd()<a.fnRecordsDisplay()&&(oa(a,"next"),z(a),y(a))});a.nScrollHead=c;a.nScrollFoot=h;return b}function Ja(a){var b=a.nScrollHead.getElementsByTagName("div")[0], +c=b.getElementsByTagName("table")[0],d=a.nTable.parentNode,f,h,g,e,j,m,o,l,r=[],n=null!==a.nTFoot?a.nScrollFoot.getElementsByTagName("div")[0]:null,E=null!==a.nTFoot?n.getElementsByTagName("table")[0]:null,k=i.browser.msie&&7>=i.browser.version;g=a.nTable.getElementsByTagName("thead");0<g.length&&a.nTable.removeChild(g[0]);null!==a.nTFoot&&(j=a.nTable.getElementsByTagName("tfoot"),0<j.length&&a.nTable.removeChild(j[0]));g=a.nTHead.cloneNode(!0);a.nTable.insertBefore(g,a.nTable.childNodes[0]);null!== +a.nTFoot&&(j=a.nTFoot.cloneNode(!0),a.nTable.insertBefore(j,a.nTable.childNodes[1]));if(""===a.oScroll.sX)d.style.width="100%",b.parentNode.style.width="100%";var t=O(a,g);for(f=0,h=t.length;f<h;f++)o=s(a,f),t[f].style.width=a.aoColumns[o].sWidth;null!==a.nTFoot&&N(function(a){a.style.width=""},j.getElementsByTagName("tr"));f=i(a.nTable).outerWidth();if(""===a.oScroll.sX){if(a.nTable.style.width="100%",k&&(i("tbody",d).height()>d.offsetHeight||"scroll"==i(d).css("overflow-y")))a.nTable.style.width= +p(i(a.nTable).outerWidth()-a.oScroll.iBarWidth)}else if(""!==a.oScroll.sXInner)a.nTable.style.width=p(a.oScroll.sXInner);else if(f==i(d).width()&&i(d).height()<i(a.nTable).height()){if(a.nTable.style.width=p(f-a.oScroll.iBarWidth),i(a.nTable).outerWidth()>f-a.oScroll.iBarWidth)a.nTable.style.width=p(f)}else a.nTable.style.width=p(f);f=i(a.nTable).outerWidth();h=a.nTHead.getElementsByTagName("tr");g=g.getElementsByTagName("tr");N(function(a,b){m=a.style;m.paddingTop="0";m.paddingBottom="0";m.borderTopWidth= +"0";m.borderBottomWidth="0";m.height=0;l=i(a).width();b.style.width=p(l);r.push(l)},g,h);i(g).height(0);null!==a.nTFoot&&(e=j.getElementsByTagName("tr"),j=a.nTFoot.getElementsByTagName("tr"),N(function(a,b){m=a.style;m.paddingTop="0";m.paddingBottom="0";m.borderTopWidth="0";m.borderBottomWidth="0";m.height=0;l=i(a).width();b.style.width=p(l);r.push(l)},e,j),i(e).height(0));N(function(a){a.innerHTML="";a.style.width=p(r.shift())},g);null!==a.nTFoot&&N(function(a){a.innerHTML="";a.style.width=p(r.shift())}, +e);if(i(a.nTable).outerWidth()<f){e=d.scrollHeight>d.offsetHeight||"scroll"==i(d).css("overflow-y")?f+a.oScroll.iBarWidth:f;if(k&&(d.scrollHeight>d.offsetHeight||"scroll"==i(d).css("overflow-y")))a.nTable.style.width=p(e-a.oScroll.iBarWidth);d.style.width=p(e);b.parentNode.style.width=p(e);if(null!==a.nTFoot)n.parentNode.style.width=p(e);""===a.oScroll.sX?F(a,1,"The table cannot fit into the current element which will cause column misalignment. The table has been drawn at its minimum possible width."): +""!==a.oScroll.sXInner&&F(a,1,"The table cannot fit into the current element which will cause column misalignment. Increase the sScrollXInner value or remove it to allow automatic calculation")}else if(d.style.width=p("100%"),b.parentNode.style.width=p("100%"),null!==a.nTFoot)n.parentNode.style.width=p("100%");if(""===a.oScroll.sY&&k)d.style.height=p(a.nTable.offsetHeight+a.oScroll.iBarWidth);if(""!==a.oScroll.sY&&a.oScroll.bCollapse&&(d.style.height=p(a.oScroll.sY),k=""!==a.oScroll.sX&&a.nTable.offsetWidth> +d.offsetWidth?a.oScroll.iBarWidth:0,a.nTable.offsetHeight<d.offsetHeight))d.style.height=p(i(a.nTable).height()+k);k=i(a.nTable).outerWidth();c.style.width=p(k);b.style.width=p(k);if(null!==a.nTFoot)n.style.width=p(a.nTable.offsetWidth),E.style.width=p(a.nTable.offsetWidth);if(a.bSorted||a.bFiltered)d.scrollTop=0}function N(a,b,c){for(var d=0,f=b.length;d<f;d++)for(var h=0,g=b[d].childNodes.length;h<g;h++)1==b[d].childNodes[h].nodeType&&(c?a(b[d].childNodes[h],c[d].childNodes[h]):a(b[d].childNodes[h]))} +function Ka(a,b){if(!a||null===a||""===a)return 0;b||(b=k.getElementsByTagName("body")[0]);var c,d=k.createElement("div");d.style.width=p(a);b.appendChild(d);c=d.offsetWidth;b.removeChild(d);return c}function ba(a){var b=0,c,d=0,f=a.aoColumns.length,h,g=i("th",a.nTHead),e=a.nTable.getAttribute("width");for(h=0;h<f;h++)if(a.aoColumns[h].bVisible&&(d++,null!==a.aoColumns[h].sWidth)){c=Ka(a.aoColumns[h].sWidthOrig,a.nTable.parentNode);if(null!==c)a.aoColumns[h].sWidth=p(c);b++}if(f==g.length&&0===b&& +d==f&&""===a.oScroll.sX&&""===a.oScroll.sY)for(h=0;h<a.aoColumns.length;h++){if(c=i(g[h]).width(),null!==c)a.aoColumns[h].sWidth=p(c)}else{b=a.nTable.cloneNode(!1);h=a.nTHead.cloneNode(!0);d=k.createElement("tbody");c=k.createElement("tr");b.removeAttribute("id");b.appendChild(h);null!==a.nTFoot&&(b.appendChild(a.nTFoot.cloneNode(!0)),N(function(a){a.style.width=""},b.getElementsByTagName("tr")));b.appendChild(d);d.appendChild(c);d=i("thead th",b);0===d.length&&(d=i("tbody tr:eq(0)>td",b));g=O(a, +h);for(h=d=0;h<f;h++){var j=a.aoColumns[h];j.bVisible&&null!==j.sWidthOrig&&""!==j.sWidthOrig?g[h-d].style.width=p(j.sWidthOrig):j.bVisible?g[h-d].style.width="":d++}for(h=0;h<f;h++)a.aoColumns[h].bVisible&&(d=La(a,h),null!==d&&(d=d.cloneNode(!0),""!==a.aoColumns[h].sContentPadding&&(d.innerHTML+=a.aoColumns[h].sContentPadding),c.appendChild(d)));f=a.nTable.parentNode;f.appendChild(b);if(""!==a.oScroll.sX&&""!==a.oScroll.sXInner)b.style.width=p(a.oScroll.sXInner);else if(""!==a.oScroll.sX){if(b.style.width= +"",i(b).width()<f.offsetWidth)b.style.width=p(f.offsetWidth)}else if(""!==a.oScroll.sY)b.style.width=p(f.offsetWidth);else if(e)b.style.width=p(e);b.style.visibility="hidden";Ma(a,b);f=i("tbody tr:eq(0)",b).children();0===f.length&&(f=O(a,i("thead",b)[0]));if(""!==a.oScroll.sX){for(h=d=c=0;h<a.aoColumns.length;h++)a.aoColumns[h].bVisible&&(c=null===a.aoColumns[h].sWidthOrig?c+i(f[d]).outerWidth():c+(parseInt(a.aoColumns[h].sWidth.replace("px",""),10)+(i(f[d]).outerWidth()-i(f[d]).width())),d++);b.style.width= +p(c);a.nTable.style.width=p(c)}for(h=d=0;h<a.aoColumns.length;h++)if(a.aoColumns[h].bVisible){c=i(f[d]).width();if(null!==c&&0<c)a.aoColumns[h].sWidth=p(c);d++}f=i(b).css("width");a.nTable.style.width=-1!==f.indexOf("%")?f:p(i(b).outerWidth());b.parentNode.removeChild(b)}if(e)a.nTable.style.width=p(e)}function Ma(a,b){if(""===a.oScroll.sX&&""!==a.oScroll.sY)i(b).width(),b.style.width=p(i(b).outerWidth()-a.oScroll.iBarWidth);else if(""!==a.oScroll.sX)b.style.width=p(i(b).outerWidth())}function La(a, +b){var c=Na(a,b);if(0>c)return null;if(null===a.aoData[c].nTr){var d=k.createElement("td");d.innerHTML=w(a,c,b,"");return d}return L(a,c)[b]}function Na(a,b){for(var c=-1,d=-1,f=0;f<a.aoData.length;f++){var h=w(a,f,b,"display")+"",h=h.replace(/<.*?>/g,"");if(h.length>c)c=h.length,d=f}return d}function p(a){if(null===a)return"0px";if("number"==typeof a)return 0>a?"0px":a+"px";var b=a.charCodeAt(a.length-1);return 48>b||57<b?a:a+"px"}function Oa(){var a=k.createElement("p"),b=a.style;b.width="100%"; +b.height="200px";b.padding="0px";var c=k.createElement("div"),b=c.style;b.position="absolute";b.top="0px";b.left="0px";b.visibility="hidden";b.width="200px";b.height="150px";b.padding="0px";b.overflow="hidden";c.appendChild(a);k.body.appendChild(c);b=a.offsetWidth;c.style.overflow="scroll";a=a.offsetWidth;if(b==a)a=c.clientWidth;k.body.removeChild(c);return b-a}function P(a,b){var c,d,f,h,g,e,o=[],m=[],r=j.ext.oSort,n=a.aoData,k=a.aoColumns,E=a.oLanguage.oAria;if(!a.oFeatures.bServerSide&&(0!==a.aaSorting.length|| +null!==a.aaSortingFixed)){o=null!==a.aaSortingFixed?a.aaSortingFixed.concat(a.aaSorting):a.aaSorting.slice();for(c=0;c<o.length;c++)if(d=o[c][0],f=t(a,d),h=a.aoColumns[d].sSortDataType,j.ext.afnSortData[h]){g=j.ext.afnSortData[h](a,d,f);for(f=0,h=n.length;f<h;f++)J(a,f,d,g[f])}for(c=0,d=a.aiDisplayMaster.length;c<d;c++)m[a.aiDisplayMaster[c]]=c;var p=o.length,s;for(c=0,d=n.length;c<d;c++)for(f=0;f<p;f++){s=k[o[f][0]].aDataSort;for(g=0,e=s.length;g<e;g++)h=k[s[g]].sType,h=r[(h?h:"string")+"-pre"], +n[c]._aSortData[s[g]]=h?h(w(a,c,s[g],"sort")):w(a,c,s[g],"sort")}a.aiDisplayMaster.sort(function(a,b){var c,d,f,h,g;for(c=0;c<p;c++){g=k[o[c][0]].aDataSort;for(d=0,f=g.length;d<f;d++)if(h=k[g[d]].sType,h=r[(h?h:"string")+"-"+o[c][1]](n[a]._aSortData[g[d]],n[b]._aSortData[g[d]]),0!==h)return h}return r["numeric-asc"](m[a],m[b])})}(b===l||b)&&!a.oFeatures.bDeferRender&&Q(a);for(c=0,d=a.aoColumns.length;c<d;c++)f=k[c].nTh,f.removeAttribute("aria-sort"),f.removeAttribute("aria-label"),k[c].bSortable? +0<o.length&&o[0][0]==c?(f.setAttribute("aria-sort","asc"==o[0][1]?"ascending":"descending"),f.setAttribute("aria-label",k[c].sTitle+("asc"==(k[c].asSorting[o[0][2]+1]?k[c].asSorting[o[0][2]+1]:k[c].asSorting[0])?E.sSortAscending:E.sSortDescending))):f.setAttribute("aria-label",k[c].sTitle+("asc"==k[c].asSorting[0]?E.sSortAscending:E.sSortDescending)):f.setAttribute("aria-label",k[c].sTitle);a.bSorted=!0;i(a.oInstance).trigger("sort",a);a.oFeatures.bFilter?M(a,a.oPreviousSearch,1):(a.aiDisplay=a.aiDisplayMaster.slice(), +a._iDisplayStart=0,z(a),y(a))}function ga(a,b,c,d){Pa(b,{},function(b){if(!1!==a.aoColumns[c].bSortable){var h=function(){var d,h;if(b.shiftKey){for(var e=!1,i=0;i<a.aaSorting.length;i++)if(a.aaSorting[i][0]==c){e=!0;d=a.aaSorting[i][0];h=a.aaSorting[i][2]+1;a.aoColumns[d].asSorting[h]?(a.aaSorting[i][1]=a.aoColumns[d].asSorting[h],a.aaSorting[i][2]=h):a.aaSorting.splice(i,1);break}!1===e&&a.aaSorting.push([c,a.aoColumns[c].asSorting[0],0])}else 1==a.aaSorting.length&&a.aaSorting[0][0]==c?(d=a.aaSorting[0][0], +h=a.aaSorting[0][2]+1,a.aoColumns[d].asSorting[h]||(h=0),a.aaSorting[0][1]=a.aoColumns[d].asSorting[h],a.aaSorting[0][2]=h):(a.aaSorting.splice(0,a.aaSorting.length),a.aaSorting.push([c,a.aoColumns[c].asSorting[0],0]));P(a)};a.oFeatures.bProcessing?(H(a,!0),setTimeout(function(){h();a.oFeatures.bServerSide||H(a,!1)},0)):h();"function"==typeof d&&d(a)}})}function Q(a){var b,c,d,f,h,g=a.aoColumns.length,e=a.oClasses;for(b=0;b<g;b++)a.aoColumns[b].bSortable&&i(a.aoColumns[b].nTh).removeClass(e.sSortAsc+ +" "+e.sSortDesc+" "+a.aoColumns[b].sSortingClass);f=null!==a.aaSortingFixed?a.aaSortingFixed.concat(a.aaSorting):a.aaSorting.slice();for(b=0;b<a.aoColumns.length;b++)if(a.aoColumns[b].bSortable){h=a.aoColumns[b].sSortingClass;d=-1;for(c=0;c<f.length;c++)if(f[c][0]==b){h="asc"==f[c][1]?e.sSortAsc:e.sSortDesc;d=c;break}i(a.aoColumns[b].nTh).addClass(h);a.bJUI&&(c=i("span."+e.sSortIcon,a.aoColumns[b].nTh),c.removeClass(e.sSortJUIAsc+" "+e.sSortJUIDesc+" "+e.sSortJUI+" "+e.sSortJUIAscAllowed+" "+e.sSortJUIDescAllowed), +c.addClass(-1==d?a.aoColumns[b].sSortingClassJUI:"asc"==f[d][1]?e.sSortJUIAsc:e.sSortJUIDesc))}else i(a.aoColumns[b].nTh).addClass(a.aoColumns[b].sSortingClass);h=e.sSortColumn;if(a.oFeatures.bSort&&a.oFeatures.bSortClasses){d=L(a);if(a.oFeatures.bDeferRender)i(d).removeClass(h+"1 "+h+"2 "+h+"3");else if(d.length>=g)for(b=0;b<g;b++)if(-1!=d[b].className.indexOf(h+"1"))for(c=0,a=d.length/g;c<a;c++)d[g*c+b].className=i.trim(d[g*c+b].className.replace(h+"1",""));else if(-1!=d[b].className.indexOf(h+ +"2"))for(c=0,a=d.length/g;c<a;c++)d[g*c+b].className=i.trim(d[g*c+b].className.replace(h+"2",""));else if(-1!=d[b].className.indexOf(h+"3"))for(c=0,a=d.length/g;c<a;c++)d[g*c+b].className=i.trim(d[g*c+b].className.replace(" "+h+"3",""));var e=1,j;for(b=0;b<f.length;b++){j=parseInt(f[b][0],10);for(c=0,a=d.length/g;c<a;c++)d[g*c+j].className+=" "+h+e;3>e&&e++}}}function pa(a){if(a.oFeatures.bStateSave&&!a.bDestroying){var b,c;b=a.oScroll.bInfinite;var d={iCreate:(new Date).getTime(),iStart:b?0:a._iDisplayStart, +iEnd:b?a._iDisplayLength:a._iDisplayEnd,iLength:a._iDisplayLength,aaSorting:i.extend(!0,[],a.aaSorting),oSearch:i.extend(!0,{},a.oPreviousSearch),aoSearchCols:i.extend(!0,[],a.aoPreSearchCols),abVisCols:[]};for(b=0,c=a.aoColumns.length;b<c;b++)d.abVisCols.push(a.aoColumns[b].bVisible);C(a,"aoStateSaveParams","stateSaveParams",[a,d]);a.fnStateSave.call(a.oInstance,a,d)}}function Qa(a,b){if(a.oFeatures.bStateSave){var c=a.fnStateLoad.call(a.oInstance,a);if(c){var d=C(a,"aoStateLoadParams","stateLoadParams", +[a,c]);if(-1===i.inArray(!1,d)){a.oLoadedState=i.extend(!0,{},c);a._iDisplayStart=c.iStart;a.iInitDisplayStart=c.iStart;a._iDisplayEnd=c.iEnd;a._iDisplayLength=c.iLength;a.aaSorting=c.aaSorting.slice();a.saved_aaSorting=c.aaSorting.slice();i.extend(a.oPreviousSearch,c.oSearch);i.extend(!0,a.aoPreSearchCols,c.aoSearchCols);b.saved_aoColumns=[];for(d=0;d<c.abVisCols.length;d++)b.saved_aoColumns[d]={},b.saved_aoColumns[d].bVisible=c.abVisCols[d];C(a,"aoStateLoaded","stateLoaded",[a,c])}}}}function Ra(a){for(var b= +aa.location.pathname.split("/"),a=a+"_"+b[b.length-1].replace(/[\/:]/g,"").toLowerCase()+"=",b=k.cookie.split(";"),c=0;c<b.length;c++){for(var d=b[c];" "==d.charAt(0);)d=d.substring(1,d.length);if(0===d.indexOf(a))return decodeURIComponent(d.substring(a.length,d.length))}return null}function u(a){for(var b=0;b<j.settings.length;b++)if(j.settings[b].nTable===a)return j.settings[b];return null}function S(a){for(var b=[],a=a.aoData,c=0,d=a.length;c<d;c++)null!==a[c].nTr&&b.push(a[c].nTr);return b}function L(a, +b){var c=[],d,f,h,e,i,j;f=0;var o=a.aoData.length;b!==l&&(f=b,o=b+1);for(h=f;h<o;h++)if(j=a.aoData[h],null!==j.nTr){f=[];for(e=0,i=j.nTr.childNodes.length;e<i;e++)d=j.nTr.childNodes[e].nodeName.toLowerCase(),("td"==d||"th"==d)&&f.push(j.nTr.childNodes[e]);d=0;for(e=0,i=a.aoColumns.length;e<i;e++)a.aoColumns[e].bVisible?c.push(f[e-d]):(c.push(j._anHidden[e]),d++)}return c}function F(a,b,c){a=null===a?"DataTables warning: "+c:"DataTables warning (table id = '"+a.sTableId+"'): "+c;if(0===b)if("alert"== +j.ext.sErrMode)alert(a);else throw a;else console!==l&&console.log&&console.log(a)}function n(a,b,c,d){d===l&&(d=c);b[c]!==l&&(a[d]=b[c])}function Sa(a,b){for(var c in a)a.hasOwnProperty(c)&&b[c]!==l&&("object"===typeof e[c]&&!1===i.isArray(b[c])?i.extend(!0,a[c],b[c]):a[c]=b[c]);return a}function Pa(a,b,c){i(a).bind("click.DT",b,function(b){c(b);a.blur()}).bind("keypress.DT",b,function(a){13===a.which&&c(a)}).bind("selectstart.DT",function(){return!1})}function A(a,b,c,d){c&&a[b].push({fn:c,sName:d})} +function C(a,b,c,d){for(var b=a[b],f=[],h=b.length-1;0<=h;h--)f.push(b[h].fn.apply(a.oInstance,d));null!==c&&i(a.oInstance).trigger(c,d);return f}function Ta(a){return function(){var b=[u(this[j.ext.iApiIndex])].concat(Array.prototype.slice.call(arguments));return j.ext.oApi[a].apply(this,b)}}var Ua=aa.JSON?JSON.stringify:function(a){var b=typeof a;if("object"!==b||null===a)return"string"===b&&(a='"'+a+'"'),a+"";var c,d,f=[],h=i.isArray(a);for(c in a)d=a[c],b=typeof d,"string"===b?d='"'+d+'"':"object"=== +b&&null!==d&&(d=Ua(d)),f.push((h?"":'"'+c+'":')+d);return(h?"[":"{")+f+(h?"]":"}")};this.$=function(a,b){var c,d,f=[],h=u(this[j.ext.iApiIndex]);b||(b={});b=i.extend({},{filter:"none",order:"current",page:"all"},b);if("current"==b.page)for(c=h._iDisplayStart,d=h.fnDisplayEnd();c<d;c++)f.push(h.aoData[h.aiDisplay[c]].nTr);else if("current"==b.order&&"none"==b.filter)for(c=0,d=h.aiDisplayMaster.length;c<d;c++)f.push(h.aoData[h.aiDisplayMaster[c]].nTr);else if("current"==b.order&&"applied"==b.filter)for(c= +0,d=h.aiDisplay.length;c<d;c++)f.push(h.aoData[h.aiDisplay[c]].nTr);else if("original"==b.order&&"none"==b.filter)for(c=0,d=h.aoData.length;c<d;c++)f.push(h.aoData[c].nTr);else if("original"==b.order&&"applied"==b.filter)for(c=0,d=h.aoData.length;c<d;c++)-1!==i.inArray(c,h.aiDisplay)&&f.push(h.aoData[c].nTr);else F(h,1,"Unknown selection options");d=i(f);c=d.filter(a);d=d.find(a);return i([].concat(i.makeArray(c),i.makeArray(d)))};this._=function(a,b){var c=[],d,f,h=this.$(a,b);for(d=0,f=h.length;d< +f;d++)c.push(this.fnGetData(h[d]));return c};this.fnAddData=function(a,b){if(0===a.length)return[];var c=[],d,f=u(this[j.ext.iApiIndex]);if("object"===typeof a[0]&&null!==a[0])for(var h=0;h<a.length;h++){d=G(f,a[h]);if(-1==d)return c;c.push(d)}else{d=G(f,a);if(-1==d)return c;c.push(d)}f.aiDisplay=f.aiDisplayMaster.slice();(b===l||b)&&Z(f);return c};this.fnAdjustColumnSizing=function(a){var b=u(this[j.ext.iApiIndex]);r(b);a===l||a?this.fnDraw(!1):(""!==b.oScroll.sX||""!==b.oScroll.sY)&&this.oApi._fnScrollDraw(b)}; +this.fnClearTable=function(a){var b=u(this[j.ext.iApiIndex]);ea(b);(a===l||a)&&y(b)};this.fnClose=function(a){for(var b=u(this[j.ext.iApiIndex]),c=0;c<b.aoOpenRows.length;c++)if(b.aoOpenRows[c].nParent==a)return(a=b.aoOpenRows[c].nTr.parentNode)&&a.removeChild(b.aoOpenRows[c].nTr),b.aoOpenRows.splice(c,1),0;return 1};this.fnDeleteRow=function(a,b,c){var d=u(this[j.ext.iApiIndex]),f,h,a="object"===typeof a?K(d,a):a,e=d.aoData.splice(a,1);for(f=0,h=d.aoData.length;f<h;f++)if(null!==d.aoData[f].nTr)d.aoData[f].nTr._DT_RowIndex= +f;f=i.inArray(a,d.aiDisplay);d.asDataSearch.splice(f,1);fa(d.aiDisplayMaster,a);fa(d.aiDisplay,a);"function"===typeof b&&b.call(this,d,e);if(d._iDisplayStart>=d.aiDisplay.length&&(d._iDisplayStart-=d._iDisplayLength,0>d._iDisplayStart))d._iDisplayStart=0;if(c===l||c)z(d),y(d);return e};this.fnDestroy=function(a){var b=u(this[j.ext.iApiIndex]),c=b.nTableWrapper.parentNode,d=b.nTBody,f,e,a=a===l?!1:!0;b.bDestroying=!0;for(f=0,e=b.aoDestroyCallback.length;f<e;f++)b.aoDestroyCallback[f].fn();for(f=0, +e=b.aoColumns.length;f<e;f++)!1===b.aoColumns[f].bVisible&&this.fnSetColumnVis(f,!0);i(b.nTableWrapper).find("*").andSelf().unbind(".DT");i("tbody>tr>td."+b.oClasses.sRowEmpty,b.nTable).parent().remove();b.nTable!=b.nTHead.parentNode&&(i(b.nTable).children("thead").remove(),b.nTable.appendChild(b.nTHead));b.nTFoot&&b.nTable!=b.nTFoot.parentNode&&(i(b.nTable).children("tfoot").remove(),b.nTable.appendChild(b.nTFoot));b.nTable.parentNode.removeChild(b.nTable);i(b.nTableWrapper).remove();b.aaSorting= +[];b.aaSortingFixed=[];Q(b);i(S(b)).removeClass(b.asStripeClasses.join(" "));i("th, td",b.nTHead).removeClass([b.oClasses.sSortable,b.oClasses.sSortableAsc,b.oClasses.sSortableDesc,b.oClasses.sSortableNone].join(" "));b.bJUI&&(i("th span."+b.oClasses.sSortIcon+", td span."+b.oClasses.sSortIcon,b.nTHead).remove(),i("th, td",b.nTHead).each(function(){var a=i("div."+b.oClasses.sSortJUIWrapper,this),c=a.contents();i(this).append(c);a.remove()}));!a&&b.nTableReinsertBefore?c.insertBefore(b.nTable,b.nTableReinsertBefore): +a||c.appendChild(b.nTable);for(f=0,e=b.aoData.length;f<e;f++)null!==b.aoData[f].nTr&&d.appendChild(b.aoData[f].nTr);if(!0===b.oFeatures.bAutoWidth)b.nTable.style.width=p(b.sDestroyWidth);i(d).children("tr:even").addClass(b.asDestroyStripes[0]);i(d).children("tr:odd").addClass(b.asDestroyStripes[1]);for(f=0,e=j.settings.length;f<e;f++)j.settings[f]==b&&j.settings.splice(f,1);b=null};this.fnDraw=function(a){var b=u(this[j.ext.iApiIndex]);a?(z(b),y(b)):Z(b)};this.fnFilter=function(a,b,c,d,f,e){var g= +u(this[j.ext.iApiIndex]);if(g.oFeatures.bFilter){if(c===l||null===c)c=!1;if(d===l||null===d)d=!0;if(f===l||null===f)f=!0;if(e===l||null===e)e=!0;if(b===l||null===b){if(M(g,{sSearch:a+"",bRegex:c,bSmart:d,bCaseInsensitive:e},1),f&&g.aanFeatures.f){b=g.aanFeatures.f;c=0;for(d=b.length;c<d;c++)i("input",b[c]).val(a)}}else i.extend(g.aoPreSearchCols[b],{sSearch:a+"",bRegex:c,bSmart:d,bCaseInsensitive:e}),M(g,g.oPreviousSearch,1)}};this.fnGetData=function(a,b){var c=u(this[j.ext.iApiIndex]);if(a!==l){var d= +a;if("object"===typeof a){var f=a.nodeName.toLowerCase();"tr"===f?d=K(c,a):"td"===f&&(d=K(c,a.parentNode),b=da(c,d,a))}return b!==l?w(c,d,b,""):c.aoData[d]!==l?c.aoData[d]._aData:null}return X(c)};this.fnGetNodes=function(a){var b=u(this[j.ext.iApiIndex]);return a!==l?b.aoData[a]!==l?b.aoData[a].nTr:null:S(b)};this.fnGetPosition=function(a){var b=u(this[j.ext.iApiIndex]),c=a.nodeName.toUpperCase();if("TR"==c)return K(b,a);return"TD"==c||"TH"==c?(c=K(b,a.parentNode),a=da(b,c,a),[c,t(b,a),a]):null}; +this.fnIsOpen=function(a){for(var b=u(this[j.ext.iApiIndex]),c=0;c<b.aoOpenRows.length;c++)if(b.aoOpenRows[c].nParent==a)return!0;return!1};this.fnOpen=function(a,b,c){var d=u(this[j.ext.iApiIndex]),f=S(d);if(-1!==i.inArray(a,f)){this.fnClose(a);var f=k.createElement("tr"),e=k.createElement("td");f.appendChild(e);e.className=c;e.colSpan=v(d);"string"===typeof b?e.innerHTML=b:i(e).html(b);b=i("tr",d.nTBody);-1!=i.inArray(a,b)&&i(f).insertAfter(a);d.aoOpenRows.push({nTr:f,nParent:a});return f}};this.fnPageChange= +function(a,b){var c=u(this[j.ext.iApiIndex]);oa(c,a);z(c);(b===l||b)&&y(c)};this.fnSetColumnVis=function(a,b,c){var d=u(this[j.ext.iApiIndex]),f,e,g=d.aoColumns,i=d.aoData,o,m;if(g[a].bVisible!=b){if(b){for(f=e=0;f<a;f++)g[f].bVisible&&e++;m=e>=v(d);if(!m)for(f=a;f<g.length;f++)if(g[f].bVisible){o=f;break}for(f=0,e=i.length;f<e;f++)null!==i[f].nTr&&(m?i[f].nTr.appendChild(i[f]._anHidden[a]):i[f].nTr.insertBefore(i[f]._anHidden[a],L(d,f)[o]))}else for(f=0,e=i.length;f<e;f++)null!==i[f].nTr&&(o=L(d, +f)[a],i[f]._anHidden[a]=o,o.parentNode.removeChild(o));g[a].bVisible=b;U(d,d.aoHeader);d.nTFoot&&U(d,d.aoFooter);for(f=0,e=d.aoOpenRows.length;f<e;f++)d.aoOpenRows[f].nTr.colSpan=v(d);if(c===l||c)r(d),y(d);pa(d)}};this.fnSettings=function(){return u(this[j.ext.iApiIndex])};this.fnSort=function(a){var b=u(this[j.ext.iApiIndex]);b.aaSorting=a;P(b)};this.fnSortListener=function(a,b,c){ga(u(this[j.ext.iApiIndex]),a,b,c)};this.fnUpdate=function(a,b,c,d,f){var e=u(this[j.ext.iApiIndex]),b="object"===typeof b? +K(e,b):b;if(e.__fnUpdateDeep===l&&i.isArray(a)&&"object"===typeof a){e.aoData[b]._aData=a.slice();e.__fnUpdateDeep=!0;for(c=0;c<e.aoColumns.length;c++)this.fnUpdate(w(e,b,c),b,c,!1,!1);e.__fnUpdateDeep=l}else if(e.__fnUpdateDeep===l&&null!==a&&"object"===typeof a){e.aoData[b]._aData=i.extend(!0,{},a);e.__fnUpdateDeep=!0;for(c=0;c<e.aoColumns.length;c++)this.fnUpdate(w(e,b,c),b,c,!1,!1);e.__fnUpdateDeep=l}else{J(e,b,c,a);var a=w(e,b,c,"display"),g=e.aoColumns[c];null!==g.fnRender&&(a=R(e,b,c),g.bUseRendered&& +J(e,b,c,a));if(null!==e.aoData[b].nTr)L(e,b)[c].innerHTML=a}c=i.inArray(b,e.aiDisplay);e.asDataSearch[c]=la(e,W(e,b,"filter"));(f===l||f)&&r(e);(d===l||d)&&Z(e);return 0};this.fnVersionCheck=j.ext.fnVersionCheck;this.oApi={_fnExternApiFunc:Ta,_fnInitialise:$,_fnInitComplete:Y,_fnLanguageCompat:na,_fnAddColumn:o,_fnColumnOptions:E,_fnAddData:G,_fnCreateTr:ca,_fnGatherData:ta,_fnBuildHead:ua,_fnDrawHead:U,_fnDraw:y,_fnReDraw:Z,_fnAjaxUpdate:va,_fnAjaxParameters:Da,_fnAjaxUpdateDraw:Ea,_fnServerParams:ha, +_fnAddOptionsHtml:wa,_fnFeatureHtmlTable:Aa,_fnScrollDraw:Ja,_fnAdjustColumnSizing:r,_fnFeatureHtmlFilter:ya,_fnFilterComplete:M,_fnFilterCustom:Ha,_fnFilterColumn:Ga,_fnFilter:Fa,_fnBuildSearchArray:ia,_fnBuildSearchRow:la,_fnFilterCreateSearch:ja,_fnDataToSearch:ka,_fnSort:P,_fnSortAttachListener:ga,_fnSortingClasses:Q,_fnFeatureHtmlPaginate:Ca,_fnPageChange:oa,_fnFeatureHtmlInfo:Ba,_fnUpdateInfo:Ia,_fnFeatureHtmlLength:xa,_fnFeatureHtmlProcessing:za,_fnProcessingDisplay:H,_fnVisibleToColumnIndex:s, +_fnColumnIndexToVisible:t,_fnNodeToDataIndex:K,_fnVisbleColumns:v,_fnCalculateEnd:z,_fnConvertToWidth:Ka,_fnCalculateColumnWidths:ba,_fnScrollingWidthAdjust:Ma,_fnGetWidestNode:La,_fnGetMaxLenString:Na,_fnStringToCss:p,_fnDetectType:B,_fnSettingsFromNode:u,_fnGetDataMaster:X,_fnGetTrNodes:S,_fnGetTdNodes:L,_fnEscapeRegex:ma,_fnDeleteIndex:fa,_fnReOrderIndex:D,_fnColumnOrdering:x,_fnLog:F,_fnClearTable:ea,_fnSaveState:pa,_fnLoadState:Qa,_fnCreateCookie:function(a,b,c,d,e){var h=new Date;h.setTime(h.getTime()+ +1E3*c);var c=aa.location.pathname.split("/"),a=a+"_"+c.pop().replace(/[\/:]/g,"").toLowerCase(),g;null!==e?(g="function"===typeof i.parseJSON?i.parseJSON(b):eval("("+b+")"),b=e(a,g,h.toGMTString(),c.join("/")+"/")):b=a+"="+encodeURIComponent(b)+"; expires="+h.toGMTString()+"; path="+c.join("/")+"/";e="";h=9999999999999;if(4096<(null!==Ra(a)?k.cookie.length:b.length+k.cookie.length)+10){for(var a=k.cookie.split(";"),j=0,o=a.length;j<o;j++)if(-1!=a[j].indexOf(d)){var m=a[j].split("=");try{g=eval("("+ +decodeURIComponent(m[1])+")")}catch(l){continue}if(g.iCreate&&g.iCreate<h)e=m[0],h=g.iCreate}if(""!==e)k.cookie=e+"=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path="+c.join("/")+"/"}k.cookie=b},_fnReadCookie:Ra,_fnDetectHeader:T,_fnGetUniqueThs:O,_fnScrollBarWidth:Oa,_fnApplyToChildren:N,_fnMap:n,_fnGetRowData:W,_fnGetCellData:w,_fnSetCellData:J,_fnGetObjectDataFn:V,_fnSetObjectDataFn:sa,_fnApplyColumnDefs:I,_fnBindAction:Pa,_fnExtend:Sa,_fnCallbackReg:A,_fnCallbackFire:C,_fnJsonString:Ua,_fnRender:R, +_fnNodeToColumnIndex:da};i.extend(j.ext.oApi,this.oApi);for(var qa in j.ext.oApi)qa&&(this[qa]=Ta(qa));var ra=this;return this.each(function(){var a=0,b,c,d;c=this.getAttribute("id");var f=!1,h=!1;if("table"!=this.nodeName.toLowerCase())F(null,0,"Attempted to initialise DataTables on a node which is not a table: "+this.nodeName);else{for(a=0,b=j.settings.length;a<b;a++){if(j.settings[a].nTable==this){if(e===l||e.bRetrieve)return j.settings[a].oInstance;if(e.bDestroy){j.settings[a].oInstance.fnDestroy(); +break}else{F(j.settings[a],0,"Cannot reinitialise DataTable.\n\nTo retrieve the DataTables object for this table, pass no arguments or see the docs for bRetrieve and bDestroy");return}}if(j.settings[a].sTableId==this.id){j.settings.splice(a,1);break}}if(null===c)this.id=c="DataTables_Table_"+j.ext._oExternConfig.iNextUnique++;var g=i.extend(!0,{},j.models.oSettings,{nTable:this,oApi:ra.oApi,oInit:e,sDestroyWidth:i(this).width(),sInstance:c,sTableId:c});j.settings.push(g);g.oInstance=1===ra.length? +ra:i(this).dataTable();e||(e={});e.oLanguage&&na(e.oLanguage);e=Sa(i.extend(!0,{},j.defaults),e);n(g.oFeatures,e,"bPaginate");n(g.oFeatures,e,"bLengthChange");n(g.oFeatures,e,"bFilter");n(g.oFeatures,e,"bSort");n(g.oFeatures,e,"bInfo");n(g.oFeatures,e,"bProcessing");n(g.oFeatures,e,"bAutoWidth");n(g.oFeatures,e,"bSortClasses");n(g.oFeatures,e,"bServerSide");n(g.oFeatures,e,"bDeferRender");n(g.oScroll,e,"sScrollX","sX");n(g.oScroll,e,"sScrollXInner","sXInner");n(g.oScroll,e,"sScrollY","sY");n(g.oScroll, +e,"bScrollCollapse","bCollapse");n(g.oScroll,e,"bScrollInfinite","bInfinite");n(g.oScroll,e,"iScrollLoadGap","iLoadGap");n(g.oScroll,e,"bScrollAutoCss","bAutoCss");n(g,e,"asStripClasses","asStripeClasses");n(g,e,"asStripeClasses");n(g,e,"fnServerData");n(g,e,"fnFormatNumber");n(g,e,"sServerMethod");n(g,e,"aaSorting");n(g,e,"aaSortingFixed");n(g,e,"aLengthMenu");n(g,e,"sPaginationType");n(g,e,"sAjaxSource");n(g,e,"sAjaxDataProp");n(g,e,"iCookieDuration");n(g,e,"sCookiePrefix");n(g,e,"sDom");n(g,e, +"bSortCellsTop");n(g,e,"iTabIndex");n(g,e,"oSearch","oPreviousSearch");n(g,e,"aoSearchCols","aoPreSearchCols");n(g,e,"iDisplayLength","_iDisplayLength");n(g,e,"bJQueryUI","bJUI");n(g,e,"fnCookieCallback");n(g,e,"fnStateLoad");n(g,e,"fnStateSave");n(g.oLanguage,e,"fnInfoCallback");A(g,"aoDrawCallback",e.fnDrawCallback,"user");A(g,"aoServerParams",e.fnServerParams,"user");A(g,"aoStateSaveParams",e.fnStateSaveParams,"user");A(g,"aoStateLoadParams",e.fnStateLoadParams,"user");A(g,"aoStateLoaded",e.fnStateLoaded, +"user");A(g,"aoRowCallback",e.fnRowCallback,"user");A(g,"aoRowCreatedCallback",e.fnCreatedRow,"user");A(g,"aoHeaderCallback",e.fnHeaderCallback,"user");A(g,"aoFooterCallback",e.fnFooterCallback,"user");A(g,"aoInitComplete",e.fnInitComplete,"user");A(g,"aoPreDrawCallback",e.fnPreDrawCallback,"user");g.oFeatures.bServerSide&&g.oFeatures.bSort&&g.oFeatures.bSortClasses?A(g,"aoDrawCallback",Q,"server_side_sort_classes"):g.oFeatures.bDeferRender&&A(g,"aoDrawCallback",Q,"defer_sort_classes");if(e.bJQueryUI){if(i.extend(g.oClasses, +j.ext.oJUIClasses),e.sDom===j.defaults.sDom&&"lfrtip"===j.defaults.sDom)g.sDom='<"H"lfr>t<"F"ip>'}else i.extend(g.oClasses,j.ext.oStdClasses);i(this).addClass(g.oClasses.sTable);if(""!==g.oScroll.sX||""!==g.oScroll.sY)g.oScroll.iBarWidth=Oa();if(g.iInitDisplayStart===l)g.iInitDisplayStart=e.iDisplayStart,g._iDisplayStart=e.iDisplayStart;if(e.bStateSave)g.oFeatures.bStateSave=!0,Qa(g,e),A(g,"aoDrawCallback",pa,"state_save");if(null!==e.iDeferLoading)g.bDeferLoading=!0,g._iRecordsTotal=e.iDeferLoading, +g._iRecordsDisplay=e.iDeferLoading;null!==e.aaData&&(h=!0);""!==e.oLanguage.sUrl?(g.oLanguage.sUrl=e.oLanguage.sUrl,i.getJSON(g.oLanguage.sUrl,null,function(a){na(a);i.extend(!0,g.oLanguage,e.oLanguage,a);$(g)}),f=!0):i.extend(!0,g.oLanguage,e.oLanguage);c=!1;d=i(this).children("tbody").children("tr");for(a=0,b=g.asStripeClasses.length;a<b;a++)if(d.filter(":lt(2)").hasClass(g.asStripeClasses[a])){c=!0;break}if(c)g.asDestroyStripes=["",""],i(d[0]).hasClass(g.oClasses.sStripeOdd)&&(g.asDestroyStripes[0]+= +g.oClasses.sStripeOdd+" "),i(d[0]).hasClass(g.oClasses.sStripeEven)&&(g.asDestroyStripes[0]+=g.oClasses.sStripeEven),i(d[1]).hasClass(g.oClasses.sStripeOdd)&&(g.asDestroyStripes[1]+=g.oClasses.sStripeOdd+" "),i(d[1]).hasClass(g.oClasses.sStripeEven)&&(g.asDestroyStripes[1]+=g.oClasses.sStripeEven),d.removeClass(g.asStripeClasses.join(" "));c=[];a=this.getElementsByTagName("thead");0!==a.length&&(T(g.aoHeader,a[0]),c=O(g));if(null===e.aoColumns){d=[];for(a=0,b=c.length;a<b;a++)d.push(null)}else d= +e.aoColumns;for(a=0,b=d.length;a<b;a++){if(e.saved_aoColumns!==l&&e.saved_aoColumns.length==b)null===d[a]&&(d[a]={}),d[a].bVisible=e.saved_aoColumns[a].bVisible;o(g,c?c[a]:null)}I(g,e.aoColumnDefs,d,function(a,b){E(g,a,b)});for(a=0,b=g.aaSorting.length;a<b;a++){g.aaSorting[a][0]>=g.aoColumns.length&&(g.aaSorting[a][0]=0);var r=g.aoColumns[g.aaSorting[a][0]];g.aaSorting[a][2]===l&&(g.aaSorting[a][2]=0);e.aaSorting===l&&g.saved_aaSorting===l&&(g.aaSorting[a][1]=r.asSorting[0]);for(c=0,d=r.asSorting.length;c< +d;c++)if(g.aaSorting[a][1]==r.asSorting[c]){g.aaSorting[a][2]=c;break}}Q(g);a=i(this).children("thead");0===a.length&&(a=[k.createElement("thead")],this.appendChild(a[0]));g.nTHead=a[0];a=i(this).children("tbody");0===a.length&&(a=[k.createElement("tbody")],this.appendChild(a[0]));g.nTBody=a[0];g.nTBody.setAttribute("role","alert");g.nTBody.setAttribute("aria-live","polite");g.nTBody.setAttribute("aria-relevant","all");a=i(this).children("tfoot");if(0<a.length)g.nTFoot=a[0],T(g.aoFooter,g.nTFoot); +if(h)for(a=0;a<e.aaData.length;a++)G(g,e.aaData[a]);else ta(g);g.aiDisplay=g.aiDisplayMaster.slice();g.bInitialised=!0;!1===f&&$(g)}})};j.version="1.9.0";j.settings=[];j.models={};j.models.ext={afnFiltering:[],afnSortData:[],aoFeatures:[],aTypes:[],fnVersionCheck:function(e){for(var i=function(e,i){for(;e.length<i;)e+="0";return e},l=j.ext.sVersion.split("."),e=e.split("."),r="",k="",t=0,v=e.length;t<v;t++)r+=i(l[t],3),k+=i(e[t],3);return parseInt(r,10)>=parseInt(k,10)},iApiIndex:0,ofnSearch:{},oApi:{}, +oStdClasses:{},oJUIClasses:{},oPagination:{},oSort:{},sVersion:j.version,sErrMode:"alert",_oExternConfig:{iNextUnique:0}};j.models.oSearch={bCaseInsensitive:!0,sSearch:"",bRegex:!1,bSmart:!0};j.models.oRow={nTr:null,_aData:[],_aSortData:[],_anHidden:[],_sRowStripe:""};j.models.oColumn={aDataSort:null,asSorting:null,bSearchable:null,bSortable:null,bUseRendered:null,bVisible:null,_bAutoType:!0,fnCreatedCell:null,fnGetData:null,fnRender:null,fnSetData:null,mDataProp:null,nTh:null,nTf:null,sClass:null, +sContentPadding:null,sDefaultContent:null,sName:null,sSortDataType:"std",sSortingClass:null,sSortingClassJUI:null,sTitle:null,sType:null,sWidth:null,sWidthOrig:null};j.defaults={aaData:null,aaSorting:[[0,"asc"]],aaSortingFixed:null,aLengthMenu:[10,25,50,100],aoColumns:null,aoColumnDefs:null,aoSearchCols:[],asStripeClasses:["odd","even"],bAutoWidth:!0,bDeferRender:!1,bDestroy:!1,bFilter:!0,bInfo:!0,bJQueryUI:!1,bLengthChange:!0,bPaginate:!0,bProcessing:!1,bRetrieve:!1,bScrollAutoCss:!0,bScrollCollapse:!1, +bScrollInfinite:!1,bServerSide:!1,bSort:!0,bSortCellsTop:!1,bSortClasses:!0,bStateSave:!1,fnCookieCallback:null,fnCreatedRow:null,fnDrawCallback:null,fnFooterCallback:null,fnFormatNumber:function(e){if(1E3>e)return e;for(var i=e+"",e=i.split(""),j="",i=i.length,l=0;l<i;l++)0===l%3&&0!==l&&(j=this.oLanguage.sInfoThousands+j),j=e[i-l-1]+j;return j},fnHeaderCallback:null,fnInfoCallback:null,fnInitComplete:null,fnPreDrawCallback:null,fnRowCallback:null,fnServerData:function(e,j,l,k){k.jqXHR=i.ajax({url:e, +data:j,success:function(e){i(k.oInstance).trigger("xhr",k);l(e)},dataType:"json",cache:!1,type:k.sServerMethod,error:function(e,i){"parsererror"==i&&alert("DataTables warning: JSON data from server could not be parsed. This is caused by a JSON formatting error.")}})},fnServerParams:null,fnStateLoad:function(e){var e=this.oApi._fnReadCookie(e.sCookiePrefix+e.sInstance),j;try{j="function"===typeof i.parseJSON?i.parseJSON(e):eval("("+e+")")}catch(l){j=null}return j},fnStateLoadParams:null,fnStateLoaded:null, +fnStateSave:function(e,i){this.oApi._fnCreateCookie(e.sCookiePrefix+e.sInstance,this.oApi._fnJsonString(i),e.iCookieDuration,e.sCookiePrefix,e.fnCookieCallback)},fnStateSaveParams:null,iCookieDuration:7200,iDeferLoading:null,iDisplayLength:10,iDisplayStart:0,iScrollLoadGap:100,iTabIndex:0,oLanguage:{oAria:{sSortAscending:": activate to sort column ascending",sSortDescending:": activate to sort column descending"},oPaginate:{sFirst:"First",sLast:"Last",sNext:"Next",sPrevious:"Previous"},sEmptyTable:"No data available in table", +sInfo:"Showing _START_ to _END_ of _TOTAL_ entries",sInfoEmpty:"Showing 0 to 0 of 0 entries",sInfoFiltered:"(filtered from _MAX_ total entries)",sInfoPostFix:"",sInfoThousands:",",sLengthMenu:"Show _MENU_ entries",sLoadingRecords:"Loading...",sProcessing:"Processing...",sSearch:"Search:",sUrl:"",sZeroRecords:"No matching records found"},oSearch:i.extend({},j.models.oSearch),sAjaxDataProp:"aaData",sAjaxSource:null,sCookiePrefix:"SpryMedia_DataTables_",sDom:"lfrtip",sPaginationType:"two_button",sScrollX:"", +sScrollXInner:"",sScrollY:"",sServerMethod:"GET"};j.defaults.columns={aDataSort:null,asSorting:["asc","desc"],bSearchable:!0,bSortable:!0,bUseRendered:!0,bVisible:!0,fnCreatedCell:null,fnRender:null,iDataSort:-1,mDataProp:null,sClass:"",sContentPadding:"",sDefaultContent:null,sName:"",sSortDataType:"std",sTitle:null,sType:null,sWidth:null};j.models.oSettings={oFeatures:{bAutoWidth:null,bDeferRender:null,bFilter:null,bInfo:null,bLengthChange:null,bPaginate:null,bProcessing:null,bServerSide:null,bSort:null, +bSortClasses:null,bStateSave:null},oScroll:{bAutoCss:null,bCollapse:null,bInfinite:null,iBarWidth:0,iLoadGap:null,sX:null,sXInner:null,sY:null},oLanguage:{fnInfoCallback:null},aanFeatures:[],aoData:[],aiDisplay:[],aiDisplayMaster:[],aoColumns:[],aoHeader:[],aoFooter:[],asDataSearch:[],oPreviousSearch:{},aoPreSearchCols:[],aaSorting:null,aaSortingFixed:null,asStripeClasses:null,asDestroyStripes:[],sDestroyWidth:0,aoRowCallback:[],aoHeaderCallback:[],aoFooterCallback:[],aoDrawCallback:[],aoRowCreatedCallback:[], +aoPreDrawCallback:[],aoInitComplete:[],aoStateSaveParams:[],aoStateLoadParams:[],aoStateLoaded:[],sTableId:"",nTable:null,nTHead:null,nTFoot:null,nTBody:null,nTableWrapper:null,bDeferLoading:!1,bInitialised:!1,aoOpenRows:[],sDom:null,sPaginationType:"two_button",iCookieDuration:0,sCookiePrefix:"",fnCookieCallback:null,aoStateSave:[],aoStateLoad:[],oLoadedState:null,sAjaxSource:null,sAjaxDataProp:null,bAjaxDataGet:!0,jqXHR:null,fnServerData:null,aoServerParams:[],sServerMethod:null,fnFormatNumber:null, +aLengthMenu:null,iDraw:0,bDrawing:!1,iDrawError:-1,_iDisplayLength:10,_iDisplayStart:0,_iDisplayEnd:10,_iRecordsTotal:0,_iRecordsDisplay:0,bJUI:null,oClasses:{},bFiltered:!1,bSorted:!1,bSortCellsTop:null,oInit:null,aoDestroyCallback:[],fnRecordsTotal:function(){return this.oFeatures.bServerSide?parseInt(this._iRecordsTotal,10):this.aiDisplayMaster.length},fnRecordsDisplay:function(){return this.oFeatures.bServerSide?parseInt(this._iRecordsDisplay,10):this.aiDisplay.length},fnDisplayEnd:function(){return this.oFeatures.bServerSide? +!1===this.oFeatures.bPaginate||-1==this._iDisplayLength?this._iDisplayStart+this.aiDisplay.length:Math.min(this._iDisplayStart+this._iDisplayLength,this._iRecordsDisplay):this._iDisplayEnd},oInstance:null,sInstance:null,iTabIndex:0};j.ext=i.extend(!0,{},j.models.ext);i.extend(j.ext.oStdClasses,{sTable:"dataTable",sPagePrevEnabled:"paginate_enabled_previous",sPagePrevDisabled:"paginate_disabled_previous",sPageNextEnabled:"paginate_enabled_next",sPageNextDisabled:"paginate_disabled_next",sPageJUINext:"", +sPageJUIPrev:"",sPageButton:"paginate_button",sPageButtonActive:"paginate_active",sPageButtonStaticDisabled:"paginate_button paginate_button_disabled",sPageFirst:"first",sPagePrevious:"previous",sPageNext:"next",sPageLast:"last",sStripeOdd:"odd",sStripeEven:"even",sRowEmpty:"dataTables_empty",sWrapper:"dataTables_wrapper",sFilter:"dataTables_filter",sInfo:"dataTables_info",sPaging:"dataTables_paginate paging_",sLength:"dataTables_length",sProcessing:"dataTables_processing",sSortAsc:"sorting_asc", +sSortDesc:"sorting_desc",sSortable:"sorting",sSortableAsc:"sorting_asc_disabled",sSortableDesc:"sorting_desc_disabled",sSortableNone:"sorting_disabled",sSortColumn:"sorting_",sSortJUIAsc:"",sSortJUIDesc:"",sSortJUI:"",sSortJUIAscAllowed:"",sSortJUIDescAllowed:"",sSortJUIWrapper:"",sSortIcon:"",sScrollWrapper:"dataTables_scroll",sScrollHead:"dataTables_scrollHead",sScrollHeadInner:"dataTables_scrollHeadInner",sScrollBody:"dataTables_scrollBody",sScrollFoot:"dataTables_scrollFoot",sScrollFootInner:"dataTables_scrollFootInner", +sFooterTH:""});i.extend(j.ext.oJUIClasses,j.ext.oStdClasses,{sPagePrevEnabled:"fg-button ui-button ui-state-default ui-corner-left",sPagePrevDisabled:"fg-button ui-button ui-state-default ui-corner-left ui-state-disabled",sPageNextEnabled:"fg-button ui-button ui-state-default ui-corner-right",sPageNextDisabled:"fg-button ui-button ui-state-default ui-corner-right ui-state-disabled",sPageJUINext:"ui-icon ui-icon-circle-arrow-e",sPageJUIPrev:"ui-icon ui-icon-circle-arrow-w",sPageButton:"fg-button ui-button ui-state-default", +sPageButtonActive:"fg-button ui-button ui-state-default ui-state-disabled",sPageButtonStaticDisabled:"fg-button ui-button ui-state-default ui-state-disabled",sPageFirst:"first ui-corner-tl ui-corner-bl",sPageLast:"last ui-corner-tr ui-corner-br",sPaging:"dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_",sSortAsc:"ui-state-default",sSortDesc:"ui-state-default",sSortable:"ui-state-default",sSortableAsc:"ui-state-default",sSortableDesc:"ui-state-default",sSortableNone:"ui-state-default", +sSortJUIAsc:"css_right ui-icon ui-icon-triangle-1-n",sSortJUIDesc:"css_right ui-icon ui-icon-triangle-1-s",sSortJUI:"css_right ui-icon ui-icon-carat-2-n-s",sSortJUIAscAllowed:"css_right ui-icon ui-icon-carat-1-n",sSortJUIDescAllowed:"css_right ui-icon ui-icon-carat-1-s",sSortJUIWrapper:"DataTables_sort_wrapper",sSortIcon:"DataTables_sort_icon",sScrollHead:"dataTables_scrollHead ui-state-default",sScrollFoot:"dataTables_scrollFoot ui-state-default",sFooterTH:"ui-state-default"});i.extend(j.ext.oPagination, +{two_button:{fnInit:function(e,j,l){var k=e.oLanguage.oPaginate,s=function(i){e.oApi._fnPageChange(e,i.data.action)&&l(e)},k=!e.bJUI?'<a class="'+e.oClasses.sPagePrevDisabled+'" tabindex="'+e.iTabIndex+'" role="button">'+k.sPrevious+'</a><a class="'+e.oClasses.sPageNextDisabled+'" tabindex="'+e.iTabIndex+'" role="button">'+k.sNext+"</a>":'<a class="'+e.oClasses.sPagePrevDisabled+'" tabindex="'+e.iTabIndex+'" role="button"><span class="'+e.oClasses.sPageJUIPrev+'"></span></a><a class="'+e.oClasses.sPageNextDisabled+ +'" tabindex="'+e.iTabIndex+'" role="button"><span class="'+e.oClasses.sPageJUINext+'"></span></a>';i(j).append(k);var t=i("a",j),k=t[0],t=t[1];e.oApi._fnBindAction(k,{action:"previous"},s);e.oApi._fnBindAction(t,{action:"next"},s);if(!e.aanFeatures.p)j.id=e.sTableId+"_paginate",k.id=e.sTableId+"_previous",t.id=e.sTableId+"_next",k.setAttribute("aria-controls",e.sTableId),t.setAttribute("aria-controls",e.sTableId)},fnUpdate:function(e){if(e.aanFeatures.p)for(var i=e.oClasses,j=e.aanFeatures.p,l=0, +k=j.length;l<k;l++)if(0!==j[l].childNodes.length)j[l].childNodes[0].className=0===e._iDisplayStart?i.sPagePrevDisabled:i.sPagePrevEnabled,j[l].childNodes[1].className=e.fnDisplayEnd()==e.fnRecordsDisplay()?i.sPageNextDisabled:i.sPageNextEnabled}},iFullNumbersShowPages:5,full_numbers:{fnInit:function(e,j,l){var k=e.oLanguage.oPaginate,s=e.oClasses,t=function(i){e.oApi._fnPageChange(e,i.data.action)&&l(e)};i(j).append('<a tabindex="'+e.iTabIndex+'" class="'+s.sPageButton+" "+s.sPageFirst+'">'+k.sFirst+ +'</a><a tabindex="'+e.iTabIndex+'" class="'+s.sPageButton+" "+s.sPagePrevious+'">'+k.sPrevious+'</a><span></span><a tabindex="'+e.iTabIndex+'" class="'+s.sPageButton+" "+s.sPageNext+'">'+k.sNext+'</a><a tabindex="'+e.iTabIndex+'" class="'+s.sPageButton+" "+s.sPageLast+'">'+k.sLast+"</a>");var v=i("a",j),k=v[0],s=v[1],B=v[2],v=v[3];e.oApi._fnBindAction(k,{action:"first"},t);e.oApi._fnBindAction(s,{action:"previous"},t);e.oApi._fnBindAction(B,{action:"next"},t);e.oApi._fnBindAction(v,{action:"last"}, +t);if(!e.aanFeatures.p)j.id=e.sTableId+"_paginate",k.id=e.sTableId+"_first",s.id=e.sTableId+"_previous",B.id=e.sTableId+"_next",v.id=e.sTableId+"_last"},fnUpdate:function(e,l){if(e.aanFeatures.p){var k=j.ext.oPagination.iFullNumbersShowPages,r=Math.floor(k/2),s=Math.ceil(e.fnRecordsDisplay()/e._iDisplayLength),t=Math.ceil(e._iDisplayStart/e._iDisplayLength)+1,v="",B,D=e.oClasses,x,I=e.aanFeatures.p,G=function(i){e.oApi._fnBindAction(this,{page:i+B-1},function(i){e.oApi._fnPageChange(e,i.data.page); +l(e);i.preventDefault()})};s<k?(B=1,r=s):t<=r?(B=1,r=k):t>=s-r?(B=s-k+1,r=s):(B=t-Math.ceil(k/2)+1,r=B+k-1);for(k=B;k<=r;k++)v+=t!==k?'<a tabindex="'+e.iTabIndex+'" class="'+D.sPageButton+'">'+e.fnFormatNumber(k)+"</a>":'<a tabindex="'+e.iTabIndex+'" class="'+D.sPageButtonActive+'">'+e.fnFormatNumber(k)+"</a>";for(k=0,r=I.length;k<r;k++)0!==I[k].childNodes.length&&(i("span:eq(0)",I[k]).html(v).children("a").each(G),x=I[k].getElementsByTagName("a"),x=[x[0],x[1],x[x.length-2],x[x.length-1]],i(x).removeClass(D.sPageButton+ +" "+D.sPageButtonActive+" "+D.sPageButtonStaticDisabled),i([x[0],x[1]]).addClass(1==t?D.sPageButtonStaticDisabled:D.sPageButton),i([x[2],x[3]]).addClass(0===s||t===s||-1===e._iDisplayLength?D.sPageButtonStaticDisabled:D.sPageButton))}}}});i.extend(j.ext.oSort,{"string-pre":function(e){"string"!=typeof e&&(e="");return e.toLowerCase()},"string-asc":function(e,i){return e<i?-1:e>i?1:0},"string-desc":function(e,i){return e<i?1:e>i?-1:0},"html-pre":function(e){return e.replace(/<.*?>/g,"").toLowerCase()}, +"html-asc":function(e,i){return e<i?-1:e>i?1:0},"html-desc":function(e,i){return e<i?1:e>i?-1:0},"date-pre":function(e){e=Date.parse(e);if(isNaN(e)||""===e)e=Date.parse("01/01/1970 00:00:00");return e},"date-asc":function(e,i){return e-i},"date-desc":function(e,i){return i-e},"numeric-pre":function(e){return"-"==e||""===e?0:1*e},"numeric-asc":function(e,i){return e-i},"numeric-desc":function(e,i){return i-e}});i.extend(j.ext.aTypes,[function(e){if("number"===typeof e)return"numeric";if("string"!== +typeof e)return null;var i,j=!1;i=e.charAt(0);if(-1=="0123456789-".indexOf(i))return null;for(var k=1;k<e.length;k++){i=e.charAt(k);if(-1=="0123456789.".indexOf(i))return null;if("."==i){if(j)return null;j=!0}}return"numeric"},function(e){var i=Date.parse(e);return null!==i&&!isNaN(i)||"string"===typeof e&&0===e.length?"date":null},function(e){return"string"===typeof e&&-1!=e.indexOf("<")&&-1!=e.indexOf(">")?"html":null}]);i.fn.DataTable=j;i.fn.dataTable=j;i.fn.dataTableSettings=j.settings;i.fn.dataTableExt= +j.ext})(jQuery,window,document,void 0); diff --git a/src/warden-server/contrib/wardenweb/datatables/jquery.js b/src/warden-server/contrib/wardenweb/datatables/jquery.js new file mode 100644 index 0000000000000000000000000000000000000000..ee0233703da37c9cc42591620e0befa769cd6a2a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/jquery.js @@ -0,0 +1,4 @@ +/*! jQuery v1.7.1 jquery.com | jquery.org/license */ +(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cv(a){if(!ck[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){cl||(cl=c.createElement("iframe"),cl.frameBorder=cl.width=cl.height=0),b.appendChild(cl);if(!cm||!cl.createElement)cm=(cl.contentWindow||cl.contentDocument).document,cm.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),cm.close();d=cm.createElement(a),cm.body.appendChild(d),e=f.css(d,"display"),b.removeChild(cl)}ck[a]=e}return ck[a]}function cu(a,b){var c={};f.each(cq.concat.apply([],cq.slice(0,b)),function(){c[this]=a});return c}function ct(){cr=b}function cs(){setTimeout(ct,0);return cr=f.now()}function cj(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ci(){try{return new a.XMLHttpRequest}catch(b){}}function cc(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function cb(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function ca(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bE.test(a)?d(a,e):ca(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)ca(a+"["+e+"]",b[e],c,d);else d(a,b)}function b_(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function b$(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bT,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=b$(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=b$(a,c,d,e,"*",g));return l}function bZ(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bP),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bC(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bx:by,g=0,h=e.length;if(d>0){if(c!=="border")for(;g<h;g++)c||(d-=parseFloat(f.css(a,"padding"+e[g]))||0),c==="margin"?d+=parseFloat(f.css(a,c+e[g]))||0:d-=parseFloat(f.css(a,"border"+e[g]+"Width"))||0;return d+"px"}d=bz(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0;if(c)for(;g<h;g++)d+=parseFloat(f.css(a,"padding"+e[g]))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+e[g]+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+e[g]))||0);return d+"px"}function bp(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bf,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bo(a){var b=c.createElement("div");bh.appendChild(b),b.innerHTML=a.outerHTML;return b.firstChild}function bn(a){var b=(a.nodeName||"").toLowerCase();b==="input"?bm(a):b!=="script"&&typeof a.getElementsByTagName!="undefined"&&f.grep(a.getElementsByTagName("input"),bm)}function bm(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bl(a){return typeof a.getElementsByTagName!="undefined"?a.getElementsByTagName("*"):typeof a.querySelectorAll!="undefined"?a.querySelectorAll("*"):[]}function bk(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bj(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c,d,e,g=f._data(a),h=f._data(b,g),i=g.events;if(i){delete h.handle,h.events={};for(c in i)for(d=0,e=i[c].length;d<e;d++)f.event.add(b,c+(i[c][d].namespace?".":"")+i[c][d].namespace,i[c][d],i[c][d].data)}h.data&&(h.data=f.extend({},h.data))}}function bi(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function U(a){var b=V.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function T(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(O.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?parseFloat(d):j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c<d;c++)b[a[c]]=!0;return b}var c=a.document,d=a.navigator,e=a.location,f=function(){function J(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(J,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.1",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:G?function(a){return a==null?"":G.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?E.call(c,a):e.merge(c,a)}return c},inArray:function(a,b,c){var d;if(b){if(H)return H.call(b,a,c);d=b.length,c=c?c<0?Math.max(0,d+c):c:0;for(;c<d;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=F.call(arguments,2),g=function(){return a.apply(c,f.concat(F.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=r.exec(a)||s.exec(a)||t.exec(a)||a.indexOf("compatible")<0&&u.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){I["[object "+b+"]"]=b.toLowerCase()}),z=e.uaMatch(y),z.browser&&(e.browser[z.browser]=!0,e.browser.version=z.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?B=function(){c.removeEventListener("DOMContentLoaded",B,!1),e.ready()}:c.attachEvent&&(B=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",B),e.ready())});return e}(),g={};f.Callbacks=function(a){a=a?g[a]||h(a):{};var c=[],d=[],e,i,j,k,l,m=function(b){var d,e,g,h,i;for(d=0,e=b.length;d<e;d++)g=b[d],h=f.type(g),h==="array"?m(g):h==="function"&&(!a.unique||!o.has(g))&&c.push(g)},n=function(b,f){f=f||[],e=!a.memory||[b,f],i=!0,l=j||0,j=0,k=c.length;for(;c&&l<k;l++)if(c[l].apply(b,f)===!1&&a.stopOnFalse){e=!0;break}i=!1,c&&(a.once?e===!0?o.disable():c=[]:d&&d.length&&(e=d.shift(),o.fireWith(e[0],e[1])))},o={add:function(){if(c){var a=c.length;m(arguments),i?k=c.length:e&&e!==!0&&(j=a,n(e[0],e[1]))}return this},remove:function(){if(c){var b=arguments,d=0,e=b.length;for(;d<e;d++)for(var f=0;f<c.length;f++)if(b[d]===c[f]){i&&f<=k&&(k--,f<=l&&l--),c.splice(f--,1);if(a.unique)break}}return this},has:function(a){if(c){var b=0,d=c.length;for(;b<d;b++)if(a===c[b])return!0}return!1},empty:function(){c=[];return this},disable:function(){c=d=e=b;return this},disabled:function(){return!c},lock:function(){d=b,(!e||e===!0)&&o.disable();return this},locked:function(){return!d},fireWith:function(b,c){d&&(i?a.once||d.push([b,c]):(!a.once||!e)&&n(b,c));return this},fire:function(){o.fireWith(this,arguments);return this},fired:function(){return!!e}};return o};var i=[].slice;f.extend({Deferred:function(a){var b=f.Callbacks("once memory"),c=f.Callbacks("once memory"),d=f.Callbacks("memory"),e="pending",g={resolve:b,reject:c,notify:d},h={done:b.add,fail:c.add,progress:d.add,state:function(){return e},isResolved:b.fired,isRejected:c.fired,then:function(a,b,c){i.done(a).fail(b).progress(c);return this},always:function(){i.done.apply(i,arguments).fail.apply(i,arguments);return this},pipe:function(a,b,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[b,"reject"],progress:[c,"notify"]},function(a,b){var c=b[0],e=b[1],g;f.isFunction(c)?i[a](function(){g=c.apply(this,arguments),g&&f.isFunction(g.promise)?g.promise().then(d.resolve,d.reject,d.notify):d[e+"With"](this===i?d:this,[g])}):i[a](d[e])})}).promise()},promise:function(a){if(a==null)a=h;else for(var b in h)a[b]=h[b];return a}},i=h.promise({}),j;for(j in g)i[j]=g[j].fire,i[j+"With"]=g[j].fireWith;i.done(function(){e="resolved"},c.disable,d.lock).fail(function(){e="rejected"},b.disable,d.lock),a&&a.call(i,i);return i},when:function(a){function m(a){return function(b){e[a]=arguments.length>1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c<d;c++)b[c]&&b[c].promise&&f.isFunction(b[c].promise)?b[c].promise().then(l(c),j.reject,m(c)):--g;g||j.resolveWith(j,b)}else j!==a&&j.resolveWith(j,d?[a]:[]);return k}}),f.support=function(){var b,d,e,g,h,i,j,k,l,m,n,o,p,q=c.createElement("div"),r=c.documentElement;q.setAttribute("className","t"),q.innerHTML=" <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=q.getElementsByTagName("*"),e=q.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=q.getElementsByTagName("input")[0],b={leadingWhitespace:q.firstChild.nodeType===3,tbody:!q.getElementsByTagName("tbody").length,htmlSerialize:!!q.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:q.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav></:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete q.test}catch(s){b.deleteExpando=!1}!q.addEventListener&&q.attachEvent&&q.fireEvent&&(q.attachEvent("onclick",function(){b.noCloneEvent=!1}),q.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),q.appendChild(i),k=c.createDocumentFragment(),k.appendChild(q.lastChild),b.checkClone=k.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,k.removeChild(i),k.appendChild(q),q.innerHTML="",a.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",q.style.width="2px",q.appendChild(j),b.reliableMarginRight=(parseInt((a.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0);if(q.attachEvent)for(o in{submit:1,change:1,focusin:1})n="on"+o,p=n in q,p||(q.setAttribute(n,"return;"),p=typeof q[n]=="function"),b[o+"Bubbles"]=p;k.removeChild(q),k=g=h=j=q=i=null,f(function(){var a,d,e,g,h,i,j,k,m,n,o,r=c.getElementsByTagName("body")[0];!r||(j=1,k="position:absolute;top:0;left:0;width:1px;height:1px;margin:0;",m="visibility:hidden;border:0;",n="style='"+k+"border:5px solid #000;padding:0;'",o="<div "+n+"><div></div></div>"+"<table "+n+" cellpadding='0' cellspacing='0'>"+"<tr><td></td></tr></table>",a=c.createElement("div"),a.style.cssText=m+"width:0;height:0;position:static;top:0;margin-top:"+j+"px",r.insertBefore(a,r.firstChild),q=c.createElement("div"),a.appendChild(q),q.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",l=q.getElementsByTagName("td"),p=l[0].offsetHeight===0,l[0].style.display="",l[1].style.display="none",b.reliableHiddenOffsets=p&&l[0].offsetHeight===0,q.innerHTML="",q.style.width=q.style.paddingLeft="1px",f.boxModel=b.boxModel=q.offsetWidth===2,typeof q.style.zoom!="undefined"&&(q.style.display="inline",q.style.zoom=1,b.inlineBlockNeedsLayout=q.offsetWidth===2,q.style.display="",q.innerHTML="<div style='width:4px;'></div>",b.shrinkWrapBlocks=q.offsetWidth!==2),q.style.cssText=k+m,q.innerHTML=o,d=q.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,i={doesNotAddBorder:e.offsetTop!==5,doesAddBorderForTableAndCells:h.offsetTop===5},e.style.position="fixed",e.style.top="20px",i.fixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",i.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,i.doesNotIncludeMarginInBodyOffset=r.offsetTop!==j,r.removeChild(a),q=a=null,f.extend(b,i))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e<g;e++)delete d[b[e]];if(!(c?m:f.isEmptyObject)(d))return}}if(!c){delete j[k].data;if(!m(j[k]))return}f.support.deleteExpando||!j.setInterval?delete j[k]:j[k]=null,i&&(f.support.deleteExpando?delete a[h]:a.removeAttribute?a.removeAttribute(h):a[h]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d,e,g,h=null;if(typeof a=="undefined"){if(this.length){h=f.data(this[0]);if(this[0].nodeType===1&&!f._data(this[0],"parsedAttrs")){e=this[0].attributes;for(var i=0,j=e.length;i<j;i++)g=e[i].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),l(this[0],g,h[g]));f._data(this[0],"parsedAttrs",!0)}}return h}if(typeof a=="object")return this.each(function(){f.data(this,a)});d=a.split("."),d[1]=d[1]?"."+d[1]:"";if(c===b){h=this.triggerHandler("getData"+d[1]+"!",[d[0]]),h===b&&this.length&&(h=f.data(this[0],a),h=l(this[0],a,h));return h===b&&d[1]?this.data(d[0]):h}return this.each(function(){var b=f(this),e=[d[0],c];b.triggerHandler("setData"+d[1]+"!",e),f.data(this,a,c),b.triggerHandler("changeData"+d[1]+"!",e)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,b){a&&(b=(b||"fx")+"mark",f._data(a,b,(f._data(a,b)||0)+1))},_unmark:function(a,b,c){a!==!0&&(c=b,b=a,a=!1);if(b){c=c||"fx";var d=c+"mark",e=a?0:(f._data(b,d)||1)-1;e?f._data(b,d,e):(f.removeData(b,d,!0),n(b,c,"mark"))}},queue:function(a,b,c){var d;if(a){b=(b||"fx")+"queue",d=f._data(a,b),c&&(!d||f.isArray(c)?d=f._data(a,b,f.makeArray(c)):d.push(c));return d||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e={};d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),f._data(a,b+".run",e),d.call(a,function(){f.dequeue(a,b)},e)),c.length||(f.removeData(a,b+"queue "+b+".run",!0),n(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f.Callbacks("once memory"),!0))h++,l.add(m);m();return d.promise()}});var o=/[\n\t\r]/g,p=/\s+/,q=/\r/g,r=/^(?:button|input)$/i,s=/^(?:button|input|object|select|textarea)$/i,t=/^a(?:rea)?$/i,u=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,v=f.support.getSetAttribute,w,x,y;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(p);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(p);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(o," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(p);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ",c=0,d=this.length;for(;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(o," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.nodeName.toLowerCase()]||f.valHooks[g.type];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c<d;c++){e=i[c];if(e.selected&&(f.support.optDisabled?!e.disabled:e.getAttribute("disabled")===null)&&(!e.parentNode.disabled||!f.nodeName(e.parentNode,"optgroup"))){b=f(e).val();if(j)return b;h.push(b)}}if(j&&!h.length&&i.length)return f(i[g]).val();return h},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;h<g;h++)e=d[h],e&&(c=f.propFix[e]||e,f.attr(a,e,""),a.removeAttribute(v?e:c),u.test(e)&&c in a&&(a[c]=!1))}},attrHooks:{type:{set:function(a,b){if(r.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(w&&f.nodeName(a,"button"))return w.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(w&&f.nodeName(a,"button"))return w.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e,g,h,i=a.nodeType;if(!!a&&i!==3&&i!==8&&i!==2){h=i!==1||!f.isXMLDoc(a),h&&(c=f.propFix[c]||c,g=f.propHooks[c]);return d!==b?g&&"set"in g&&(e=g.set(a,d,c))!==b?e:a[c]=d:g&&"get"in g&&(e=g.get(a,c))!==null?e:a[c]}},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):s.test(a.nodeName)||t.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabindex=f.propHooks.tabIndex,x={get:function(a,c){var d,e=f.prop(a,c);return e===!0||typeof e!="boolean"&&(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},v||(y={name:!0,id:!0},w=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&(y[c]?d.nodeValue!=="":d.specified)?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.attrHooks.tabindex.set=w.set,f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})}),f.attrHooks.contenteditable={get:w.get,set:function(a,b,c){b===""&&(b="false"),w.set(a,b,c)}}),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.enctype||(f.propFix.enctype="encoding"),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/\bhover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function(a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")}; +f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k<c.length;k++){l=A.exec(c[k])||[],m=l[1],n=(l[2]||"").split(".").sort(),s=f.event.special[m]||{},m=(g?s.delegateType:s.bindType)||m,s=f.event.special[m]||{},o=f.extend({type:m,origType:l[1],data:e,handler:d,guid:d.guid,selector:g,quick:G(g),namespace:n.join(".")},p),r=j[m];if(!r){r=j[m]=[],r.delegateCount=0;if(!s.setup||s.setup.call(a,e,n,i)===!1)a.addEventListener?a.addEventListener(m,i,!1):a.attachEvent&&a.attachEvent("on"+m,i)}s.add&&(s.add.call(a,o),o.handler.guid||(o.handler.guid=d.guid)),g?r.splice(r.delegateCount++,0,o):r.push(o),f.event.global[m]=!0}a=null}},global:{},remove:function(a,b,c,d,e){var g=f.hasData(a)&&f._data(a),h,i,j,k,l,m,n,o,p,q,r,s;if(!!g&&!!(o=g.events)){b=f.trim(I(b||"")).split(" ");for(h=0;h<b.length;h++){i=A.exec(b[h])||[],j=k=i[1],l=i[2];if(!j){for(j in o)f.event.remove(a,j+b[h],c,d,!0);continue}p=f.event.special[j]||{},j=(d?p.delegateType:p.bindType)||j,r=o[j]||[],m=r.length,l=l?new RegExp("(^|\\.)"+l.split(".").sort().join("\\.(?:.*\\.)?")+"(\\.|$)"):null;for(n=0;n<r.length;n++)s=r[n],(e||k===s.origType)&&(!c||c.guid===s.guid)&&(!l||l.test(s.namespace))&&(!d||d===s.selector||d==="**"&&s.selector)&&(r.splice(n--,1),s.selector&&r.delegateCount--,p.remove&&p.remove.call(a,s));r.length===0&&m!==r.length&&((!p.teardown||p.teardown.call(a,l)===!1)&&f.removeEvent(a,j,g.handle),delete o[j])}f.isEmptyObject(o)&&(q=g.handle,q&&(q.elem=null),f.removeData(a,["events","handle"],!0))}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){if(!e||e.nodeType!==3&&e.nodeType!==8){var h=c.type||c,i=[],j,k,l,m,n,o,p,q,r,s;if(E.test(h+f.event.triggered))return;h.indexOf("!")>=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;l<r.length&&!c.isPropagationStopped();l++)m=r[l][0],c.type=r[l][1],q=(f._data(m,"events")||{})[c.type]&&f._data(m,"handle"),q&&q.apply(m,d),q=o&&m[o],q&&f.acceptData(m)&&q.apply(m,d)===!1&&c.preventDefault();c.type=h,!g&&!c.isDefaultPrevented()&&(!p._default||p._default.apply(e.ownerDocument,d)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)&&o&&e[h]&&(h!=="focus"&&h!=="blur"||c.target.offsetWidth!==0)&&!f.isWindow(e)&&(n=e[o],n&&(e[o]=null),f.event.triggered=h,e[h](),f.event.triggered=b,n&&(e[o]=n));return c.result}},dispatch:function(c){c=f.event.fix(c||a.event);var d=(f._data(this,"events")||{})[c.type]||[],e=d.delegateCount,g=[].slice.call(arguments,0),h=!c.exclusive&&!c.namespace,i=[],j,k,l,m,n,o,p,q,r,s,t;g[0]=c,c.delegateTarget=this;if(e&&!c.target.disabled&&(!c.button||c.type!=="click")){m=f(this),m.context=this.ownerDocument||this;for(l=c.target;l!=this;l=l.parentNode||this){o={},q=[],m[0]=l;for(j=0;j<e;j++)r=d[j],s=r.selector,o[s]===b&&(o[s]=r.quick?H(l,r.quick):m.is(s)),o[s]&&q.push(r);q.length&&i.push({elem:l,matches:q})}}d.length>e&&i.push({elem:this,matches:d.slice(e)});for(j=0;j<i.length&&!c.isPropagationStopped();j++){p=i[j],c.currentTarget=p.elem;for(k=0;k<p.matches.length&&!c.isImmediatePropagationStopped();k++){r=p.matches[k];if(h||!c.namespace&&!r.namespace||c.namespace_re&&c.namespace_re.test(r.namespace))c.data=r.data,c.handleObj=r,n=((f.event.special[r.origType]||{}).handle||r.handler).apply(p.elem,g),n!==b&&(c.result=n,n===!1&&(c.preventDefault(),c.stopPropagation()))}}return c.result},props:"attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){a.which==null&&(a.which=b.charCode!=null?b.charCode:b.keyCode);return a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,d){var e,f,g,h=d.button,i=d.fromElement;a.pageX==null&&d.clientX!=null&&(e=a.target.ownerDocument||c,f=e.documentElement,g=e.body,a.pageX=d.clientX+(f&&f.scrollLeft||g&&g.scrollLeft||0)-(f&&f.clientLeft||g&&g.clientLeft||0),a.pageY=d.clientY+(f&&f.scrollTop||g&&g.scrollTop||0)-(f&&f.clientTop||g&&g.clientTop||0)),!a.relatedTarget&&i&&(a.relatedTarget=i===a.target?d.toElement:i),!a.which&&h!==b&&(a.which=h&1?1:h&2?3:h&4?2:0);return a}},fix:function(a){if(a[f.expando])return a;var d,e,g=a,h=f.event.fixHooks[a.type]||{},i=h.props?this.props.concat(h.props):this.props;a=f.Event(g);for(d=i.length;d;)e=i[--d],a[e]=g[e];a.target||(a.target=g.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),a.metaKey===b&&(a.metaKey=a.ctrlKey);return h.filter?h.filter(a,g):a},special:{ready:{setup:f.bindReady},load:{noBubble:!0},focus:{delegateType:"focusin"},blur:{delegateType:"focusout"},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}},simulate:function(a,b,c,d){var e=f.extend(new f.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?f.event.trigger(e,null,b):f.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},f.event.handle=f.event.dispatch,f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!(this instanceof f.Event))return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?K:J):this.type=a,b&&f.extend(this,b),this.timeStamp=a&&a.timeStamp||f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=K;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=K;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=K,this.stopPropagation()},isDefaultPrevented:J,isPropagationStopped:J,isImmediatePropagationStopped:J},f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c=this,d=a.relatedTarget,e=a.handleObj,g=e.selector,h;if(!d||d!==c&&!f.contains(c,d))a.type=e.origType,h=e.handler.apply(this,arguments),a.type=b;return h}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(){if(f.nodeName(this,"form"))return!1;f.event.add(this,"click._submit keypress._submit",function(a){var c=a.target,d=f.nodeName(c,"input")||f.nodeName(c,"button")?c.form:b;d&&!d._submit_attached&&(f.event.add(d,"submit._submit",function(a){this.parentNode&&!a.isTrigger&&f.event.simulate("submit",this.parentNode,a,!0)}),d._submit_attached=!0)})},teardown:function(){if(f.nodeName(this,"form"))return!1;f.event.remove(this,"._submit")}}),f.support.changeBubbles||(f.event.special.change={setup:function(){if(z.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio")f.event.add(this,"propertychange._change",function(a){a.originalEvent.propertyName==="checked"&&(this._just_changed=!0)}),f.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1,f.event.simulate("change",this,a,!0))});return!1}f.event.add(this,"beforeactivate._change",function(a){var b=a.target;z.test(b.nodeName)&&!b._change_attached&&(f.event.add(b,"change._change",function(a){this.parentNode&&!a.isSimulated&&!a.isTrigger&&f.event.simulate("change",this.parentNode,a,!0)}),b._change_attached=!0)})},handle:function(a){var b=a.target;if(this!==b||a.isSimulated||a.isTrigger||b.type!=="radio"&&b.type!=="checkbox")return a.handleObj.handler.apply(this,arguments)},teardown:function(){f.event.remove(this,"._change");return z.test(this.nodeName)}}),f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){var d=0,e=function(a){f.event.simulate(b,a.target,f.event.fix(a),!0)};f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.fn.extend({on:function(a,c,d,e,g){var h,i;if(typeof a=="object"){typeof c!="string"&&(d=c,c=b);for(i in a)this.on(i,c,d,a[i],g);return this}d==null&&e==null?(e=c,d=c=b):e==null&&(typeof c=="string"?(e=d,d=b):(e=d,d=c,c=b));if(e===!1)e=J;else if(!e)return this;g===1&&(h=e,e=function(a){f().off(a);return h.apply(this,arguments)},e.guid=h.guid||(h.guid=f.guid++));return this.each(function(){f.event.add(this,a,e,d,c)})},one:function(a,b,c,d){return this.on.call(this,a,b,c,d,1)},off:function(a,c,d){if(a&&a.preventDefault&&a.handleObj){var e=a.handleObj;f(a.delegateTarget).off(e.namespace?e.type+"."+e.namespace:e.type,e.selector,e.handler);return this}if(typeof a=="object"){for(var g in a)this.off(g,c,a[g]);return this}if(c===!1||typeof c=="function")d=c,c=b;d===!1&&(d=J);return this.each(function(){f.event.remove(this,a,d,c)})},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},live:function(a,b,c){f(this.context).on(a,this.selector,b,c);return this},die:function(a,b){f(this.context).off(a,this.selector||"**",b);return this},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return arguments.length==1?this.off(a,"**"):this.off(b,a,c)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f._data(this,"lastToggle"+a.guid)||0)%d;f._data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}if(j.nodeType===1){g||(j[d]=c,j.sizset=h);if(typeof b!="string"){if(j===b){k=!0;break}}else if(m.filter(b,[j]).length>0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}j.nodeType===1&&!g&&(j[d]=c,j.sizset=h);if(j.nodeName.toLowerCase()===b){k=j;break}j=j[a]}e[h]=k}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},m.matches=function(a,b){return m(a,null,null,b)},m.matchesSelector=function(a,b){return m(b,null,null,[a]).length>0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e<f;e++){h=o.order[e];if(g=o.leftMatch[h].exec(a)){i=g[1],g.splice(1,1);if(i.substr(i.length-1)!=="\\"){g[1]=(g[1]||"").replace(j,""),d=o.find[h](g,b,c);if(d!=null){a=a.replace(o.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},m.filter=function(a,c,d,e){var f,g,h,i,j,k,l,n,p,q=a,r=[],s=c,t=c&&c[0]&&m.isXML(c[0]);while(a&&c.length){for(h in o.filter)if((f=o.leftMatch[h].exec(a))!=null&&f[2]){k=o.filter[h],l=f[1],g=!1,f.splice(1,1);if(l.substr(l.length-1)==="\\")continue;s===r&&(r=[]);if(o.preFilter[h]){f=o.preFilter[h](f,s,d,r,e,t);if(!f)g=i=!0;else if(f===!0)continue}if(f)for(n=0;(j=s[n])!=null;n++)j&&(i=k(j,f,n,s),p=e^i,d&&i!=null?p?g=!0:s[n]=!1:p&&(r.push(j),g=!0));if(i!==b){d||(s=r),a=a.replace(o.match[h],"");if(!g)return[];break}}if(a===q)if(g==null)m.error(a);else break;q=a}return s},m.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)};var n=m.getText=function(a){var b,c,d=a.nodeType,e="";if(d){if(d===1||d===9){if(typeof a.textContent=="string")return a.textContent;if(typeof a.innerText=="string")return a.innerText.replace(k,"");for(a=a.firstChild;a;a=a.nextSibling)e+=n(a)}else if(d===3||d===4)return a.nodeValue}else for(b=0;c=a[b];b++)c.nodeType!==8&&(e+=n(c));return e},o=m.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!l.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&m.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&m.filter(b,a,!0)}},"":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("parentNode",b,f,a,d,c)},"~":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("previousSibling",b,f,a,d,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(j,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}m.error(e)},CHILD:function(a,b){var c,e,f,g,h,i,j,k=b[1],l=a;switch(k){case"only":case"first":while(l=l.previousSibling)if(l.nodeType===1)return!1;if(k==="first")return!0;l=a;case"last":while(l=l.nextSibling)if(l.nodeType===1)return!1;return!0;case"nth":c=b[2],e=b[3];if(c===1&&e===0)return!0;f=b[0],g=a.parentNode;if(g&&(g[d]!==f||!a.nodeIndex)){i=0;for(l=g.firstChild;l;l=l.nextSibling)l.nodeType===1&&(l.nodeIndex=++i);g[d]=f}j=a.nodeIndex-e;return c===0?j===0:j%c===0&&j/c>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c<e;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var u,v;c.documentElement.compareDocumentPosition?u=function(a,b){if(a===b){h=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(u=function(a,b){if(a===b){h=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],g=a.parentNode,i=b.parentNode,j=g;if(g===i)return v(a,b);if(!g)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return v(e[k],f[k]);return k===c?v(a,f[k],-1):v(e[k],b,1)},v=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h<i;h++)m(a,g[h],e,c);return m.filter(f,e)};m.attr=f.attr,m.selectors.attrMap={},f.find=m,f.expr=m.selectors,f.expr[":"]=f.expr.filters,f.unique=m.uniqueSort,f.text=m.getText,f.isXMLDoc=m.isXML,f.contains=m.contains}();var L=/Until$/,M=/^(?:parents|prevUntil|prevAll)/,N=/,/,O=/^.[^:#\[\.,]*$/,P=Array.prototype.slice,Q=f.expr.match.POS,R={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(T(this,a,!1),"not",a)},filter:function(a){return this.pushStack(T(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?Q.test(a)?f(a,this.context).index(this[0])>=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d<a.length;d++)f(g).is(a[d])&&c.push({selector:a[d],elem:g,level:h});g=g.parentNode,h++}return c}var i=Q.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(i?i.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|style)/i,bb=/<(?:script|object|embed|option|style)/i,bc=new RegExp("<(?:"+V+")","i"),bd=/checked\s*(?:[^=]|=\s*.checked.)/i,be=/\/(java|ecma)script/i,bf=/^\s*<!(?:\[CDATA\[|\-\-)/,bg={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function() +{for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bd.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bi(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bp)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i,j=a[0];b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof j=="string"&&j.length<512&&i===c&&j.charAt(0)==="<"&&!bb.test(j)&&(f.support.checkClone||!bd.test(j))&&(f.support.html5Clone||!bc.test(j))&&(g=!0,h=f.fragments[j],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean(a,i,e,d)),g&&(f.fragments[j]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||!bc.test("<"+a.nodeName)?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1></$2>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=bg[l]||bg._default,n=m[0],o=b.createElement("div");b===c?bh.appendChild(o):U(b).appendChild(o),o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bn(k[i]);else bn(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||be.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.event.special,g=f.support.deleteExpando;for(var h=0,i;(i=a[h])!=null;h++){if(i.nodeName&&f.noData[i.nodeName.toLowerCase()])continue;c=i[f.expando];if(c){b=d[c];if(b&&b.events){for(var j in b.events)e[j]?f.event.remove(i,j):f.removeEvent(i,j,b.handle);b.handle&&(b.handle.elem=null)}g?delete i[f.expando]:i.removeAttribute&&i.removeAttribute(f.expando),delete d[c]}}}});var bq=/alpha\([^)]*\)/i,br=/opacity=([^)]*)/,bs=/([A-Z]|^ms)/g,bt=/^-?\d+(?:px)?$/i,bu=/^-?\d/,bv=/^([\-+])=([\-+.\de]+)/,bw={position:"absolute",visibility:"hidden",display:"block"},bx=["Left","Right"],by=["Top","Bottom"],bz,bA,bB;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bz(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=bv.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bz)return bz(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return bC(a,b,d);f.swap(a,bw,function(){e=bC(a,b,d)});return e}},set:function(a,b){if(!bt.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return br.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bq,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bq.test(g)?g.replace(bq,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bz(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bA=function(a,b){var c,d,e;b=b.replace(bs,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b)));return c}),c.documentElement.currentStyle&&(bB=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f===null&&g&&(e=g[b])&&(f=e),!bt.test(f)&&bu.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f||0,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),bz=bA||bB,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bD=/%20/g,bE=/\[\]$/,bF=/\r?\n/g,bG=/#.*$/,bH=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bI=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bJ=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bK=/^(?:GET|HEAD)$/,bL=/^\/\//,bM=/\?/,bN=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bO=/^(?:select|textarea)/i,bP=/\s+/,bQ=/([?&])_=[^&]*/,bR=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bS=f.fn.load,bT={},bU={},bV,bW,bX=["*/"]+["*"];try{bV=e.href}catch(bY){bV=c.createElement("a"),bV.href="",bV=bV.href}bW=bR.exec(bV.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bS)return bS.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bN,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bO.test(this.nodeName)||bI.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bF,"\r\n")}}):{name:b.name,value:c.replace(bF,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b_(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b_(a,b);return a},ajaxSettings:{url:bV,isLocal:bJ.test(bW[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bX},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bZ(bT),ajaxTransport:bZ(bU),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?cb(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cc(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bH.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bG,"").replace(bL,bW[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bP),d.crossDomain==null&&(r=bR.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bW[1]&&r[2]==bW[2]&&(r[3]||(r[1]==="http:"?80:443))==(bW[3]||(bW[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),b$(bT,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bK.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bM.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bQ,"$1_="+x);d.url=y+(y===d.url?(bM.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bX+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=b$(bU,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)ca(g,a[g],c,e);return d.join("&").replace(bD,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cd=f.now(),ce=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cd++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ce.test(b.url)||e&&ce.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ce,l),b.url===j&&(e&&(k=k.replace(ce,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cf=a.ActiveXObject?function(){for(var a in ch)ch[a](0,1)}:!1,cg=0,ch;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ci()||cj()}:ci,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cf&&delete ch[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cg,cf&&(ch||(ch={},f(a).unload(cf)),ch[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var ck={},cl,cm,cn=/^(?:toggle|show|hide)$/,co=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cp,cq=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cr;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cu("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cv(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cu("hide",3),a,b,c);var d,e,g=0,h=this.length;for(;g<h;g++)d=this[g],d.style&&(e=f.css(d,"display"),e!=="none"&&!f._data(d,"olddisplay")&&f._data(d,"olddisplay",e));for(g=0;g<h;g++)this[g].style&&(this[g].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cu("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){function g(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(!f.support.inlineBlockNeedsLayout||cv(this.nodeName)==="inline"?this.style.display="inline-block":this.style.zoom=1))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)j=new f.fx(this,b,i),h=a[i],cn.test(h)?(o=f._data(this,"toggle"+i)||(h==="toggle"?d?"show":"hide":0),o?(f._data(this,"toggle"+i,o==="show"?"hide":"show"),j[o]()):j[h]()):(k=co.exec(h),l=j.cur(),k?(m=parseFloat(k[2]),n=k[3]||(f.cssNumber[i]?"":"px"),n!=="px"&&(f.style(this,i,(m||1)+n),l=(m||1)/j.cur()*l,f.style(this,i,l+n)),k[1]&&(m=(k[1]==="-="?-1:1)*m+l),j.custom(l,m,n)):j.custom(l,h,""));return!0}var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return e.queue===!1?this.each(g):this.queue(e.queue,g)},stop:function(a,c,d){typeof a!="string"&&(d=c,c=a,a=b),c&&a!==!1&&this.queue(a||"fx",[]);return this.each(function(){function h(a,b,c){var e=b[c];f.removeData(a,c,!0),e.stop(d)}var b,c=!1,e=f.timers,g=f._data(this);d||f._unmark(!0,this);if(a==null)for(b in g)g[b]&&g[b].stop&&b.indexOf(".run")===b.length-4&&h(this,g,b);else g[b=a+".run"]&&g[b].stop&&h(this,g,b);for(b=e.length;b--;)e[b].elem===this&&(a==null||e[b].queue===a)&&(d?e[b](!0):e[b].saveState(),c=!0,e.splice(b,1));(!d||!c)&&f.dequeue(this,a)})}}),f.each({slideDown:cu("show",1),slideUp:cu("hide",1),slideToggle:cu("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default;if(d.queue==null||d.queue===!0)d.queue="fx";d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue?f.dequeue(this,d.queue):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,c,d){function h(a){return e.step(a)}var e=this,g=f.fx;this.startTime=cr||cs(),this.end=c,this.now=this.start=a,this.pos=this.state=0,this.unit=d||this.unit||(f.cssNumber[this.prop]?"":"px"),h.queue=this.options.queue,h.elem=this.elem,h.saveState=function(){e.options.hide&&f._data(e.elem,"fxshow"+e.prop)===b&&f._data(e.elem,"fxshow"+e.prop,e.start)},h()&&f.timers.push(h)&&!cp&&(cp=setInterval(g.tick,g.interval))},show:function(){var a=f._data(this.elem,"fxshow"+this.prop);this.options.orig[this.prop]=a||f.style(this.elem,this.prop),this.options.show=!0,a!==b?this.custom(this.cur(),a):this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f._data(this.elem,"fxshow"+this.prop)||f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b,c,d,e=cr||cs(),g=!0,h=this.elem,i=this.options;if(a||e>=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c<b.length;c++)a=b[c],!a()&&b[c]===a&&b.splice(c--,1);b.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cp),cp=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=a.now+a.unit:a.elem[a.prop]=a.now}}}),f.each(["width","height"],function(a,b){f.fx.step[b]=function(a){f.style(a.elem,b,Math.max(0,a.now)+a.unit)}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cw=/^t(?:able|d|h)$/i,cx=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cy(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.support.fixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.support.doesNotAddBorder&&(!f.support.doesAddBorderForTableAndCells||!cw.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.support.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.support.fixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.support.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cy(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cy(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,d,"padding")):this[d]():null},f.fn["outer"+c]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,d,a?"margin":"border")):this[d]():null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNumeric(j)?j:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/license-bsd.txt b/src/warden-server/contrib/wardenweb/datatables/license-bsd.txt new file mode 100644 index 0000000000000000000000000000000000000000..cdb85aaaa34e0de1936c9e689fc36da845761a0f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/license-bsd.txt @@ -0,0 +1,10 @@ +Copyright (c) 2008-2010, Allan Jardine +All rights reserved. + +Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: + + * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. + * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. + * Neither the name of Allan Jardine nor SpryMedia UK may be used to endorse or promote products derived from this software without specific prior written permission. + +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/license-gpl2.txt b/src/warden-server/contrib/wardenweb/datatables/license-gpl2.txt new file mode 100644 index 0000000000000000000000000000000000000000..d511905c1647a1e311e8b20d5930a37a9c2531cd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/license-gpl2.txt @@ -0,0 +1,339 @@ + GNU GENERAL PUBLIC LICENSE + Version 2, June 1991 + + Copyright (C) 1989, 1991 Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The licenses for most software are designed to take away your +freedom to share and change it. By contrast, the GNU General Public +License is intended to guarantee your freedom to share and change free +software--to make sure the software is free for all its users. This +General Public License applies to most of the Free Software +Foundation's software and to any other program whose authors commit to +using it. (Some other Free Software Foundation software is covered by +the GNU Lesser General Public License instead.) You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +this service if you wish), that you receive source code or can get it +if you want it, that you can change the software or use pieces of it +in new free programs; and that you know you can do these things. + + To protect your rights, we need to make restrictions that forbid +anyone to deny you these rights or to ask you to surrender the rights. +These restrictions translate to certain responsibilities for you if you +distribute copies of the software, or if you modify it. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must give the recipients all the rights that +you have. You must make sure that they, too, receive or can get the +source code. And you must show them these terms so they know their +rights. + + We protect your rights with two steps: (1) copyright the software, and +(2) offer you this license which gives you legal permission to copy, +distribute and/or modify the software. + + Also, for each author's protection and ours, we want to make certain +that everyone understands that there is no warranty for this free +software. If the software is modified by someone else and passed on, we +want its recipients to know that what they have is not the original, so +that any problems introduced by others will not reflect on the original +authors' reputations. + + Finally, any free program is threatened constantly by software +patents. We wish to avoid the danger that redistributors of a free +program will individually obtain patent licenses, in effect making the +program proprietary. To prevent this, we have made it clear that any +patent must be licensed for everyone's free use or not licensed at all. + + The precise terms and conditions for copying, distribution and +modification follow. + + GNU GENERAL PUBLIC LICENSE + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + + 0. This License applies to any program or other work which contains +a notice placed by the copyright holder saying it may be distributed +under the terms of this General Public License. The "Program", below, +refers to any such program or work, and a "work based on the Program" +means either the Program or any derivative work under copyright law: +that is to say, a work containing the Program or a portion of it, +either verbatim or with modifications and/or translated into another +language. (Hereinafter, translation is included without limitation in +the term "modification".) Each licensee is addressed as "you". + +Activities other than copying, distribution and modification are not +covered by this License; they are outside its scope. The act of +running the Program is not restricted, and the output from the Program +is covered only if its contents constitute a work based on the +Program (independent of having been made by running the Program). +Whether that is true depends on what the Program does. + + 1. You may copy and distribute verbatim copies of the Program's +source code as you receive it, in any medium, provided that you +conspicuously and appropriately publish on each copy an appropriate +copyright notice and disclaimer of warranty; keep intact all the +notices that refer to this License and to the absence of any warranty; +and give any other recipients of the Program a copy of this License +along with the Program. + +You may charge a fee for the physical act of transferring a copy, and +you may at your option offer warranty protection in exchange for a fee. + + 2. You may modify your copy or copies of the Program or any portion +of it, thus forming a work based on the Program, and copy and +distribute such modifications or work under the terms of Section 1 +above, provided that you also meet all of these conditions: + + a) You must cause the modified files to carry prominent notices + stating that you changed the files and the date of any change. + + b) You must cause any work that you distribute or publish, that in + whole or in part contains or is derived from the Program or any + part thereof, to be licensed as a whole at no charge to all third + parties under the terms of this License. + + c) If the modified program normally reads commands interactively + when run, you must cause it, when started running for such + interactive use in the most ordinary way, to print or display an + announcement including an appropriate copyright notice and a + notice that there is no warranty (or else, saying that you provide + a warranty) and that users may redistribute the program under + these conditions, and telling the user how to view a copy of this + License. (Exception: if the Program itself is interactive but + does not normally print such an announcement, your work based on + the Program is not required to print an announcement.) + +These requirements apply to the modified work as a whole. If +identifiable sections of that work are not derived from the Program, +and can be reasonably considered independent and separate works in +themselves, then this License, and its terms, do not apply to those +sections when you distribute them as separate works. But when you +distribute the same sections as part of a whole which is a work based +on the Program, the distribution of the whole must be on the terms of +this License, whose permissions for other licensees extend to the +entire whole, and thus to each and every part regardless of who wrote it. + +Thus, it is not the intent of this section to claim rights or contest +your rights to work written entirely by you; rather, the intent is to +exercise the right to control the distribution of derivative or +collective works based on the Program. + +In addition, mere aggregation of another work not based on the Program +with the Program (or with a work based on the Program) on a volume of +a storage or distribution medium does not bring the other work under +the scope of this License. + + 3. You may copy and distribute the Program (or a work based on it, +under Section 2) in object code or executable form under the terms of +Sections 1 and 2 above provided that you also do one of the following: + + a) Accompany it with the complete corresponding machine-readable + source code, which must be distributed under the terms of Sections + 1 and 2 above on a medium customarily used for software interchange; or, + + b) Accompany it with a written offer, valid for at least three + years, to give any third party, for a charge no more than your + cost of physically performing source distribution, a complete + machine-readable copy of the corresponding source code, to be + distributed under the terms of Sections 1 and 2 above on a medium + customarily used for software interchange; or, + + c) Accompany it with the information you received as to the offer + to distribute corresponding source code. (This alternative is + allowed only for noncommercial distribution and only if you + received the program in object code or executable form with such + an offer, in accord with Subsection b above.) + +The source code for a work means the preferred form of the work for +making modifications to it. For an executable work, complete source +code means all the source code for all modules it contains, plus any +associated interface definition files, plus the scripts used to +control compilation and installation of the executable. However, as a +special exception, the source code distributed need not include +anything that is normally distributed (in either source or binary +form) with the major components (compiler, kernel, and so on) of the +operating system on which the executable runs, unless that component +itself accompanies the executable. + +If distribution of executable or object code is made by offering +access to copy from a designated place, then offering equivalent +access to copy the source code from the same place counts as +distribution of the source code, even though third parties are not +compelled to copy the source along with the object code. + + 4. You may not copy, modify, sublicense, or distribute the Program +except as expressly provided under this License. Any attempt +otherwise to copy, modify, sublicense or distribute the Program is +void, and will automatically terminate your rights under this License. +However, parties who have received copies, or rights, from you under +this License will not have their licenses terminated so long as such +parties remain in full compliance. + + 5. You are not required to accept this License, since you have not +signed it. However, nothing else grants you permission to modify or +distribute the Program or its derivative works. These actions are +prohibited by law if you do not accept this License. Therefore, by +modifying or distributing the Program (or any work based on the +Program), you indicate your acceptance of this License to do so, and +all its terms and conditions for copying, distributing or modifying +the Program or works based on it. + + 6. Each time you redistribute the Program (or any work based on the +Program), the recipient automatically receives a license from the +original licensor to copy, distribute or modify the Program subject to +these terms and conditions. You may not impose any further +restrictions on the recipients' exercise of the rights granted herein. +You are not responsible for enforcing compliance by third parties to +this License. + + 7. If, as a consequence of a court judgment or allegation of patent +infringement or for any other reason (not limited to patent issues), +conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot +distribute so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you +may not distribute the Program at all. For example, if a patent +license would not permit royalty-free redistribution of the Program by +all those who receive copies directly or indirectly through you, then +the only way you could satisfy both it and this License would be to +refrain entirely from distribution of the Program. + +If any portion of this section is held invalid or unenforceable under +any particular circumstance, the balance of the section is intended to +apply and the section as a whole is intended to apply in other +circumstances. + +It is not the purpose of this section to induce you to infringe any +patents or other property right claims or to contest validity of any +such claims; this section has the sole purpose of protecting the +integrity of the free software distribution system, which is +implemented by public license practices. Many people have made +generous contributions to the wide range of software distributed +through that system in reliance on consistent application of that +system; it is up to the author/donor to decide if he or she is willing +to distribute software through any other system and a licensee cannot +impose that choice. + +This section is intended to make thoroughly clear what is believed to +be a consequence of the rest of this License. + + 8. If the distribution and/or use of the Program is restricted in +certain countries either by patents or by copyrighted interfaces, the +original copyright holder who places the Program under this License +may add an explicit geographical distribution limitation excluding +those countries, so that distribution is permitted only in or among +countries not thus excluded. In such case, this License incorporates +the limitation as if written in the body of this License. + + 9. The Free Software Foundation may publish revised and/or new versions +of the General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + +Each version is given a distinguishing version number. If the Program +specifies a version number of this License which applies to it and "any +later version", you have the option of following the terms and conditions +either of that version or of any later version published by the Free +Software Foundation. If the Program does not specify a version number of +this License, you may choose any version ever published by the Free Software +Foundation. + + 10. If you wish to incorporate parts of the Program into other free +programs whose distribution conditions are different, write to the author +to ask for permission. For software which is copyrighted by the Free +Software Foundation, write to the Free Software Foundation; we sometimes +make exceptions for this. Our decision will be guided by the two goals +of preserving the free status of all derivatives of our free software and +of promoting the sharing and reuse of software generally. + + NO WARRANTY + + 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY +FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN +OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES +PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED +OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF +MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS +TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE +PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, +REPAIR OR CORRECTION. + + 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR +REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, +INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING +OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED +TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY +YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER +PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE +POSSIBILITY OF SUCH DAMAGES. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +convey the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + <one line to give the program's name and a brief idea of what it does.> + Copyright (C) <year> <name of author> + + This program is free software; you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation; either version 2 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along + with this program; if not, write to the Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + +Also add information on how to contact you by electronic and paper mail. + +If the program is interactive, make it output a short notice like this +when it starts in an interactive mode: + + Gnomovision version 69, Copyright (C) year name of author + Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, the commands you use may +be called something other than `show w' and `show c'; they could even be +mouse-clicks or menu items--whatever suits your program. + +You should also get your employer (if you work as a programmer) or your +school, if any, to sign a "copyright disclaimer" for the program, if +necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program + `Gnomovision' (which makes passes at compilers) written by James Hacker. + + <signature of Ty Coon>, 1 April 1989 + Ty Coon, President of Vice + +This General Public License does not permit incorporating your program into +proprietary programs. If your program is a subroutine library, you may +consider it more useful to permit linking proprietary applications with the +library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. diff --git a/src/warden-server/contrib/wardenweb/datatables/media/css/demo_page.css b/src/warden-server/contrib/wardenweb/datatables/media/css/demo_page.css new file mode 100644 index 0000000000000000000000000000000000000000..89c62bb7857b5857207427f81a0b7fed922d16f7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/css/demo_page.css @@ -0,0 +1,107 @@ + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * General page setup + */ +#dt_example { + font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + margin: 0; + padding: 0; + color: #333; + background-color: #fff; +} + + +#dt_example #container { + width: 800px; + margin: 30px auto; + padding: 0; +} + + +#dt_example #footer { + margin: 50px auto 0 auto; + padding: 0; +} + +#dt_example #demo { + margin: 30px auto 0 auto; +} + +#dt_example .demo_jui { + margin: 30px auto 0 auto; +} + +#dt_example .big { + font-size: 1.3em; + font-weight: bold; + line-height: 1.6em; + color: #4E6CA3; +} + +#dt_example .spacer { + height: 20px; + clear: both; +} + +#dt_example .clear { + clear: both; +} + +#dt_example pre { + padding: 15px; + background-color: #F5F5F5; + border: 1px solid #CCCCCC; +} + +#dt_example h1 { + margin-top: 2em; + font-size: 1.3em; + font-weight: normal; + line-height: 1.6em; + color: #4E6CA3; + border-bottom: 1px solid #B0BED9; + clear: both; +} + +#dt_example h2 { + font-size: 1.2em; + font-weight: normal; + line-height: 1.6em; + color: #4E6CA3; + clear: both; +} + +#dt_example a { + color: #0063DC; + text-decoration: none; +} + +#dt_example a:hover { + text-decoration: underline; +} + +#dt_example ul { + color: #4E6CA3; +} + +.css_right { + float: right; +} + +.css_left { + float: left; +} + +.demo_links { + float: left; + width: 50%; + margin-bottom: 1em; +} + +#demo_info { + padding: 5px; + border: 1px solid #B0BED9; + height: 100px; + width: 100%; + overflow: auto; +} \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/css/demo_table.css b/src/warden-server/contrib/wardenweb/datatables/media/css/demo_table.css new file mode 100644 index 0000000000000000000000000000000000000000..5fad8e6d9907b5fb1bffd3020f3cfe3bf91cf232 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/css/demo_table.css @@ -0,0 +1,575 @@ +/* + * File: demo_table.css + * CVS: $Id$ + * Description: CSS descriptions for DataTables demo pages + * Author: Allan Jardine + * Created: Tue May 12 06:47:22 BST 2009 + * Modified: $Date$ by $Author$ + * Language: CSS + * Project: DataTables + * + * Copyright 2009 Allan Jardine. All Rights Reserved. + * + * *************************************************************************** + * DESCRIPTION + * + * The styles given here are suitable for the demos that are used with the standard DataTables + * distribution (see www.datatables.net). You will most likely wish to modify these styles to + * meet the layout requirements of your site. + * + * Common issues: + * 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is + * no conflict between the two pagination types. If you want to use full_numbers pagination + * ensure that you either have "example_alt_pagination" as a body class name, or better yet, + * modify that selector. + * Note that the path used for Images is relative. All images are by default located in + * ../images/ - relative to this CSS file. + */ + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables features + */ + +.dataTables_wrapper { + position: relative; + clear: both; + zoom: 1; /* Feeling sorry for IE */ +} + +.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + width: 250px; + height: 30px; + margin-left: -125px; + margin-top: -15px; + padding: 14px 0 2px 0; + border: 1px solid #ddd; + text-align: center; + color: #999; + font-size: 14px; + background-color: white; +} + +.dataTables_length { + width: 40%; + float: left; +} + +.dataTables_filter { + width: 50%; + float: right; + text-align: right; +} + +.dataTables_info { + width: 60%; + float: left; +} + +.dataTables_paginate { + float: right; + text-align: right; +} + +/* Pagination nested */ +.paginate_disabled_previous, .paginate_enabled_previous, +.paginate_disabled_next, .paginate_enabled_next { + height: 19px; + float: left; + cursor: pointer; + *cursor: hand; + color: #111 !important; +} +.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, +.paginate_disabled_next:hover, .paginate_enabled_next:hover { + text-decoration: none !important; +} +.paginate_disabled_previous:active, .paginate_enabled_previous:active, +.paginate_disabled_next:active, .paginate_enabled_next:active { + outline: none; +} + +.paginate_disabled_previous, +.paginate_disabled_next { + color: #666 !important; +} +.paginate_disabled_previous, .paginate_enabled_previous { + padding-left: 23px; +} +.paginate_disabled_next, .paginate_enabled_next { + padding-right: 23px; + margin-left: 10px; +} + +.paginate_disabled_previous { + background: url('../images/back_disabled.png') no-repeat top left; +} + +.paginate_enabled_previous { + background: url('../images/back_enabled.png') no-repeat top left; +} +.paginate_enabled_previous:hover { + background: url('../images/back_enabled_hover.png') no-repeat top left; +} + +.paginate_disabled_next { + background: url('../images/forward_disabled.png') no-repeat top right; +} + +.paginate_enabled_next { + background: url('../images/forward_enabled.png') no-repeat top right; +} +.paginate_enabled_next:hover { + background: url('../images/forward_enabled_hover.png') no-repeat top right; +} + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables display + */ +table.display { + margin: 0 auto; + clear: both; + width: 100%; + + /* Note Firefox 3.5 and before have a bug with border-collapse + * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) + * border-spacing: 0; is one possible option. Conditional-css.com is + * useful for this kind of thing + * + * Further note IE 6/7 has problems when calculating widths with border width. + * It subtracts one px relative to the other browsers from the first column, and + * adds one to the end... + * + * If you want that effect I'd suggest setting a border-top/left on th/td's and + * then filling in the gaps with other borders. + */ +} + +table.display thead th { + padding: 3px 18px 3px 10px; + border-bottom: 1px solid black; + font-weight: bold; + cursor: pointer; + * cursor: hand; +} + +table.display tfoot th { + padding: 3px 18px 3px 10px; + border-top: 1px solid black; + font-weight: bold; +} + +table.display tr.heading2 td { + border-bottom: 1px solid #aaa; +} + +table.display td { + padding: 3px 10px; +} + +table.display td.center { + text-align: center; +} + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables sorting + */ + +.sorting_asc { + background: url('../images/sort_asc.png') no-repeat center right; +} + +.sorting_desc { + background: url('../images/sort_desc.png') no-repeat center right; +} + +.sorting { + background: url('../images/sort_both.png') no-repeat center right; +} + +.sorting_asc_disabled { + background: url('../images/sort_asc_disabled.png') no-repeat center right; +} + +.sorting_desc_disabled { + background: url('../images/sort_desc_disabled.png') no-repeat center right; +} + +th:active { + outline: none; +} + + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables row classes + */ +table.display tr.odd.gradeA { + background-color: #ddffdd; +} + +table.display tr.even.gradeA { + background-color: #eeffee; +} + +table.display tr.odd.gradeC { + background-color: #ddddff; +} + +table.display tr.even.gradeC { + background-color: #eeeeff; +} + +table.display tr.odd.gradeX { + background-color: #ffdddd; +} + +table.display tr.even.gradeX { + background-color: #ffeeee; +} + +table.display tr.odd.gradeU { + background-color: #ddd; +} + +table.display tr.even.gradeU { + background-color: #eee; +} + + +tr.odd { + background-color: #E2E4FF; +} + +tr.even { + background-color: white; +} + + + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Misc + */ +.dataTables_scroll { + clear: both; +} + +.dataTables_scrollBody { + *margin-top: -1px; +} + +.top, .bottom { + padding: 15px; + background-color: #F5F5F5; + border: 1px solid #CCCCCC; +} + +.top .dataTables_info { + float: none; +} + +.clear { + clear: both; +} + +.dataTables_empty { + text-align: center; +} + +tfoot input { + margin: 0.5em 0; + width: 100%; + color: #444; +} + +tfoot input.search_init { + color: #999; +} + +td.group { + background-color: #d1cfd0; + border-bottom: 2px solid #A19B9E; + border-top: 2px solid #A19B9E; +} + +td.details { + background-color: #d1cfd0; + border: 2px solid #A19B9E; +} + + +.example_alt_pagination div.dataTables_info { + width: 40%; +} + +.paging_full_numbers { + width: 400px; + height: 22px; + line-height: 22px; +} + +.paging_full_numbers a:active { + outline: none +} + +.paging_full_numbers a:hover { + text-decoration: none; +} + +.paging_full_numbers a.paginate_button, + .paging_full_numbers a.paginate_active { + border: 1px solid #aaa; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + padding: 2px 5px; + margin: 0 3px; + cursor: pointer; + *cursor: hand; + color: #333 !important; +} + +.paging_full_numbers a.paginate_button { + background-color: #ddd; +} + +.paging_full_numbers a.paginate_button:hover { + background-color: #ccc; + text-decoration: none !important; +} + +.paging_full_numbers a.paginate_active { + background-color: #99B3FF; +} + +table.display tr.even.row_selected td { + background-color: #B0BED9; +} + +table.display tr.odd.row_selected td { + background-color: #9FAFD1; +} + + +/* + * Sorting classes for columns + */ +/* For the standard odd/even */ +tr.odd td.sorting_1 { + background-color: #D3D6FF; +} + +tr.odd td.sorting_2 { + background-color: #DADCFF; +} + +tr.odd td.sorting_3 { + background-color: #E0E2FF; +} + +tr.even td.sorting_1 { + background-color: #EAEBFF; +} + +tr.even td.sorting_2 { + background-color: #F2F3FF; +} + +tr.even td.sorting_3 { + background-color: #F9F9FF; +} + + +/* For the Conditional-CSS grading rows */ +/* + Colour calculations (based off the main row colours) + Level 1: + dd > c4 + ee > d5 + Level 2: + dd > d1 + ee > e2 + */ +tr.odd.gradeA td.sorting_1 { + background-color: #c4ffc4; +} + +tr.odd.gradeA td.sorting_2 { + background-color: #d1ffd1; +} + +tr.odd.gradeA td.sorting_3 { + background-color: #d1ffd1; +} + +tr.even.gradeA td.sorting_1 { + background-color: #d5ffd5; +} + +tr.even.gradeA td.sorting_2 { + background-color: #e2ffe2; +} + +tr.even.gradeA td.sorting_3 { + background-color: #e2ffe2; +} + +tr.odd.gradeC td.sorting_1 { + background-color: #c4c4ff; +} + +tr.odd.gradeC td.sorting_2 { + background-color: #d1d1ff; +} + +tr.odd.gradeC td.sorting_3 { + background-color: #d1d1ff; +} + +tr.even.gradeC td.sorting_1 { + background-color: #d5d5ff; +} + +tr.even.gradeC td.sorting_2 { + background-color: #e2e2ff; +} + +tr.even.gradeC td.sorting_3 { + background-color: #e2e2ff; +} + +tr.odd.gradeX td.sorting_1 { + background-color: #ffc4c4; +} + +tr.odd.gradeX td.sorting_2 { + background-color: #ffd1d1; +} + +tr.odd.gradeX td.sorting_3 { + background-color: #ffd1d1; +} + +tr.even.gradeX td.sorting_1 { + background-color: #ffd5d5; +} + +tr.even.gradeX td.sorting_2 { + background-color: #ffe2e2; +} + +tr.even.gradeX td.sorting_3 { + background-color: #ffe2e2; +} + +tr.odd.gradeU td.sorting_1 { + background-color: #c4c4c4; +} + +tr.odd.gradeU td.sorting_2 { + background-color: #d1d1d1; +} + +tr.odd.gradeU td.sorting_3 { + background-color: #d1d1d1; +} + +tr.even.gradeU td.sorting_1 { + background-color: #d5d5d5; +} + +tr.even.gradeU td.sorting_2 { + background-color: #e2e2e2; +} + +tr.even.gradeU td.sorting_3 { + background-color: #e2e2e2; +} + + +/* + * Row highlighting example + */ +.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { + background-color: #ECFFB3; +} + +.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { + background-color: #E6FF99; +} + +.ex_highlight_row #example tr.even:hover { + background-color: #ECFFB3; +} + +.ex_highlight_row #example tr.even:hover td.sorting_1 { + background-color: #DDFF75; +} + +.ex_highlight_row #example tr.even:hover td.sorting_2 { + background-color: #E7FF9E; +} + +.ex_highlight_row #example tr.even:hover td.sorting_3 { + background-color: #E2FF89; +} + +.ex_highlight_row #example tr.odd:hover { + background-color: #E6FF99; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_1 { + background-color: #D6FF5C; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_2 { + background-color: #E0FF84; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_3 { + background-color: #DBFF70; +} + + +/* + * KeyTable + */ +table.KeyTable td { + border: 3px solid transparent; +} + +table.KeyTable td.focus { + border: 3px solid #3366FF; +} + +table.display tr.gradeA { + background-color: #eeffee; +} + +table.display tr.gradeC { + background-color: #ddddff; +} + +table.display tr.gradeX { + background-color: #ffdddd; +} + +table.display tr.gradeU { + background-color: #ddd; +} + +div.box { + height: 100px; + padding: 10px; + overflow: auto; + border: 1px solid #8080FF; + background-color: #E5E5FF; +} diff --git a/src/warden-server/contrib/wardenweb/datatables/media/css/demo_table_jui.css b/src/warden-server/contrib/wardenweb/datatables/media/css/demo_table_jui.css new file mode 100644 index 0000000000000000000000000000000000000000..30ea5d1e936a7f9769faea98038c001bd2b664c3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/css/demo_table_jui.css @@ -0,0 +1,522 @@ +/* + * File: demo_table_jui.css + * CVS: $Id$ + * Description: CSS descriptions for DataTables demo pages + * Author: Allan Jardine + * Created: Tue May 12 06:47:22 BST 2009 + * Modified: $Date$ by $Author$ + * Language: CSS + * Project: DataTables + * + * Copyright 2009 Allan Jardine. All Rights Reserved. + * + * *************************************************************************** + * DESCRIPTION + * + * The styles given here are suitable for the demos that are used with the standard DataTables + * distribution (see www.datatables.net). You will most likely wish to modify these styles to + * meet the layout requirements of your site. + * + * Common issues: + * 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is + * no conflict between the two pagination types. If you want to use full_numbers pagination + * ensure that you either have "example_alt_pagination" as a body class name, or better yet, + * modify that selector. + * Note that the path used for Images is relative. All images are by default located in + * ../images/ - relative to this CSS file. + */ + + +/* + * jQuery UI specific styling + */ + +.paging_two_button .ui-button { + float: left; + cursor: pointer; + * cursor: hand; +} + +.paging_full_numbers .ui-button { + padding: 2px 6px; + margin: 0; + cursor: pointer; + * cursor: hand; + color: #333 !important; +} + +.dataTables_paginate .ui-button { + margin-right: -0.1em !important; +} + +.paging_full_numbers { + width: 350px !important; +} + +.dataTables_wrapper .ui-toolbar { + padding: 5px; +} + +.dataTables_paginate { + width: auto; +} + +.dataTables_info { + padding-top: 3px; +} + +table.display thead th { + padding: 3px 0px 3px 10px; + cursor: pointer; + * cursor: hand; +} + +div.dataTables_wrapper .ui-widget-header { + font-weight: normal; +} + + +/* + * Sort arrow icon positioning + */ +table.display thead th div.DataTables_sort_wrapper { + position: relative; + padding-right: 20px; + padding-right: 20px; +} + +table.display thead th div.DataTables_sort_wrapper span { + position: absolute; + top: 50%; + margin-top: -8px; + right: 0; +} + + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * + * Everything below this line is the same as demo_table.css. This file is + * required for 'cleanliness' of the markup + * + * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables features + */ + +.dataTables_wrapper { + position: relative; + clear: both; +} + +.dataTables_processing { + position: absolute; + top: 0px; + left: 50%; + width: 250px; + margin-left: -125px; + border: 1px solid #ddd; + text-align: center; + color: #999; + font-size: 11px; + padding: 2px 0; +} + +.dataTables_length { + width: 40%; + float: left; +} + +.dataTables_filter { + width: 50%; + float: right; + text-align: right; +} + +.dataTables_info { + width: 50%; + float: left; +} + +.dataTables_paginate { + float: right; + text-align: right; +} + +/* Pagination nested */ +.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { + height: 19px; + width: 19px; + margin-left: 3px; + float: left; +} + +.paginate_disabled_previous { + background-image: url('../images/back_disabled.jpg'); +} + +.paginate_enabled_previous { + background-image: url('../images/back_enabled.jpg'); +} + +.paginate_disabled_next { + background-image: url('../images/forward_disabled.jpg'); +} + +.paginate_enabled_next { + background-image: url('../images/forward_enabled.jpg'); +} + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables display + */ +table.display { + margin: 0 auto; + width: 100%; + clear: both; + border-collapse: collapse; +} + +table.display tfoot th { + padding: 3px 0px 3px 10px; + font-weight: bold; + font-weight: normal; +} + +table.display tr.heading2 td { + border-bottom: 1px solid #aaa; +} + +table.display td { + padding: 3px 10px; +} + +table.display td.center { + text-align: center; +} + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables sorting + */ + +.sorting_asc { + background: url('../images/sort_asc.png') no-repeat center right; +} + +.sorting_desc { + background: url('../images/sort_desc.png') no-repeat center right; +} + +.sorting { + background: url('../images/sort_both.png') no-repeat center right; +} + +.sorting_asc_disabled { + background: url('../images/sort_asc_disabled.png') no-repeat center right; +} + +.sorting_desc_disabled { + background: url('../images/sort_desc_disabled.png') no-repeat center right; +} + + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables row classes + */ +table.display tr.odd.gradeA { + background-color: #ddffdd; +} + +table.display tr.even.gradeA { + background-color: #eeffee; +} + + + + +table.display tr.odd.gradeA { + background-color: #ddffdd; +} + +table.display tr.even.gradeA { + background-color: #eeffee; +} + +table.display tr.odd.gradeC { + background-color: #ddddff; +} + +table.display tr.even.gradeC { + background-color: #eeeeff; +} + +table.display tr.odd.gradeX { + background-color: #ffdddd; +} + +table.display tr.even.gradeX { + background-color: #ffeeee; +} + +table.display tr.odd.gradeU { + background-color: #ddd; +} + +table.display tr.even.gradeU { + background-color: #eee; +} + + +tr.odd { + background-color: #E2E4FF; +} + +tr.even { + background-color: white; +} + + + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Misc + */ +.dataTables_scroll { + clear: both; +} + +.top, .bottom { + padding: 15px; + background-color: #F5F5F5; + border: 1px solid #CCCCCC; +} + +.top .dataTables_info { + float: none; +} + +.clear { + clear: both; +} + +.dataTables_empty { + text-align: center; +} + +tfoot input { + margin: 0.5em 0; + width: 100%; + color: #444; +} + +tfoot input.search_init { + color: #999; +} + +td.group { + background-color: #d1cfd0; + border-bottom: 2px solid #A19B9E; + border-top: 2px solid #A19B9E; +} + +td.details { + background-color: #d1cfd0; + border: 2px solid #A19B9E; +} + + +.example_alt_pagination div.dataTables_info { + width: 40%; +} + +.paging_full_numbers a.paginate_button, + .paging_full_numbers a.paginate_active { + border: 1px solid #aaa; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + padding: 2px 5px; + margin: 0 3px; + cursor: pointer; + *cursor: hand; + color: #333 !important; +} + +.paging_full_numbers a.paginate_button { + background-color: #ddd; +} + +.paging_full_numbers a.paginate_button:hover { + background-color: #ccc; + text-decoration: none !important; +} + +.paging_full_numbers a.paginate_active { + background-color: #99B3FF; +} + +table.display tr.even.row_selected td { + background-color: #B0BED9; +} + +table.display tr.odd.row_selected td { + background-color: #9FAFD1; +} + + +/* + * Sorting classes for columns + */ +/* For the standard odd/even */ +tr.odd td.sorting_1 { + background-color: #D3D6FF; +} + +tr.odd td.sorting_2 { + background-color: #DADCFF; +} + +tr.odd td.sorting_3 { + background-color: #E0E2FF; +} + +tr.even td.sorting_1 { + background-color: #EAEBFF; +} + +tr.even td.sorting_2 { + background-color: #F2F3FF; +} + +tr.even td.sorting_3 { + background-color: #F9F9FF; +} + + +/* For the Conditional-CSS grading rows */ +/* + Colour calculations (based off the main row colours) + Level 1: + dd > c4 + ee > d5 + Level 2: + dd > d1 + ee > e2 + */ +tr.odd.gradeA td.sorting_1 { + background-color: #c4ffc4; +} + +tr.odd.gradeA td.sorting_2 { + background-color: #d1ffd1; +} + +tr.odd.gradeA td.sorting_3 { + background-color: #d1ffd1; +} + +tr.even.gradeA td.sorting_1 { + background-color: #d5ffd5; +} + +tr.even.gradeA td.sorting_2 { + background-color: #e2ffe2; +} + +tr.even.gradeA td.sorting_3 { + background-color: #e2ffe2; +} + +tr.odd.gradeC td.sorting_1 { + background-color: #c4c4ff; +} + +tr.odd.gradeC td.sorting_2 { + background-color: #d1d1ff; +} + +tr.odd.gradeC td.sorting_3 { + background-color: #d1d1ff; +} + +tr.even.gradeC td.sorting_1 { + background-color: #d5d5ff; +} + +tr.even.gradeC td.sorting_2 { + background-color: #e2e2ff; +} + +tr.even.gradeC td.sorting_3 { + background-color: #e2e2ff; +} + +tr.odd.gradeX td.sorting_1 { + background-color: #ffc4c4; +} + +tr.odd.gradeX td.sorting_2 { + background-color: #ffd1d1; +} + +tr.odd.gradeX td.sorting_3 { + background-color: #ffd1d1; +} + +tr.even.gradeX td.sorting_1 { + background-color: #ffd5d5; +} + +tr.even.gradeX td.sorting_2 { + background-color: #ffe2e2; +} + +tr.even.gradeX td.sorting_3 { + background-color: #ffe2e2; +} + +tr.odd.gradeU td.sorting_1 { + background-color: #c4c4c4; +} + +tr.odd.gradeU td.sorting_2 { + background-color: #d1d1d1; +} + +tr.odd.gradeU td.sorting_3 { + background-color: #d1d1d1; +} + +tr.even.gradeU td.sorting_1 { + background-color: #d5d5d5; +} + +tr.even.gradeU td.sorting_2 { + background-color: #e2e2e2; +} + +tr.even.gradeU td.sorting_3 { + background-color: #e2e2e2; +} + + +/* + * Row highlighting example + */ +.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { + background-color: #ECFFB3; +} + +.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { + background-color: #E6FF99; +} \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/css/jquery.dataTables.css b/src/warden-server/contrib/wardenweb/datatables/media/css/jquery.dataTables.css new file mode 100644 index 0000000000000000000000000000000000000000..dda16c41991281e89c08fa4fd37fa8752e50cfca --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/css/jquery.dataTables.css @@ -0,0 +1,219 @@ + +/* + * Table + */ +table.dataTable { + margin: 0 auto; + clear: both; + width: 100%; +} + +table.dataTable thead th { + padding: 3px 18px 3px 10px; + border-bottom: 1px solid black; + font-weight: bold; + cursor: pointer; + *cursor: hand; +} + +table.dataTable tfoot th { + padding: 3px 18px 3px 10px; + border-top: 1px solid black; + font-weight: bold; +} + +table.dataTable td { + padding: 3px 10px; +} + +table.dataTable td.center, +table.dataTable td.dataTables_empty { + text-align: center; +} + +table.dataTable tr.odd { background-color: #E2E4FF; } +table.dataTable tr.even { background-color: white; } + +table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; } +table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; } +table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; } +table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; } +table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; } +table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; } + + +/* + * Table wrapper + */ +.dataTables_wrapper { + position: relative; + clear: both; + *zoom: 1; +} + + +/* + * Page length menu + */ +.dataTables_length { + float: left; +} + + +/* + * Filter + */ +.dataTables_filter { + float: right; + text-align: right; +} + + +/* + * Table information + */ +.dataTables_info { + clear: both; + float: left; +} + + +/* + * Pagination + */ +.dataTables_paginate { + float: right; + text-align: right; +} + +/* Two button pagination - previous / next */ +.paginate_disabled_previous, +.paginate_enabled_previous, +.paginate_disabled_next, +.paginate_enabled_next { + height: 19px; + float: left; + cursor: pointer; + *cursor: hand; + color: #111 !important; +} +.paginate_disabled_previous:hover, +.paginate_enabled_previous:hover, +.paginate_disabled_next:hover, +.paginate_enabled_next:hover { + text-decoration: none !important; +} +.paginate_disabled_previous:active, +.paginate_enabled_previous:active, +.paginate_disabled_next:active, +.paginate_enabled_next:active { + outline: none; +} + +.paginate_disabled_previous, +.paginate_disabled_next { + color: #666 !important; +} +.paginate_disabled_previous, +.paginate_enabled_previous { + padding-left: 23px; +} +.paginate_disabled_next, +.paginate_enabled_next { + padding-right: 23px; + margin-left: 10px; +} + +.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; } +.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; } +.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; } + +.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; } +.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; } +.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; } + +/* Full number pagination */ +.paging_full_numbers { + height: 22px; + line-height: 22px; +} +.paging_full_numbers a:active { + outline: none +} +.paging_full_numbers a:hover { + text-decoration: none; +} + +.paging_full_numbers a.paginate_button, +.paging_full_numbers a.paginate_active { + border: 1px solid #aaa; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 2px 5px; + margin: 0 3px; + cursor: pointer; + *cursor: hand; + color: #333 !important; +} + +.paging_full_numbers a.paginate_button { + background-color: #ddd; +} + +.paging_full_numbers a.paginate_button:hover { + background-color: #ccc; + text-decoration: none !important; +} + +.paging_full_numbers a.paginate_active { + background-color: #99B3FF; +} + + +/* + * Processing indicator + */ +.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + width: 250px; + height: 30px; + margin-left: -125px; + margin-top: -15px; + padding: 14px 0 2px 0; + border: 1px solid #ddd; + text-align: center; + color: #999; + font-size: 14px; + background-color: white; +} + + +/* + * Sorting + */ +.sorting { background: url('../images/sort_both.png') no-repeat center right; } +.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; } +.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; } + +.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; } +.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; } + +table.dataTable th:active { + outline: none; +} + + +/* + * Scrolling + */ +.dataTables_scroll { + clear: both; +} + +.dataTables_scrollBody { + *margin-top: -1px; +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/css/jquery.dataTables_themeroller.css b/src/warden-server/contrib/wardenweb/datatables/media/css/jquery.dataTables_themeroller.css new file mode 100644 index 0000000000000000000000000000000000000000..94a24c8c4bd758cd1801dfb710710762b318a6b1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/css/jquery.dataTables_themeroller.css @@ -0,0 +1,243 @@ + + +/* + * Table + */ +table.dataTable { + margin: 0 auto; + clear: both; + width: 100%; +} + +table.dataTable thead th { + padding: 3px 0px 3px 10px; + cursor: pointer; + *cursor: hand; +} + +table.dataTable tfoot th { + padding: 3px 10px; +} + +table.dataTable td { + padding: 3px 10px; +} + +table.dataTable td.center, +table.dataTable td.dataTables_empty { + text-align: center; +} + +table.dataTable tr.odd { background-color: #E2E4FF; } +table.dataTable tr.even { background-color: white; } + +table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; } +table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; } +table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; } +table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; } +table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; } +table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; } + + +/* + * Table wrapper + */ +.dataTables_wrapper { + position: relative; + clear: both; + *zoom: 1; +} +.dataTables_wrapper .ui-widget-header { + font-weight: normal; +} +.dataTables_wrapper .ui-toolbar { + padding: 5px; +} + + +/* + * Page length menu + */ +.dataTables_length { + float: left; +} + + +/* + * Filter + */ +.dataTables_filter { + float: right; + text-align: right; +} + + +/* + * Table information + */ +.dataTables_info { + padding-top: 3px; + clear: both; + float: left; +} + + +/* + * Pagination + */ +.dataTables_paginate { + float: right; + text-align: right; +} + +.dataTables_paginate .ui-button { + margin-right: -0.1em !important; +} + +.paging_two_button .ui-button { + float: left; + cursor: pointer; + * cursor: hand; +} + +.paging_full_numbers .ui-button { + padding: 2px 6px; + margin: 0; + cursor: pointer; + * cursor: hand; + color: #333 !important; +} + +/* Two button pagination - previous / next */ +.paginate_disabled_previous, +.paginate_enabled_previous, +.paginate_disabled_next, +.paginate_enabled_next { + height: 19px; + float: left; + cursor: pointer; + *cursor: hand; + color: #111 !important; +} +.paginate_disabled_previous:hover, +.paginate_enabled_previous:hover, +.paginate_disabled_next:hover, +.paginate_enabled_next:hover { + text-decoration: none !important; +} +.paginate_disabled_previous:active, +.paginate_enabled_previous:active, +.paginate_disabled_next:active, +.paginate_enabled_next:active { + outline: none; +} + +.paginate_disabled_previous, +.paginate_disabled_next { + color: #666 !important; +} +.paginate_disabled_previous, +.paginate_enabled_previous { + padding-left: 23px; +} +.paginate_disabled_next, +.paginate_enabled_next { + padding-right: 23px; + margin-left: 10px; +} + +.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; } +.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; } +.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; } + +.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; } +.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; } +.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; } + +/* Full number pagination */ +.paging_full_numbers a:active { + outline: none +} +.paging_full_numbers a:hover { + text-decoration: none; +} + +.paging_full_numbers a.paginate_button, +.paging_full_numbers a.paginate_active { + border: 1px solid #aaa; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 2px 5px; + margin: 0 3px; + cursor: pointer; + *cursor: hand; + color: #333 !important; +} + +.paging_full_numbers a.paginate_button { + background-color: #ddd; +} + +.paging_full_numbers a.paginate_button:hover { + background-color: #ccc; + text-decoration: none !important; +} + +.paging_full_numbers a.paginate_active { + background-color: #99B3FF; +} + + +/* + * Processing indicator + */ +.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + width: 250px; + height: 30px; + margin-left: -125px; + margin-top: -15px; + padding: 14px 0 2px 0; + border: 1px solid #ddd; + text-align: center; + color: #999; + font-size: 14px; + background-color: white; +} + + +/* + * Sorting + */ +table.dataTable thead th div.DataTables_sort_wrapper { + position: relative; + padding-right: 20px; + padding-right: 20px; +} + +table.dataTable thead th div.DataTables_sort_wrapper span { + position: absolute; + top: 50%; + margin-top: -8px; + right: 0; +} + +table.dataTable th:active { + outline: none; +} + + +/* + * Scrolling + */ +.dataTables_scroll { + clear: both; +} + +.dataTables_scrollBody { + *margin-top: -1px; +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/Sorting icons.psd b/src/warden-server/contrib/wardenweb/datatables/media/images/Sorting icons.psd new file mode 100644 index 0000000000000000000000000000000000000000..53b2e06850767cb57c52b316f0b845b1a8e0ca0e Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/Sorting icons.psd differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/back_disabled.png b/src/warden-server/contrib/wardenweb/datatables/media/images/back_disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..881de7976ff98955e2a5487dca66e618a0655f3d Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/back_disabled.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/back_enabled.png b/src/warden-server/contrib/wardenweb/datatables/media/images/back_enabled.png new file mode 100644 index 0000000000000000000000000000000000000000..c608682b04a6d9b8002602450c8ef7e80ebba099 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/back_enabled.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/back_enabled_hover.png b/src/warden-server/contrib/wardenweb/datatables/media/images/back_enabled_hover.png new file mode 100644 index 0000000000000000000000000000000000000000..d300f1064b3beac1d7d5274e294494d3143e53a2 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/back_enabled_hover.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/favicon.ico b/src/warden-server/contrib/wardenweb/datatables/media/images/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..6eeaa2a0d393190ce748107222d9a026f992e4a7 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/favicon.ico differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/forward_disabled.png b/src/warden-server/contrib/wardenweb/datatables/media/images/forward_disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..6a6ded7de821619aedc71d1738c0b73463a4452e Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/forward_disabled.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/forward_enabled.png b/src/warden-server/contrib/wardenweb/datatables/media/images/forward_enabled.png new file mode 100644 index 0000000000000000000000000000000000000000..a4e6b5384b8454ee7f44a8f7c75b0321b7eeb9b1 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/forward_enabled.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/forward_enabled_hover.png b/src/warden-server/contrib/wardenweb/datatables/media/images/forward_enabled_hover.png new file mode 100644 index 0000000000000000000000000000000000000000..fc46c5ebf0524b72a509fe2d7c1bc74995cb8a9d Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/forward_enabled_hover.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/sort_asc.png b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_asc.png new file mode 100644 index 0000000000000000000000000000000000000000..a88d7975fe9017e4e5f2289a94bd1ed66a5f59dc Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_asc.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/sort_asc_disabled.png b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_asc_disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..4e144cf0b1f786a9248a2998311e8109998d8a2d Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_asc_disabled.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/sort_both.png b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_both.png new file mode 100644 index 0000000000000000000000000000000000000000..18670406bc01ab2721781822dd6478917745ff54 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_both.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/sort_desc.png b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_desc.png new file mode 100644 index 0000000000000000000000000000000000000000..def071ed5afd264a036f6d9e75856366fd6ad153 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_desc.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/images/sort_desc_disabled.png b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_desc_disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..7824973cc60fc1841b16f2cb39323cefcdc3f942 Binary files /dev/null and b/src/warden-server/contrib/wardenweb/datatables/media/images/sort_desc_disabled.png differ diff --git a/src/warden-server/contrib/wardenweb/datatables/media/js/jquery.dataTables.js b/src/warden-server/contrib/wardenweb/datatables/media/js/jquery.dataTables.js new file mode 100644 index 0000000000000000000000000000000000000000..35b8d1b5775ab7c0833a74330d89e05c9aed3956 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/js/jquery.dataTables.js @@ -0,0 +1,11612 @@ +/** + * @summary DataTables + * @description Paginate, search and sort HTML tables + * @version 1.9.0 + * @file jquery.dataTables.js + * @author Allan Jardine (www.sprymedia.co.uk) + * @contact www.sprymedia.co.uk/contact + * + * @copyright Copyright 2008-2012 Allan Jardine, all rights reserved. + * + * This source file is free software, under either the GPL v2 license or a + * BSD style license, available at: + * http://datatables.net/license_gpl2 + * http://datatables.net/license_bsd + * + * This source file is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + * + * For details please refer to: http://www.datatables.net + */ + +/*jslint evil: true, undef: true, browser: true */ +/*globals $, jQuery,_fnExternApiFunc,_fnInitialise,_fnInitComplete,_fnLanguageCompat,_fnAddColumn,_fnColumnOptions,_fnAddData,_fnCreateTr,_fnGatherData,_fnBuildHead,_fnDrawHead,_fnDraw,_fnReDraw,_fnAjaxUpdate,_fnAjaxParameters,_fnAjaxUpdateDraw,_fnServerParams,_fnAddOptionsHtml,_fnFeatureHtmlTable,_fnScrollDraw,_fnAdjustColumnSizing,_fnFeatureHtmlFilter,_fnFilterComplete,_fnFilterCustom,_fnFilterColumn,_fnFilter,_fnBuildSearchArray,_fnBuildSearchRow,_fnFilterCreateSearch,_fnDataToSearch,_fnSort,_fnSortAttachListener,_fnSortingClasses,_fnFeatureHtmlPaginate,_fnPageChange,_fnFeatureHtmlInfo,_fnUpdateInfo,_fnFeatureHtmlLength,_fnFeatureHtmlProcessing,_fnProcessingDisplay,_fnVisibleToColumnIndex,_fnColumnIndexToVisible,_fnNodeToDataIndex,_fnVisbleColumns,_fnCalculateEnd,_fnConvertToWidth,_fnCalculateColumnWidths,_fnScrollingWidthAdjust,_fnGetWidestNode,_fnGetMaxLenString,_fnStringToCss,_fnDetectType,_fnSettingsFromNode,_fnGetDataMaster,_fnGetTrNodes,_fnGetTdNodes,_fnEscapeRegex,_fnDeleteIndex,_fnReOrderIndex,_fnColumnOrdering,_fnLog,_fnClearTable,_fnSaveState,_fnLoadState,_fnCreateCookie,_fnReadCookie,_fnDetectHeader,_fnGetUniqueThs,_fnScrollBarWidth,_fnApplyToChildren,_fnMap,_fnGetRowData,_fnGetCellData,_fnSetCellData,_fnGetObjectDataFn,_fnSetObjectDataFn,_fnApplyColumnDefs,_fnBindAction,_fnCallbackReg,_fnCallbackFire,_fnJsonString,_fnRender,_fnNodeToColumnIndex*/ + +(/** @lends <global> */function($, window, document, undefined) { + /** + * DataTables is a plug-in for the jQuery Javascript library. It is a + * highly flexible tool, based upon the foundations of progressive + * enhancement, which will add advanced interaction controls to any + * HTML table. For a full list of features please refer to + * <a href="http://datatables.net">DataTables.net</a>. + * + * Note that the <i>DataTable</i> object is not a global variable but is + * aliased to <i>jQuery.fn.DataTable</i> and <i>jQuery.fn.dataTable</i> through which + * it may be accessed. + * + * @class + * @param {object} [oInit={}] Configuration object for DataTables. Options + * are defined by {@link DataTable.defaults} + * @requires jQuery 1.3+ + * + * @example + * // Basic initialisation + * $(document).ready( function { + * $('#example').dataTable(); + * } ); + * + * @example + * // Initialisation with configuration options - in this case, disable + * // pagination and sorting. + * $(document).ready( function { + * $('#example').dataTable( { + * "bPaginate": false, + * "bSort": false + * } ); + * } ); + */ + var DataTable = function( oInit ) + { + + + /** + * Add a column to the list used for the table with default values + * @param {object} oSettings dataTables settings object + * @param {node} nTh The th element for this column + * @memberof DataTable#oApi + */ + function _fnAddColumn( oSettings, nTh ) + { + var oDefaults = DataTable.defaults.columns; + var iCol = oSettings.aoColumns.length; + var oCol = $.extend( {}, DataTable.models.oColumn, oDefaults, { + "sSortingClass": oSettings.oClasses.sSortable, + "sSortingClassJUI": oSettings.oClasses.sSortJUI, + "nTh": nTh ? nTh : document.createElement('th'), + "sTitle": oDefaults.sTitle ? oDefaults.sTitle : nTh ? nTh.innerHTML : '', + "aDataSort": oDefaults.aDataSort ? oDefaults.aDataSort : [iCol], + "mDataProp": oDefaults.mDataProp ? oDefaults.oDefaults : iCol + } ); + oSettings.aoColumns.push( oCol ); + + /* Add a column specific filter */ + if ( oSettings.aoPreSearchCols[ iCol ] === undefined || oSettings.aoPreSearchCols[ iCol ] === null ) + { + oSettings.aoPreSearchCols[ iCol ] = $.extend( {}, DataTable.models.oSearch ); + } + else + { + var oPre = oSettings.aoPreSearchCols[ iCol ]; + + /* Don't require that the user must specify bRegex, bSmart or bCaseInsensitive */ + if ( oPre.bRegex === undefined ) + { + oPre.bRegex = true; + } + + if ( oPre.bSmart === undefined ) + { + oPre.bSmart = true; + } + + if ( oPre.bCaseInsensitive === undefined ) + { + oPre.bCaseInsensitive = true; + } + } + + /* Use the column options function to initialise classes etc */ + _fnColumnOptions( oSettings, iCol, null ); + } + + + /** + * Apply options for a column + * @param {object} oSettings dataTables settings object + * @param {int} iCol column index to consider + * @param {object} oOptions object with sType, bVisible and bSearchable + * @memberof DataTable#oApi + */ + function _fnColumnOptions( oSettings, iCol, oOptions ) + { + var oCol = oSettings.aoColumns[ iCol ]; + + /* User specified column options */ + if ( oOptions !== undefined && oOptions !== null ) + { + if ( oOptions.sType !== undefined ) + { + oCol.sType = oOptions.sType; + oCol._bAutoType = false; + } + + $.extend( oCol, oOptions ); + _fnMap( oCol, oOptions, "sWidth", "sWidthOrig" ); + + /* iDataSort to be applied (backwards compatibility), but aDataSort will take + * priority if defined + */ + if ( oOptions.iDataSort !== undefined ) + { + oCol.aDataSort = [ oOptions.iDataSort ]; + } + _fnMap( oCol, oOptions, "aDataSort" ); + } + + /* Cache the data get and set functions for speed */ + oCol.fnGetData = _fnGetObjectDataFn( oCol.mDataProp ); + oCol.fnSetData = _fnSetObjectDataFn( oCol.mDataProp ); + + /* Feature sorting overrides column specific when off */ + if ( !oSettings.oFeatures.bSort ) + { + oCol.bSortable = false; + } + + /* Check that the class assignment is correct for sorting */ + if ( !oCol.bSortable || + ($.inArray('asc', oCol.asSorting) == -1 && $.inArray('desc', oCol.asSorting) == -1) ) + { + oCol.sSortingClass = oSettings.oClasses.sSortableNone; + oCol.sSortingClassJUI = ""; + } + else if ( oCol.bSortable || + ($.inArray('asc', oCol.asSorting) == -1 && $.inArray('desc', oCol.asSorting) == -1) ) + { + oCol.sSortingClass = oSettings.oClasses.sSortable; + oCol.sSortingClassJUI = oSettings.oClasses.sSortJUI; + } + else if ( $.inArray('asc', oCol.asSorting) != -1 && $.inArray('desc', oCol.asSorting) == -1 ) + { + oCol.sSortingClass = oSettings.oClasses.sSortableAsc; + oCol.sSortingClassJUI = oSettings.oClasses.sSortJUIAscAllowed; + } + else if ( $.inArray('asc', oCol.asSorting) == -1 && $.inArray('desc', oCol.asSorting) != -1 ) + { + oCol.sSortingClass = oSettings.oClasses.sSortableDesc; + oCol.sSortingClassJUI = oSettings.oClasses.sSortJUIDescAllowed; + } + } + + + /** + * Adjust the table column widths for new data. Note: you would probably want to + * do a redraw after calling this function! + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnAdjustColumnSizing ( oSettings ) + { + /* Not interested in doing column width calculation if autowidth is disabled */ + if ( oSettings.oFeatures.bAutoWidth === false ) + { + return false; + } + + _fnCalculateColumnWidths( oSettings ); + for ( var i=0 , iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + oSettings.aoColumns[i].nTh.style.width = oSettings.aoColumns[i].sWidth; + } + } + + + /** + * Covert the index of a visible column to the index in the data array (take account + * of hidden columns) + * @param {object} oSettings dataTables settings object + * @param {int} iMatch Visible column index to lookup + * @returns {int} i the data index + * @memberof DataTable#oApi + */ + function _fnVisibleToColumnIndex( oSettings, iMatch ) + { + var iColumn = -1; + + for ( var i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible === true ) + { + iColumn++; + } + + if ( iColumn == iMatch ) + { + return i; + } + } + + return null; + } + + + /** + * Covert the index of an index in the data array and convert it to the visible + * column index (take account of hidden columns) + * @param {int} iMatch Column index to lookup + * @param {object} oSettings dataTables settings object + * @returns {int} i the data index + * @memberof DataTable#oApi + */ + function _fnColumnIndexToVisible( oSettings, iMatch ) + { + var iVisible = -1; + for ( var i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible === true ) + { + iVisible++; + } + + if ( i == iMatch ) + { + return oSettings.aoColumns[i].bVisible === true ? iVisible : null; + } + } + + return null; + } + + + /** + * Get the number of visible columns + * @returns {int} i the number of visible columns + * @param {object} oS dataTables settings object + * @memberof DataTable#oApi + */ + function _fnVisbleColumns( oS ) + { + var iVis = 0; + for ( var i=0 ; i<oS.aoColumns.length ; i++ ) + { + if ( oS.aoColumns[i].bVisible === true ) + { + iVis++; + } + } + return iVis; + } + + + /** + * Get the sort type based on an input string + * @param {string} sData data we wish to know the type of + * @returns {string} type (defaults to 'string' if no type can be detected) + * @memberof DataTable#oApi + */ + function _fnDetectType( sData ) + { + var aTypes = DataTable.ext.aTypes; + var iLen = aTypes.length; + + for ( var i=0 ; i<iLen ; i++ ) + { + var sType = aTypes[i]( sData ); + if ( sType !== null ) + { + return sType; + } + } + + return 'string'; + } + + + /** + * Figure out how to reorder a display list + * @param {object} oSettings dataTables settings object + * @returns array {int} aiReturn index list for reordering + * @memberof DataTable#oApi + */ + function _fnReOrderIndex ( oSettings, sColumns ) + { + var aColumns = sColumns.split(','); + var aiReturn = []; + + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + for ( var j=0 ; j<iLen ; j++ ) + { + if ( oSettings.aoColumns[i].sName == aColumns[j] ) + { + aiReturn.push( j ); + break; + } + } + } + + return aiReturn; + } + + + /** + * Get the column ordering that DataTables expects + * @param {object} oSettings dataTables settings object + * @returns {string} comma separated list of names + * @memberof DataTable#oApi + */ + function _fnColumnOrdering ( oSettings ) + { + var sNames = ''; + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + sNames += oSettings.aoColumns[i].sName+','; + } + if ( sNames.length == iLen ) + { + return ""; + } + return sNames.slice(0, -1); + } + + + /** + * Take the column definitions and static columns arrays and calculate how + * they relate to column indexes. The callback function will then apply the + * definition found for a column to a suitable configuration object. + * @param {object} oSettings dataTables settings object + * @param {array} aoColDefs The aoColumnDefs array that is to be applied + * @param {array} aoCols The aoColumns array that defines columns individually + * @param {function} fn Callback function - takes two parameters, the calculated + * column index and the definition for that column. + * @memberof DataTable#oApi + */ + function _fnApplyColumnDefs( oSettings, aoColDefs, aoCols, fn ) + { + var i, iLen, j, jLen, k, kLen; + + // Column definitions with aTargets + if ( aoColDefs ) + { + /* Loop over the definitions array - loop in reverse so first instance has priority */ + for ( i=aoColDefs.length-1 ; i>=0 ; i-- ) + { + /* Each definition can target multiple columns, as it is an array */ + var aTargets = aoColDefs[i].aTargets; + if ( !$.isArray( aTargets ) ) + { + _fnLog( oSettings, 1, 'aTargets must be an array of targets, not a '+(typeof aTargets) ); + } + + for ( j=0, jLen=aTargets.length ; j<jLen ; j++ ) + { + if ( typeof aTargets[j] === 'number' && aTargets[j] >= 0 ) + { + /* Add columns that we don't yet know about */ + while( oSettings.aoColumns.length <= aTargets[j] ) + { + _fnAddColumn( oSettings ); + } + + /* Integer, basic index */ + fn( aTargets[j], aoColDefs[i] ); + } + else if ( typeof aTargets[j] === 'number' && aTargets[j] < 0 ) + { + /* Negative integer, right to left column counting */ + fn( oSettings.aoColumns.length+aTargets[j], aoColDefs[i] ); + } + else if ( typeof aTargets[j] === 'string' ) + { + /* Class name matching on TH element */ + for ( k=0, kLen=oSettings.aoColumns.length ; k<kLen ; k++ ) + { + if ( aTargets[j] == "_all" || + $(oSettings.aoColumns[k].nTh).hasClass( aTargets[j] ) ) + { + fn( k, aoColDefs[i] ); + } + } + } + } + } + } + + // Statically defined columns array + if ( aoCols ) + { + for ( i=0, iLen=aoCols.length ; i<iLen ; i++ ) + { + fn( i, aoCols[i] ); + } + } + } + + + + /** + * Add a data array to the table, creating DOM node etc. This is the parallel to + * _fnGatherData, but for adding rows from a Javascript source, rather than a + * DOM source. + * @param {object} oSettings dataTables settings object + * @param {array} aData data array to be added + * @returns {int} >=0 if successful (index of new aoData entry), -1 if failed + * @memberof DataTable#oApi + */ + function _fnAddData ( oSettings, aDataSupplied ) + { + var oCol; + + /* Take an independent copy of the data source so we can bash it about as we wish */ + var aDataIn = ($.isArray(aDataSupplied)) ? + aDataSupplied.slice() : + $.extend( true, {}, aDataSupplied ); + + /* Create the object for storing information about this new row */ + var iRow = oSettings.aoData.length; + var oData = $.extend( true, {}, DataTable.models.oRow, { + "_aData": aDataIn + } ); + oSettings.aoData.push( oData ); + + /* Create the cells */ + var nTd, sThisType; + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + oCol = oSettings.aoColumns[i]; + + /* Use rendered data for filtering/sorting */ + if ( typeof oCol.fnRender === 'function' && oCol.bUseRendered && oCol.mDataProp !== null ) + { + _fnSetCellData( oSettings, iRow, i, _fnRender(oSettings, iRow, i) ); + } + + /* See if we should auto-detect the column type */ + if ( oCol._bAutoType && oCol.sType != 'string' ) + { + /* Attempt to auto detect the type - same as _fnGatherData() */ + var sVarType = _fnGetCellData( oSettings, iRow, i, 'type' ); + if ( sVarType !== null && sVarType !== '' ) + { + sThisType = _fnDetectType( sVarType ); + if ( oCol.sType === null ) + { + oCol.sType = sThisType; + } + else if ( oCol.sType != sThisType && oCol.sType != "html" ) + { + /* String is always the 'fallback' option */ + oCol.sType = 'string'; + } + } + } + } + + /* Add to the display array */ + oSettings.aiDisplayMaster.push( iRow ); + + /* Create the DOM imformation */ + if ( !oSettings.oFeatures.bDeferRender ) + { + _fnCreateTr( oSettings, iRow ); + } + + return iRow; + } + + + /** + * Read in the data from the target table from the DOM + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnGatherData( oSettings ) + { + var iLoop, i, iLen, j, jLen, jInner, + nTds, nTrs, nTd, aLocalData, iThisIndex, + iRow, iRows, iColumn, iColumns, sNodeName, + oCol, oData; + + /* + * Process by row first + * Add the data object for the whole table - storing the tr node. Note - no point in getting + * DOM based data if we are going to go and replace it with Ajax source data. + */ + if ( oSettings.bDeferLoading || oSettings.sAjaxSource === null ) + { + nTrs = oSettings.nTBody.childNodes; + for ( i=0, iLen=nTrs.length ; i<iLen ; i++ ) + { + if ( nTrs[i].nodeName.toUpperCase() == "TR" ) + { + iThisIndex = oSettings.aoData.length; + nTrs[i]._DT_RowIndex = iThisIndex; + oSettings.aoData.push( $.extend( true, {}, DataTable.models.oRow, { + "nTr": nTrs[i] + } ) ); + + oSettings.aiDisplayMaster.push( iThisIndex ); + nTds = nTrs[i].childNodes; + jInner = 0; + + for ( j=0, jLen=nTds.length ; j<jLen ; j++ ) + { + sNodeName = nTds[j].nodeName.toUpperCase(); + if ( sNodeName == "TD" || sNodeName == "TH" ) + { + _fnSetCellData( oSettings, iThisIndex, jInner, $.trim(nTds[j].innerHTML) ); + jInner++; + } + } + } + } + } + + /* Gather in the TD elements of the Table - note that this is basically the same as + * fnGetTdNodes, but that function takes account of hidden columns, which we haven't yet + * setup! + */ + nTrs = _fnGetTrNodes( oSettings ); + nTds = []; + for ( i=0, iLen=nTrs.length ; i<iLen ; i++ ) + { + for ( j=0, jLen=nTrs[i].childNodes.length ; j<jLen ; j++ ) + { + nTd = nTrs[i].childNodes[j]; + sNodeName = nTd.nodeName.toUpperCase(); + if ( sNodeName == "TD" || sNodeName == "TH" ) + { + nTds.push( nTd ); + } + } + } + + /* Now process by column */ + for ( iColumn=0, iColumns=oSettings.aoColumns.length ; iColumn<iColumns ; iColumn++ ) + { + oCol = oSettings.aoColumns[iColumn]; + + /* Get the title of the column - unless there is a user set one */ + if ( oCol.sTitle === null ) + { + oCol.sTitle = oCol.nTh.innerHTML; + } + + var + bAutoType = oCol._bAutoType, + bRender = typeof oCol.fnRender === 'function', + bClass = oCol.sClass !== null, + bVisible = oCol.bVisible, + nCell, sThisType, sRendered, sValType; + + /* A single loop to rule them all (and be more efficient) */ + if ( bAutoType || bRender || bClass || !bVisible ) + { + for ( iRow=0, iRows=oSettings.aoData.length ; iRow<iRows ; iRow++ ) + { + oData = oSettings.aoData[iRow]; + nCell = nTds[ (iRow*iColumns) + iColumn ]; + + /* Type detection */ + if ( bAutoType && oCol.sType != 'string' ) + { + sValType = _fnGetCellData( oSettings, iRow, iColumn, 'type' ); + if ( sValType !== '' ) + { + sThisType = _fnDetectType( sValType ); + if ( oCol.sType === null ) + { + oCol.sType = sThisType; + } + else if ( oCol.sType != sThisType && + oCol.sType != "html" ) + { + /* String is always the 'fallback' option */ + oCol.sType = 'string'; + } + } + } + + if ( typeof oCol.mDataProp === 'function' ) + { + nCell.innerHTML = _fnGetCellData( oSettings, iRow, iColumn, 'display' ); + } + + /* Rendering */ + if ( bRender ) + { + sRendered = _fnRender( oSettings, iRow, iColumn ); + nCell.innerHTML = sRendered; + if ( oCol.bUseRendered ) + { + /* Use the rendered data for filtering/sorting */ + _fnSetCellData( oSettings, iRow, iColumn, sRendered ); + } + } + + /* Classes */ + if ( bClass ) + { + nCell.className += ' '+oCol.sClass; + } + + /* Column visability */ + if ( !bVisible ) + { + oData._anHidden[iColumn] = nCell; + nCell.parentNode.removeChild( nCell ); + } + else + { + oData._anHidden[iColumn] = null; + } + + if ( oCol.fnCreatedCell ) + { + oCol.fnCreatedCell.call( oSettings.oInstance, + nCell, _fnGetCellData( oSettings, iRow, iColumn, 'display' ), oData._aData, iRow, iColumn + ); + } + } + } + } + + /* Row created callbacks */ + if ( oSettings.aoRowCreatedCallback.length !== 0 ) + { + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + oData = oSettings.aoData[i]; + _fnCallbackFire( oSettings, 'aoRowCreatedCallback', null, [oData.nTr, oData._aData, i] ); + } + } + } + + + /** + * Take a TR element and convert it to an index in aoData + * @param {object} oSettings dataTables settings object + * @param {node} n the TR element to find + * @returns {int} index if the node is found, null if not + * @memberof DataTable#oApi + */ + function _fnNodeToDataIndex( oSettings, n ) + { + return (n._DT_RowIndex!==undefined) ? n._DT_RowIndex : null; + } + + + /** + * Take a TD element and convert it into a column data index (not the visible index) + * @param {object} oSettings dataTables settings object + * @param {int} iRow The row number the TD/TH can be found in + * @param {node} n The TD/TH element to find + * @returns {int} index if the node is found, -1 if not + * @memberof DataTable#oApi + */ + function _fnNodeToColumnIndex( oSettings, iRow, n ) + { + var anCells = _fnGetTdNodes( oSettings, iRow ); + + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + if ( anCells[i] === n ) + { + return i; + } + } + return -1; + } + + + /** + * Get an array of data for a given row from the internal data cache + * @param {object} oSettings dataTables settings object + * @param {int} iRow aoData row id + * @param {string} sSpecific data get type ('type' 'filter' 'sort') + * @returns {array} Data array + * @memberof DataTable#oApi + */ + function _fnGetRowData( oSettings, iRow, sSpecific ) + { + var out = []; + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + out.push( _fnGetCellData( oSettings, iRow, i, sSpecific ) ); + } + return out; + } + + + /** + * Get the data for a given cell from the internal cache, taking into account data mapping + * @param {object} oSettings dataTables settings object + * @param {int} iRow aoData row id + * @param {int} iCol Column index + * @param {string} sSpecific data get type ('display', 'type' 'filter' 'sort') + * @returns {*} Cell data + * @memberof DataTable#oApi + */ + function _fnGetCellData( oSettings, iRow, iCol, sSpecific ) + { + var sData; + var oCol = oSettings.aoColumns[iCol]; + var oData = oSettings.aoData[iRow]._aData; + + if ( (sData=oCol.fnGetData( oData, sSpecific )) === undefined ) + { + if ( oSettings.iDrawError != oSettings.iDraw && oCol.sDefaultContent === null ) + { + _fnLog( oSettings, 0, "Requested unknown parameter '"+oCol.mDataProp+ + "' from the data source for row "+iRow ); + oSettings.iDrawError = oSettings.iDraw; + } + return oCol.sDefaultContent; + } + + /* When the data source is null, we can use default column data */ + if ( sData === null && oCol.sDefaultContent !== null ) + { + sData = oCol.sDefaultContent; + } + else if ( typeof sData === 'function' ) + { + /* If the data source is a function, then we run it and use the return */ + return sData(); + } + + if ( sSpecific == 'display' && sData === null ) + { + return ''; + } + return sData; + } + + + /** + * Set the value for a specific cell, into the internal data cache + * @param {object} oSettings dataTables settings object + * @param {int} iRow aoData row id + * @param {int} iCol Column index + * @param {*} val Value to set + * @memberof DataTable#oApi + */ + function _fnSetCellData( oSettings, iRow, iCol, val ) + { + var oCol = oSettings.aoColumns[iCol]; + var oData = oSettings.aoData[iRow]._aData; + + oCol.fnSetData( oData, val ); + } + + + /** + * Return a function that can be used to get data from a source object, taking + * into account the ability to use nested objects as a source + * @param {string|int|function} mSource The data source for the object + * @returns {function} Data get function + * @memberof DataTable#oApi + */ + function _fnGetObjectDataFn( mSource ) + { + if ( mSource === null ) + { + /* Give an empty string for rendering / sorting etc */ + return function (data, type) { + return null; + }; + } + else if ( typeof mSource === 'function' ) + { + return function (data, type) { + return mSource( data, type ); + }; + } + else if ( typeof mSource === 'string' && mSource.indexOf('.') != -1 ) + { + /* If there is a . in the source string then the data source is in a + * nested object so we loop over the data for each level to get the next + * level down. On each loop we test for undefined, and if found immediatly + * return. This allows entire objects to be missing and sDefaultContent to + * be used if defined, rather than throwing an error + */ + var a = mSource.split('.'); + return function (data, type) { + for ( var i=0, iLen=a.length ; i<iLen ; i++ ) + { + data = data[ a[i] ]; + if ( data === undefined ) + { + return undefined; + } + } + return data; + }; + } + else + { + /* Array or flat object mapping */ + return function (data, type) { + return data[mSource]; + }; + } + } + + + /** + * Return a function that can be used to set data from a source object, taking + * into account the ability to use nested objects as a source + * @param {string|int|function} mSource The data source for the object + * @returns {function} Data set function + * @memberof DataTable#oApi + */ + function _fnSetObjectDataFn( mSource ) + { + if ( mSource === null ) + { + /* Nothing to do when the data source is null */ + return function (data, val) {}; + } + else if ( typeof mSource === 'function' ) + { + return function (data, val) { + mSource( data, 'set', val ); + }; + } + else if ( typeof mSource === 'string' && mSource.indexOf('.') != -1 ) + { + /* Like the get, we need to get data from a nested object. */ + var a = mSource.split('.'); + return function (data, val) { + for ( var i=0, iLen=a.length-1 ; i<iLen ; i++ ) + { + data = data[ a[i] ]; + } + data[ a[a.length-1] ] = val; + }; + } + else + { + /* Array or flat object mapping */ + return function (data, val) { + data[mSource] = val; + }; + } + } + + + /** + * Return an array with the full table data + * @param {object} oSettings dataTables settings object + * @returns array {array} aData Master data array + * @memberof DataTable#oApi + */ + function _fnGetDataMaster ( oSettings ) + { + var aData = []; + var iLen = oSettings.aoData.length; + for ( var i=0 ; i<iLen; i++ ) + { + aData.push( oSettings.aoData[i]._aData ); + } + return aData; + } + + + /** + * Nuke the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnClearTable( oSettings ) + { + oSettings.aoData.splice( 0, oSettings.aoData.length ); + oSettings.aiDisplayMaster.splice( 0, oSettings.aiDisplayMaster.length ); + oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length ); + _fnCalculateEnd( oSettings ); + } + + + /** + * Take an array of integers (index array) and remove a target integer (value - not + * the key!) + * @param {array} a Index array to target + * @param {int} iTarget value to find + * @memberof DataTable#oApi + */ + function _fnDeleteIndex( a, iTarget ) + { + var iTargetIndex = -1; + + for ( var i=0, iLen=a.length ; i<iLen ; i++ ) + { + if ( a[i] == iTarget ) + { + iTargetIndex = i; + } + else if ( a[i] > iTarget ) + { + a[i]--; + } + } + + if ( iTargetIndex != -1 ) + { + a.splice( iTargetIndex, 1 ); + } + } + + + /** + * Call the developer defined fnRender function for a given cell (row/column) with + * the required parameters and return the result. + * @param {object} oSettings dataTables settings object + * @param {int} iRow aoData index for the row + * @param {int} iCol aoColumns index for the column + * @returns {*} Return of the developer's fnRender function + * @memberof DataTable#oApi + */ + function _fnRender( oSettings, iRow, iCol ) + { + var oCol = oSettings.aoColumns[iCol]; + + return oCol.fnRender( { + "iDataRow": iRow, + "iDataColumn": iCol, + "oSettings": oSettings, + "aData": oSettings.aoData[iRow]._aData, + "mDataProp": oCol.mDataProp + }, _fnGetCellData(oSettings, iRow, iCol, 'display') ); + } + + + /** + * Create a new TR element (and it's TD children) for a row + * @param {object} oSettings dataTables settings object + * @param {int} iRow Row to consider + * @memberof DataTable#oApi + */ + function _fnCreateTr ( oSettings, iRow ) + { + var oData = oSettings.aoData[iRow]; + var nTd; + + if ( oData.nTr === null ) + { + oData.nTr = document.createElement('tr'); + + /* Use a private property on the node to allow reserve mapping from the node + * to the aoData array for fast look up + */ + oData.nTr._DT_RowIndex = iRow; + + /* Special parameters can be given by the data source to be used on the row */ + if ( oData._aData.DT_RowId ) + { + oData.nTr.id = oData._aData.DT_RowId; + } + + if ( oData._aData.DT_RowClass ) + { + $(oData.nTr).addClass( oData._aData.DT_RowClass ); + } + + /* Process each column */ + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + var oCol = oSettings.aoColumns[i]; + nTd = document.createElement('td'); + + /* Render if needed - if bUseRendered is true then we already have the rendered + * value in the data source - so can just use that + */ + nTd.innerHTML = (typeof oCol.fnRender === 'function' && (!oCol.bUseRendered || oCol.mDataProp === null)) ? + _fnRender( oSettings, iRow, i ) : + _fnGetCellData( oSettings, iRow, i, 'display' ); + + /* Add user defined class */ + if ( oCol.sClass !== null ) + { + nTd.className = oCol.sClass; + } + + if ( oCol.bVisible ) + { + oData.nTr.appendChild( nTd ); + oData._anHidden[i] = null; + } + else + { + oData._anHidden[i] = nTd; + } + + if ( oCol.fnCreatedCell ) + { + oCol.fnCreatedCell.call( oSettings.oInstance, + nTd, _fnGetCellData( oSettings, iRow, i, 'display' ), oData._aData, iRow, i + ); + } + } + + _fnCallbackFire( oSettings, 'aoRowCreatedCallback', null, [oData.nTr, oData._aData, iRow] ); + } + } + + + /** + * Create the HTML header for the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnBuildHead( oSettings ) + { + var i, nTh, iLen, j, jLen; + var iThs = oSettings.nTHead.getElementsByTagName('th').length; + var iCorrector = 0; + var jqChildren; + + /* If there is a header in place - then use it - otherwise it's going to get nuked... */ + if ( iThs !== 0 ) + { + /* We've got a thead from the DOM, so remove hidden columns and apply width to vis cols */ + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + nTh = oSettings.aoColumns[i].nTh; + nTh.setAttribute('role', 'columnheader'); + if ( oSettings.aoColumns[i].bSortable ) + { + nTh.setAttribute('tabindex', oSettings.iTabIndex); + nTh.setAttribute('aria-controls', oSettings.sTableId); + } + + if ( oSettings.aoColumns[i].sClass !== null ) + { + $(nTh).addClass( oSettings.aoColumns[i].sClass ); + } + + /* Set the title of the column if it is user defined (not what was auto detected) */ + if ( oSettings.aoColumns[i].sTitle != nTh.innerHTML ) + { + nTh.innerHTML = oSettings.aoColumns[i].sTitle; + } + } + } + else + { + /* We don't have a header in the DOM - so we are going to have to create one */ + var nTr = document.createElement( "tr" ); + + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + nTh = oSettings.aoColumns[i].nTh; + nTh.innerHTML = oSettings.aoColumns[i].sTitle; + nTh.setAttribute('tabindex', '0'); + + if ( oSettings.aoColumns[i].sClass !== null ) + { + $(nTh).addClass( oSettings.aoColumns[i].sClass ); + } + + nTr.appendChild( nTh ); + } + $(oSettings.nTHead).html( '' )[0].appendChild( nTr ); + _fnDetectHeader( oSettings.aoHeader, oSettings.nTHead ); + } + + /* ARIA role for the rows */ + $(oSettings.nTHead).children('tr').attr('role', 'row'); + + /* Add the extra markup needed by jQuery UI's themes */ + if ( oSettings.bJUI ) + { + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + nTh = oSettings.aoColumns[i].nTh; + + var nDiv = document.createElement('div'); + nDiv.className = oSettings.oClasses.sSortJUIWrapper; + $(nTh).contents().appendTo(nDiv); + + var nSpan = document.createElement('span'); + nSpan.className = oSettings.oClasses.sSortIcon; + nDiv.appendChild( nSpan ); + nTh.appendChild( nDiv ); + } + } + + if ( oSettings.oFeatures.bSort ) + { + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bSortable !== false ) + { + _fnSortAttachListener( oSettings, oSettings.aoColumns[i].nTh, i ); + } + else + { + $(oSettings.aoColumns[i].nTh).addClass( oSettings.oClasses.sSortableNone ); + } + } + } + + /* Deal with the footer - add classes if required */ + if ( oSettings.oClasses.sFooterTH !== "" ) + { + $(oSettings.nTFoot).children('tr').children('th').addClass( oSettings.oClasses.sFooterTH ); + } + + /* Cache the footer elements */ + if ( oSettings.nTFoot !== null ) + { + var anCells = _fnGetUniqueThs( oSettings, null, oSettings.aoFooter ); + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + if ( anCells[i] ) + { + oSettings.aoColumns[i].nTf = anCells[i]; + if ( oSettings.aoColumns[i].sClass ) + { + $(anCells[i]).addClass( oSettings.aoColumns[i].sClass ); + } + } + } + } + } + + + /** + * Draw the header (or footer) element based on the column visibility states. The + * methodology here is to use the layout array from _fnDetectHeader, modified for + * the instantaneous column visibility, to construct the new layout. The grid is + * traversed over cell at a time in a rows x columns grid fashion, although each + * cell insert can cover multiple elements in the grid - which is tracks using the + * aApplied array. Cell inserts in the grid will only occur where there isn't + * already a cell in that position. + * @param {object} oSettings dataTables settings object + * @param array {objects} aoSource Layout array from _fnDetectHeader + * @param {boolean} [bIncludeHidden=false] If true then include the hidden columns in the calc, + * @memberof DataTable#oApi + */ + function _fnDrawHead( oSettings, aoSource, bIncludeHidden ) + { + var i, iLen, j, jLen, k, kLen, n, nLocalTr; + var aoLocal = []; + var aApplied = []; + var iColumns = oSettings.aoColumns.length; + var iRowspan, iColspan; + + if ( bIncludeHidden === undefined ) + { + bIncludeHidden = false; + } + + /* Make a copy of the master layout array, but without the visible columns in it */ + for ( i=0, iLen=aoSource.length ; i<iLen ; i++ ) + { + aoLocal[i] = aoSource[i].slice(); + aoLocal[i].nTr = aoSource[i].nTr; + + /* Remove any columns which are currently hidden */ + for ( j=iColumns-1 ; j>=0 ; j-- ) + { + if ( !oSettings.aoColumns[j].bVisible && !bIncludeHidden ) + { + aoLocal[i].splice( j, 1 ); + } + } + + /* Prep the applied array - it needs an element for each row */ + aApplied.push( [] ); + } + + for ( i=0, iLen=aoLocal.length ; i<iLen ; i++ ) + { + nLocalTr = aoLocal[i].nTr; + + /* All cells are going to be replaced, so empty out the row */ + if ( nLocalTr ) + { + while( (n = nLocalTr.firstChild) ) + { + nLocalTr.removeChild( n ); + } + } + + for ( j=0, jLen=aoLocal[i].length ; j<jLen ; j++ ) + { + iRowspan = 1; + iColspan = 1; + + /* Check to see if there is already a cell (row/colspan) covering our target + * insert point. If there is, then there is nothing to do. + */ + if ( aApplied[i][j] === undefined ) + { + nLocalTr.appendChild( aoLocal[i][j].cell ); + aApplied[i][j] = 1; + + /* Expand the cell to cover as many rows as needed */ + while ( aoLocal[i+iRowspan] !== undefined && + aoLocal[i][j].cell == aoLocal[i+iRowspan][j].cell ) + { + aApplied[i+iRowspan][j] = 1; + iRowspan++; + } + + /* Expand the cell to cover as many columns as needed */ + while ( aoLocal[i][j+iColspan] !== undefined && + aoLocal[i][j].cell == aoLocal[i][j+iColspan].cell ) + { + /* Must update the applied array over the rows for the columns */ + for ( k=0 ; k<iRowspan ; k++ ) + { + aApplied[i+k][j+iColspan] = 1; + } + iColspan++; + } + + /* Do the actual expansion in the DOM */ + aoLocal[i][j].cell.rowSpan = iRowspan; + aoLocal[i][j].cell.colSpan = iColspan; + } + } + } + } + + + /** + * Insert the required TR nodes into the table for display + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnDraw( oSettings ) + { + var i, iLen, n; + var anRows = []; + var iRowCount = 0; + var iStripes = oSettings.asStripeClasses.length; + var iOpenRows = oSettings.aoOpenRows.length; + + /* Provide a pre-callback function which can be used to cancel the draw is false is returned */ + var aPreDraw = _fnCallbackFire( oSettings, 'aoPreDrawCallback', 'preDraw', [oSettings] ); + if ( $.inArray( false, aPreDraw ) !== -1 ) + { + return; + } + + oSettings.bDrawing = true; + + /* Check and see if we have an initial draw position from state saving */ + if ( oSettings.iInitDisplayStart !== undefined && oSettings.iInitDisplayStart != -1 ) + { + if ( oSettings.oFeatures.bServerSide ) + { + oSettings._iDisplayStart = oSettings.iInitDisplayStart; + } + else + { + oSettings._iDisplayStart = (oSettings.iInitDisplayStart >= oSettings.fnRecordsDisplay()) ? + 0 : oSettings.iInitDisplayStart; + } + oSettings.iInitDisplayStart = -1; + _fnCalculateEnd( oSettings ); + } + + /* Server-side processing draw intercept */ + if ( oSettings.bDeferLoading ) + { + oSettings.bDeferLoading = false; + oSettings.iDraw++; + } + else if ( !oSettings.oFeatures.bServerSide ) + { + oSettings.iDraw++; + } + else if ( !oSettings.bDestroying && !_fnAjaxUpdate( oSettings ) ) + { + return; + } + + if ( oSettings.aiDisplay.length !== 0 ) + { + var iStart = oSettings._iDisplayStart; + var iEnd = oSettings._iDisplayEnd; + + if ( oSettings.oFeatures.bServerSide ) + { + iStart = 0; + iEnd = oSettings.aoData.length; + } + + for ( var j=iStart ; j<iEnd ; j++ ) + { + var aoData = oSettings.aoData[ oSettings.aiDisplay[j] ]; + if ( aoData.nTr === null ) + { + _fnCreateTr( oSettings, oSettings.aiDisplay[j] ); + } + + var nRow = aoData.nTr; + + /* Remove the old striping classes and then add the new one */ + if ( iStripes !== 0 ) + { + var sStripe = oSettings.asStripeClasses[ iRowCount % iStripes ]; + if ( aoData._sRowStripe != sStripe ) + { + $(nRow).removeClass( aoData._sRowStripe ).addClass( sStripe ); + aoData._sRowStripe = sStripe; + } + } + + /* Row callback functions - might want to manipule the row */ + _fnCallbackFire( oSettings, 'aoRowCallback', null, + [nRow, oSettings.aoData[ oSettings.aiDisplay[j] ]._aData, iRowCount, j] ); + + anRows.push( nRow ); + iRowCount++; + + /* If there is an open row - and it is attached to this parent - attach it on redraw */ + if ( iOpenRows !== 0 ) + { + for ( var k=0 ; k<iOpenRows ; k++ ) + { + if ( nRow == oSettings.aoOpenRows[k].nParent ) + { + anRows.push( oSettings.aoOpenRows[k].nTr ); + break; + } + } + } + } + } + else + { + /* Table is empty - create a row with an empty message in it */ + anRows[ 0 ] = document.createElement( 'tr' ); + + if ( oSettings.asStripeClasses[0] ) + { + anRows[ 0 ].className = oSettings.asStripeClasses[0]; + } + + var sZero = oSettings.oLanguage.sZeroRecords.replace( + '_MAX_', oSettings.fnFormatNumber(oSettings.fnRecordsTotal()) ); + if ( oSettings.iDraw == 1 && oSettings.sAjaxSource !== null && !oSettings.oFeatures.bServerSide ) + { + sZero = oSettings.oLanguage.sLoadingRecords; + } + else if ( oSettings.oLanguage.sEmptyTable && oSettings.fnRecordsTotal() === 0 ) + { + sZero = oSettings.oLanguage.sEmptyTable; + } + + var nTd = document.createElement( 'td' ); + nTd.setAttribute( 'valign', "top" ); + nTd.colSpan = _fnVisbleColumns( oSettings ); + nTd.className = oSettings.oClasses.sRowEmpty; + nTd.innerHTML = sZero; + + anRows[ iRowCount ].appendChild( nTd ); + } + + /* Header and footer callbacks */ + _fnCallbackFire( oSettings, 'aoHeaderCallback', 'header', [ $(oSettings.nTHead).children('tr')[0], + _fnGetDataMaster( oSettings ), oSettings._iDisplayStart, oSettings.fnDisplayEnd(), oSettings.aiDisplay ] ); + + _fnCallbackFire( oSettings, 'aoFooterCallback', 'footer', [ $(oSettings.nTFoot).children('tr')[0], + _fnGetDataMaster( oSettings ), oSettings._iDisplayStart, oSettings.fnDisplayEnd(), oSettings.aiDisplay ] ); + + /* + * Need to remove any old row from the display - note we can't just empty the tbody using + * $().html('') since this will unbind the jQuery event handlers (even although the node + * still exists!) - equally we can't use innerHTML, since IE throws an exception. + */ + var + nAddFrag = document.createDocumentFragment(), + nRemoveFrag = document.createDocumentFragment(), + nBodyPar, nTrs; + + if ( oSettings.nTBody ) + { + nBodyPar = oSettings.nTBody.parentNode; + nRemoveFrag.appendChild( oSettings.nTBody ); + + /* When doing infinite scrolling, only remove child rows when sorting, filtering or start + * up. When not infinite scroll, always do it. + */ + if ( !oSettings.oScroll.bInfinite || !oSettings._bInitComplete || + oSettings.bSorted || oSettings.bFiltered ) + { + while( (n = oSettings.nTBody.firstChild) ) + { + oSettings.nTBody.removeChild( n ); + } + } + + /* Put the draw table into the dom */ + for ( i=0, iLen=anRows.length ; i<iLen ; i++ ) + { + nAddFrag.appendChild( anRows[i] ); + } + + oSettings.nTBody.appendChild( nAddFrag ); + if ( nBodyPar !== null ) + { + nBodyPar.appendChild( oSettings.nTBody ); + } + } + + /* Call all required callback functions for the end of a draw */ + _fnCallbackFire( oSettings, 'aoDrawCallback', 'draw', [oSettings] ); + + /* Draw is complete, sorting and filtering must be as well */ + oSettings.bSorted = false; + oSettings.bFiltered = false; + oSettings.bDrawing = false; + + if ( oSettings.oFeatures.bServerSide ) + { + _fnProcessingDisplay( oSettings, false ); + if ( !oSettings._bInitComplete ) + { + _fnInitComplete( oSettings ); + } + } + } + + + /** + * Redraw the table - taking account of the various features which are enabled + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnReDraw( oSettings ) + { + if ( oSettings.oFeatures.bSort ) + { + /* Sorting will refilter and draw for us */ + _fnSort( oSettings, oSettings.oPreviousSearch ); + } + else if ( oSettings.oFeatures.bFilter ) + { + /* Filtering will redraw for us */ + _fnFilterComplete( oSettings, oSettings.oPreviousSearch ); + } + else + { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + } + + + /** + * Add the options to the page HTML for the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnAddOptionsHtml ( oSettings ) + { + /* + * Create a temporary, empty, div which we can later on replace with what we have generated + * we do it this way to rendering the 'options' html offline - speed :-) + */ + var nHolding = $('<div></div>')[0]; + oSettings.nTable.parentNode.insertBefore( nHolding, oSettings.nTable ); + + /* + * All DataTables are wrapped in a div + */ + oSettings.nTableWrapper = $('<div id="'+oSettings.sTableId+'_wrapper" class="'+oSettings.oClasses.sWrapper+'" role="grid"></div>')[0]; + oSettings.nTableReinsertBefore = oSettings.nTable.nextSibling; + + /* Track where we want to insert the option */ + var nInsertNode = oSettings.nTableWrapper; + + /* Loop over the user set positioning and place the elements as needed */ + var aDom = oSettings.sDom.split(''); + var nTmp, iPushFeature, cOption, nNewNode, cNext, sAttr, j; + for ( var i=0 ; i<aDom.length ; i++ ) + { + iPushFeature = 0; + cOption = aDom[i]; + + if ( cOption == '<' ) + { + /* New container div */ + nNewNode = $('<div></div>')[0]; + + /* Check to see if we should append an id and/or a class name to the container */ + cNext = aDom[i+1]; + if ( cNext == "'" || cNext == '"' ) + { + sAttr = ""; + j = 2; + while ( aDom[i+j] != cNext ) + { + sAttr += aDom[i+j]; + j++; + } + + /* Replace jQuery UI constants */ + if ( sAttr == "H" ) + { + sAttr = "fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"; + } + else if ( sAttr == "F" ) + { + sAttr = "fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"; + } + + /* The attribute can be in the format of "#id.class", "#id" or "class" This logic + * breaks the string into parts and applies them as needed + */ + if ( sAttr.indexOf('.') != -1 ) + { + var aSplit = sAttr.split('.'); + nNewNode.id = aSplit[0].substr(1, aSplit[0].length-1); + nNewNode.className = aSplit[1]; + } + else if ( sAttr.charAt(0) == "#" ) + { + nNewNode.id = sAttr.substr(1, sAttr.length-1); + } + else + { + nNewNode.className = sAttr; + } + + i += j; /* Move along the position array */ + } + + nInsertNode.appendChild( nNewNode ); + nInsertNode = nNewNode; + } + else if ( cOption == '>' ) + { + /* End container div */ + nInsertNode = nInsertNode.parentNode; + } + else if ( cOption == 'l' && oSettings.oFeatures.bPaginate && oSettings.oFeatures.bLengthChange ) + { + /* Length */ + nTmp = _fnFeatureHtmlLength( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 'f' && oSettings.oFeatures.bFilter ) + { + /* Filter */ + nTmp = _fnFeatureHtmlFilter( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 'r' && oSettings.oFeatures.bProcessing ) + { + /* pRocessing */ + nTmp = _fnFeatureHtmlProcessing( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 't' ) + { + /* Table */ + nTmp = _fnFeatureHtmlTable( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 'i' && oSettings.oFeatures.bInfo ) + { + /* Info */ + nTmp = _fnFeatureHtmlInfo( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 'p' && oSettings.oFeatures.bPaginate ) + { + /* Pagination */ + nTmp = _fnFeatureHtmlPaginate( oSettings ); + iPushFeature = 1; + } + else if ( DataTable.ext.aoFeatures.length !== 0 ) + { + /* Plug-in features */ + var aoFeatures = DataTable.ext.aoFeatures; + for ( var k=0, kLen=aoFeatures.length ; k<kLen ; k++ ) + { + if ( cOption == aoFeatures[k].cFeature ) + { + nTmp = aoFeatures[k].fnInit( oSettings ); + if ( nTmp ) + { + iPushFeature = 1; + } + break; + } + } + } + + /* Add to the 2D features array */ + if ( iPushFeature == 1 && nTmp !== null ) + { + if ( typeof oSettings.aanFeatures[cOption] !== 'object' ) + { + oSettings.aanFeatures[cOption] = []; + } + oSettings.aanFeatures[cOption].push( nTmp ); + nInsertNode.appendChild( nTmp ); + } + } + + /* Built our DOM structure - replace the holding div with what we want */ + nHolding.parentNode.replaceChild( oSettings.nTableWrapper, nHolding ); + } + + + /** + * Use the DOM source to create up an array of header cells. The idea here is to + * create a layout grid (array) of rows x columns, which contains a reference + * to the cell that that point in the grid (regardless of col/rowspan), such that + * any column / row could be removed and the new grid constructed + * @param array {object} aLayout Array to store the calculated layout in + * @param {node} nThead The header/footer element for the table + * @memberof DataTable#oApi + */ + function _fnDetectHeader ( aLayout, nThead ) + { + var nTrs = $(nThead).children('tr'); + var nCell; + var i, j, k, l, iLen, jLen, iColShifted; + var fnShiftCol = function ( a, i, j ) { + while ( a[i][j] ) { + j++; + } + return j; + }; + + aLayout.splice( 0, aLayout.length ); + + /* We know how many rows there are in the layout - so prep it */ + for ( i=0, iLen=nTrs.length ; i<iLen ; i++ ) + { + aLayout.push( [] ); + } + + /* Calculate a layout array */ + for ( i=0, iLen=nTrs.length ; i<iLen ; i++ ) + { + var iColumn = 0; + + /* For every cell in the row... */ + for ( j=0, jLen=nTrs[i].childNodes.length ; j<jLen ; j++ ) + { + nCell = nTrs[i].childNodes[j]; + + if ( nCell.nodeName.toUpperCase() == "TD" || + nCell.nodeName.toUpperCase() == "TH" ) + { + /* Get the col and rowspan attributes from the DOM and sanitise them */ + var iColspan = nCell.getAttribute('colspan') * 1; + var iRowspan = nCell.getAttribute('rowspan') * 1; + iColspan = (!iColspan || iColspan===0 || iColspan===1) ? 1 : iColspan; + iRowspan = (!iRowspan || iRowspan===0 || iRowspan===1) ? 1 : iRowspan; + + /* There might be colspan cells already in this row, so shift our target + * accordingly + */ + iColShifted = fnShiftCol( aLayout, i, iColumn ); + + /* If there is col / rowspan, copy the information into the layout grid */ + for ( l=0 ; l<iColspan ; l++ ) + { + for ( k=0 ; k<iRowspan ; k++ ) + { + aLayout[i+k][iColShifted+l] = { + "cell": nCell, + "unique": iColspan == 1 ? true : false + }; + aLayout[i+k].nTr = nTrs[i]; + } + } + } + } + } + } + + + /** + * Get an array of unique th elements, one for each column + * @param {object} oSettings dataTables settings object + * @param {node} nHeader automatically detect the layout from this node - optional + * @param {array} aLayout thead/tfoot layout from _fnDetectHeader - optional + * @returns array {node} aReturn list of unique ths + * @memberof DataTable#oApi + */ + function _fnGetUniqueThs ( oSettings, nHeader, aLayout ) + { + var aReturn = []; + if ( !aLayout ) + { + aLayout = oSettings.aoHeader; + if ( nHeader ) + { + aLayout = []; + _fnDetectHeader( aLayout, nHeader ); + } + } + + for ( var i=0, iLen=aLayout.length ; i<iLen ; i++ ) + { + for ( var j=0, jLen=aLayout[i].length ; j<jLen ; j++ ) + { + if ( aLayout[i][j].unique && + (!aReturn[j] || !oSettings.bSortCellsTop) ) + { + aReturn[j] = aLayout[i][j].cell; + } + } + } + + return aReturn; + } + + + + /** + * Update the table using an Ajax call + * @param {object} oSettings dataTables settings object + * @returns {boolean} Block the table drawing or not + * @memberof DataTable#oApi + */ + function _fnAjaxUpdate( oSettings ) + { + if ( oSettings.bAjaxDataGet ) + { + oSettings.iDraw++; + _fnProcessingDisplay( oSettings, true ); + var iColumns = oSettings.aoColumns.length; + var aoData = _fnAjaxParameters( oSettings ); + _fnServerParams( oSettings, aoData ); + + oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aoData, + function(json) { + _fnAjaxUpdateDraw( oSettings, json ); + }, oSettings ); + return false; + } + else + { + return true; + } + } + + + /** + * Build up the parameters in an object needed for a server-side processing request + * @param {object} oSettings dataTables settings object + * @returns {bool} block the table drawing or not + * @memberof DataTable#oApi + */ + function _fnAjaxParameters( oSettings ) + { + var iColumns = oSettings.aoColumns.length; + var aoData = [], mDataProp; + var i; + + aoData.push( { "name": "sEcho", "value": oSettings.iDraw } ); + aoData.push( { "name": "iColumns", "value": iColumns } ); + aoData.push( { "name": "sColumns", "value": _fnColumnOrdering(oSettings) } ); + aoData.push( { "name": "iDisplayStart", "value": oSettings._iDisplayStart } ); + aoData.push( { "name": "iDisplayLength", "value": oSettings.oFeatures.bPaginate !== false ? + oSettings._iDisplayLength : -1 } ); + + for ( i=0 ; i<iColumns ; i++ ) + { + mDataProp = oSettings.aoColumns[i].mDataProp; + aoData.push( { "name": "mDataProp_"+i, "value": typeof(mDataProp)==="function" ? 'function' : mDataProp } ); + } + + /* Filtering */ + if ( oSettings.oFeatures.bFilter !== false ) + { + aoData.push( { "name": "sSearch", "value": oSettings.oPreviousSearch.sSearch } ); + aoData.push( { "name": "bRegex", "value": oSettings.oPreviousSearch.bRegex } ); + for ( i=0 ; i<iColumns ; i++ ) + { + aoData.push( { "name": "sSearch_"+i, "value": oSettings.aoPreSearchCols[i].sSearch } ); + aoData.push( { "name": "bRegex_"+i, "value": oSettings.aoPreSearchCols[i].bRegex } ); + aoData.push( { "name": "bSearchable_"+i, "value": oSettings.aoColumns[i].bSearchable } ); + } + } + + /* Sorting */ + if ( oSettings.oFeatures.bSort !== false ) + { + var iFixed = oSettings.aaSortingFixed !== null ? oSettings.aaSortingFixed.length : 0; + var iUser = oSettings.aaSorting.length; + aoData.push( { "name": "iSortingCols", "value": iFixed+iUser } ); + for ( i=0 ; i<iFixed ; i++ ) + { + aoData.push( { "name": "iSortCol_"+i, "value": oSettings.aaSortingFixed[i][0] } ); + aoData.push( { "name": "sSortDir_"+i, "value": oSettings.aaSortingFixed[i][1] } ); + } + + for ( i=0 ; i<iUser ; i++ ) + { + aoData.push( { "name": "iSortCol_"+(i+iFixed), "value": oSettings.aaSorting[i][0] } ); + aoData.push( { "name": "sSortDir_"+(i+iFixed), "value": oSettings.aaSorting[i][1] } ); + } + + for ( i=0 ; i<iColumns ; i++ ) + { + aoData.push( { "name": "bSortable_"+i, "value": oSettings.aoColumns[i].bSortable } ); + } + } + + return aoData; + } + + + /** + * Add Ajax parameters from plugins + * @param {object} oSettings dataTables settings object + * @param array {objects} aoData name/value pairs to send to the server + * @memberof DataTable#oApi + */ + function _fnServerParams( oSettings, aoData ) + { + _fnCallbackFire( oSettings, 'aoServerParams', 'serverParams', [aoData] ); + } + + + /** + * Data the data from the server (nuking the old) and redraw the table + * @param {object} oSettings dataTables settings object + * @param {object} json json data return from the server. + * @param {string} json.sEcho Tracking flag for DataTables to match requests + * @param {int} json.iTotalRecords Number of records in the data set, not accounting for filtering + * @param {int} json.iTotalDisplayRecords Number of records in the data set, accounting for filtering + * @param {array} json.aaData The data to display on this page + * @param {string} [json.sColumns] Column ordering (sName, comma separated) + * @memberof DataTable#oApi + */ + function _fnAjaxUpdateDraw ( oSettings, json ) + { + if ( json.sEcho !== undefined ) + { + /* Protect against old returns over-writing a new one. Possible when you get + * very fast interaction, and later queires are completed much faster + */ + if ( json.sEcho*1 < oSettings.iDraw ) + { + return; + } + else + { + oSettings.iDraw = json.sEcho * 1; + } + } + + if ( !oSettings.oScroll.bInfinite || + (oSettings.oScroll.bInfinite && (oSettings.bSorted || oSettings.bFiltered)) ) + { + _fnClearTable( oSettings ); + } + oSettings._iRecordsTotal = parseInt(json.iTotalRecords, 10); + oSettings._iRecordsDisplay = parseInt(json.iTotalDisplayRecords, 10); + + /* Determine if reordering is required */ + var sOrdering = _fnColumnOrdering(oSettings); + var bReOrder = (json.sColumns !== undefined && sOrdering !== "" && json.sColumns != sOrdering ); + var aiIndex; + if ( bReOrder ) + { + aiIndex = _fnReOrderIndex( oSettings, json.sColumns ); + } + + var aData = _fnGetObjectDataFn( oSettings.sAjaxDataProp )( json ); + for ( var i=0, iLen=aData.length ; i<iLen ; i++ ) + { + if ( bReOrder ) + { + /* If we need to re-order, then create a new array with the correct order and add it */ + var aDataSorted = []; + for ( var j=0, jLen=oSettings.aoColumns.length ; j<jLen ; j++ ) + { + aDataSorted.push( aData[i][ aiIndex[j] ] ); + } + _fnAddData( oSettings, aDataSorted ); + } + else + { + /* No re-order required, sever got it "right" - just straight add */ + _fnAddData( oSettings, aData[i] ); + } + } + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + + oSettings.bAjaxDataGet = false; + _fnDraw( oSettings ); + oSettings.bAjaxDataGet = true; + _fnProcessingDisplay( oSettings, false ); + } + + + + /** + * Generate the node required for filtering text + * @returns {node} Filter control element + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnFeatureHtmlFilter ( oSettings ) + { + var oPreviousSearch = oSettings.oPreviousSearch; + + var sSearchStr = oSettings.oLanguage.sSearch; + sSearchStr = (sSearchStr.indexOf('_INPUT_') !== -1) ? + sSearchStr.replace('_INPUT_', '<input type="text" />') : + sSearchStr==="" ? '<input type="text" />' : sSearchStr+' <input type="text" />'; + + var nFilter = document.createElement( 'div' ); + nFilter.className = oSettings.oClasses.sFilter; + nFilter.innerHTML = '<label>'+sSearchStr+'</label>'; + if ( !oSettings.aanFeatures.f ) + { + nFilter.id = oSettings.sTableId+'_filter'; + } + + var jqFilter = $("input", nFilter); + jqFilter.val( oPreviousSearch.sSearch.replace('"','"') ); + jqFilter.bind( 'keyup.DT', function(e) { + /* Update all other filter input elements for the new display */ + var n = oSettings.aanFeatures.f; + for ( var i=0, iLen=n.length ; i<iLen ; i++ ) + { + if ( n[i] != $(this).parents('div.dataTables_filter')[0] ) + { + $('input', n[i]).val( this.value ); + } + } + + /* Now do the filter */ + if ( this.value != oPreviousSearch.sSearch ) + { + _fnFilterComplete( oSettings, { + "sSearch": this.value, + "bRegex": oPreviousSearch.bRegex, + "bSmart": oPreviousSearch.bSmart , + "bCaseInsensitive": oPreviousSearch.bCaseInsensitive + } ); + } + } ); + + jqFilter + .attr('aria-controls', oSettings.sTableId) + .bind( 'keypress.DT', function(e) { + /* Prevent form submission */ + if ( e.keyCode == 13 ) + { + return false; + } + } + ); + + return nFilter; + } + + + /** + * Filter the table using both the global filter and column based filtering + * @param {object} oSettings dataTables settings object + * @param {object} oSearch search information + * @param {int} [iForce] force a research of the master array (1) or not (undefined or 0) + * @memberof DataTable#oApi + */ + function _fnFilterComplete ( oSettings, oInput, iForce ) + { + var oPrevSearch = oSettings.oPreviousSearch; + var aoPrevSearch = oSettings.aoPreSearchCols; + var fnSaveFilter = function ( oFilter ) { + /* Save the filtering values */ + oPrevSearch.sSearch = oFilter.sSearch; + oPrevSearch.bRegex = oFilter.bRegex; + oPrevSearch.bSmart = oFilter.bSmart; + oPrevSearch.bCaseInsensitive = oFilter.bCaseInsensitive; + }; + + /* In server-side processing all filtering is done by the server, so no point hanging around here */ + if ( !oSettings.oFeatures.bServerSide ) + { + /* Global filter */ + _fnFilter( oSettings, oInput.sSearch, iForce, oInput.bRegex, oInput.bSmart, oInput.bCaseInsensitive ); + fnSaveFilter( oInput ); + + /* Now do the individual column filter */ + for ( var i=0 ; i<oSettings.aoPreSearchCols.length ; i++ ) + { + _fnFilterColumn( oSettings, aoPrevSearch[i].sSearch, i, aoPrevSearch[i].bRegex, + aoPrevSearch[i].bSmart, aoPrevSearch[i].bCaseInsensitive ); + } + + /* Custom filtering */ + _fnFilterCustom( oSettings ); + } + else + { + fnSaveFilter( oInput ); + } + + /* Tell the draw function we have been filtering */ + oSettings.bFiltered = true; + $(oSettings.oInstance).trigger('filter', oSettings); + + /* Redraw the table */ + oSettings._iDisplayStart = 0; + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + + /* Rebuild search array 'offline' */ + _fnBuildSearchArray( oSettings, 0 ); + } + + + /** + * Apply custom filtering functions + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnFilterCustom( oSettings ) + { + var afnFilters = DataTable.ext.afnFiltering; + for ( var i=0, iLen=afnFilters.length ; i<iLen ; i++ ) + { + var iCorrector = 0; + for ( var j=0, jLen=oSettings.aiDisplay.length ; j<jLen ; j++ ) + { + var iDisIndex = oSettings.aiDisplay[j-iCorrector]; + + /* Check if we should use this row based on the filtering function */ + if ( !afnFilters[i]( oSettings, _fnGetRowData( oSettings, iDisIndex, 'filter' ), iDisIndex ) ) + { + oSettings.aiDisplay.splice( j-iCorrector, 1 ); + iCorrector++; + } + } + } + } + + + /** + * Filter the table on a per-column basis + * @param {object} oSettings dataTables settings object + * @param {string} sInput string to filter on + * @param {int} iColumn column to filter + * @param {bool} bRegex treat search string as a regular expression or not + * @param {bool} bSmart use smart filtering or not + * @param {bool} bCaseInsensitive Do case insenstive matching or not + * @memberof DataTable#oApi + */ + function _fnFilterColumn ( oSettings, sInput, iColumn, bRegex, bSmart, bCaseInsensitive ) + { + if ( sInput === "" ) + { + return; + } + + var iIndexCorrector = 0; + var rpSearch = _fnFilterCreateSearch( sInput, bRegex, bSmart, bCaseInsensitive ); + + for ( var i=oSettings.aiDisplay.length-1 ; i>=0 ; i-- ) + { + var sData = _fnDataToSearch( _fnGetCellData( oSettings, oSettings.aiDisplay[i], iColumn, 'filter' ), + oSettings.aoColumns[iColumn].sType ); + if ( ! rpSearch.test( sData ) ) + { + oSettings.aiDisplay.splice( i, 1 ); + iIndexCorrector++; + } + } + } + + + /** + * Filter the data table based on user input and draw the table + * @param {object} oSettings dataTables settings object + * @param {string} sInput string to filter on + * @param {int} iForce optional - force a research of the master array (1) or not (undefined or 0) + * @param {bool} bRegex treat as a regular expression or not + * @param {bool} bSmart perform smart filtering or not + * @param {bool} bCaseInsensitive Do case insenstive matching or not + * @memberof DataTable#oApi + */ + function _fnFilter( oSettings, sInput, iForce, bRegex, bSmart, bCaseInsensitive ) + { + var i; + var rpSearch = _fnFilterCreateSearch( sInput, bRegex, bSmart, bCaseInsensitive ); + var oPrevSearch = oSettings.oPreviousSearch; + + /* Check if we are forcing or not - optional parameter */ + if ( !iForce ) + { + iForce = 0; + } + + /* Need to take account of custom filtering functions - always filter */ + if ( DataTable.ext.afnFiltering.length !== 0 ) + { + iForce = 1; + } + + /* + * If the input is blank - we want the full data set + */ + if ( sInput.length <= 0 ) + { + oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length); + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + } + else + { + /* + * We are starting a new search or the new search string is smaller + * then the old one (i.e. delete). Search from the master array + */ + if ( oSettings.aiDisplay.length == oSettings.aiDisplayMaster.length || + oPrevSearch.sSearch.length > sInput.length || iForce == 1 || + sInput.indexOf(oPrevSearch.sSearch) !== 0 ) + { + /* Nuke the old display array - we are going to rebuild it */ + oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length); + + /* Force a rebuild of the search array */ + _fnBuildSearchArray( oSettings, 1 ); + + /* Search through all records to populate the search array + * The the oSettings.aiDisplayMaster and asDataSearch arrays have 1 to 1 + * mapping + */ + for ( i=0 ; i<oSettings.aiDisplayMaster.length ; i++ ) + { + if ( rpSearch.test(oSettings.asDataSearch[i]) ) + { + oSettings.aiDisplay.push( oSettings.aiDisplayMaster[i] ); + } + } + } + else + { + /* Using old search array - refine it - do it this way for speed + * Don't have to search the whole master array again + */ + var iIndexCorrector = 0; + + /* Search the current results */ + for ( i=0 ; i<oSettings.asDataSearch.length ; i++ ) + { + if ( ! rpSearch.test(oSettings.asDataSearch[i]) ) + { + oSettings.aiDisplay.splice( i-iIndexCorrector, 1 ); + iIndexCorrector++; + } + } + } + } + } + + + /** + * Create an array which can be quickly search through + * @param {object} oSettings dataTables settings object + * @param {int} iMaster use the master data array - optional + * @memberof DataTable#oApi + */ + function _fnBuildSearchArray ( oSettings, iMaster ) + { + if ( !oSettings.oFeatures.bServerSide ) + { + /* Clear out the old data */ + oSettings.asDataSearch.splice( 0, oSettings.asDataSearch.length ); + + var aArray = (iMaster && iMaster===1) ? + oSettings.aiDisplayMaster : oSettings.aiDisplay; + + for ( var i=0, iLen=aArray.length ; i<iLen ; i++ ) + { + oSettings.asDataSearch[i] = _fnBuildSearchRow( oSettings, + _fnGetRowData( oSettings, aArray[i], 'filter' ) ); + } + } + } + + + /** + * Create a searchable string from a single data row + * @param {object} oSettings dataTables settings object + * @param {array} aData Row data array to use for the data to search + * @memberof DataTable#oApi + */ + function _fnBuildSearchRow( oSettings, aData ) + { + var sSearch = ''; + if ( oSettings.__nTmpFilter === undefined ) + { + oSettings.__nTmpFilter = document.createElement('div'); + } + var nTmp = oSettings.__nTmpFilter; + + for ( var j=0, jLen=oSettings.aoColumns.length ; j<jLen ; j++ ) + { + if ( oSettings.aoColumns[j].bSearchable ) + { + var sData = aData[j]; + sSearch += _fnDataToSearch( sData, oSettings.aoColumns[j].sType )+' '; + } + } + + /* If it looks like there is an HTML entity in the string, attempt to decode it */ + if ( sSearch.indexOf('&') !== -1 ) + { + nTmp.innerHTML = sSearch; + sSearch = nTmp.textContent ? nTmp.textContent : nTmp.innerText; + + /* IE and Opera appear to put an newline where there is a <br> tag - remove it */ + sSearch = sSearch.replace(/\n/g," ").replace(/\r/g,""); + } + + return sSearch; + } + + /** + * Build a regular expression object suitable for searching a table + * @param {string} sSearch string to search for + * @param {bool} bRegex treat as a regular expression or not + * @param {bool} bSmart perform smart filtering or not + * @param {bool} bCaseInsensitive Do case insenstive matching or not + * @returns {RegExp} constructed object + * @memberof DataTable#oApi + */ + function _fnFilterCreateSearch( sSearch, bRegex, bSmart, bCaseInsensitive ) + { + var asSearch, sRegExpString; + + if ( bSmart ) + { + /* Generate the regular expression to use. Something along the lines of: + * ^(?=.*?\bone\b)(?=.*?\btwo\b)(?=.*?\bthree\b).*$ + */ + asSearch = bRegex ? sSearch.split( ' ' ) : _fnEscapeRegex( sSearch ).split( ' ' ); + sRegExpString = '^(?=.*?'+asSearch.join( ')(?=.*?' )+').*$'; + return new RegExp( sRegExpString, bCaseInsensitive ? "i" : "" ); + } + else + { + sSearch = bRegex ? sSearch : _fnEscapeRegex( sSearch ); + return new RegExp( sSearch, bCaseInsensitive ? "i" : "" ); + } + } + + + /** + * Convert raw data into something that the user can search on + * @param {string} sData data to be modified + * @param {string} sType data type + * @returns {string} search string + * @memberof DataTable#oApi + */ + function _fnDataToSearch ( sData, sType ) + { + if ( typeof DataTable.ext.ofnSearch[sType] === "function" ) + { + return DataTable.ext.ofnSearch[sType]( sData ); + } + else if ( sType == "html" ) + { + return sData.replace(/[\r\n]/g," ").replace( /<.*?>/g, "" ); + } + else if ( typeof sData === "string" ) + { + return sData.replace(/[\r\n]/g," "); + } + else if ( sData === null ) + { + return ''; + } + return sData; + } + + + /** + * scape a string stuch that it can be used in a regular expression + * @param {string} sVal string to escape + * @returns {string} escaped string + * @memberof DataTable#oApi + */ + function _fnEscapeRegex ( sVal ) + { + var acEscape = [ '/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\', '$', '^' ]; + var reReplace = new RegExp( '(\\' + acEscape.join('|\\') + ')', 'g' ); + return sVal.replace(reReplace, '\\$1'); + } + + + + /** + * Generate the node required for the info display + * @param {object} oSettings dataTables settings object + * @returns {node} Information element + * @memberof DataTable#oApi + */ + function _fnFeatureHtmlInfo ( oSettings ) + { + var nInfo = document.createElement( 'div' ); + nInfo.className = oSettings.oClasses.sInfo; + + /* Actions that are to be taken once only for this feature */ + if ( !oSettings.aanFeatures.i ) + { + /* Add draw callback */ + oSettings.aoDrawCallback.push( { + "fn": _fnUpdateInfo, + "sName": "information" + } ); + + /* Add id */ + nInfo.id = oSettings.sTableId+'_info'; + } + oSettings.nTable.setAttribute( 'aria-describedby', oSettings.sTableId+'_info' ); + + return nInfo; + } + + + /** + * Update the information elements in the display + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnUpdateInfo ( oSettings ) + { + /* Show information about the table */ + if ( !oSettings.oFeatures.bInfo || oSettings.aanFeatures.i.length === 0 ) + { + return; + } + + var + iStart = oSettings._iDisplayStart+1, iEnd = oSettings.fnDisplayEnd(), + iMax = oSettings.fnRecordsTotal(), iTotal = oSettings.fnRecordsDisplay(), + sStart = oSettings.fnFormatNumber( iStart ), sEnd = oSettings.fnFormatNumber( iEnd ), + sMax = oSettings.fnFormatNumber( iMax ), sTotal = oSettings.fnFormatNumber( iTotal ), + sOut; + + /* When infinite scrolling, we are always starting at 1. _iDisplayStart is used only + * internally + */ + if ( oSettings.oScroll.bInfinite ) + { + sStart = oSettings.fnFormatNumber( 1 ); + } + + if ( oSettings.fnRecordsDisplay() === 0 && + oSettings.fnRecordsDisplay() == oSettings.fnRecordsTotal() ) + { + /* Empty record set */ + sOut = oSettings.oLanguage.sInfoEmpty+ oSettings.oLanguage.sInfoPostFix; + } + else if ( oSettings.fnRecordsDisplay() === 0 ) + { + /* Rmpty record set after filtering */ + sOut = oSettings.oLanguage.sInfoEmpty +' '+ + oSettings.oLanguage.sInfoFiltered.replace('_MAX_', sMax)+ + oSettings.oLanguage.sInfoPostFix; + } + else if ( oSettings.fnRecordsDisplay() == oSettings.fnRecordsTotal() ) + { + /* Normal record set */ + sOut = oSettings.oLanguage.sInfo. + replace('_START_', sStart). + replace('_END_', sEnd). + replace('_TOTAL_', sTotal)+ + oSettings.oLanguage.sInfoPostFix; + } + else + { + /* Record set after filtering */ + sOut = oSettings.oLanguage.sInfo. + replace('_START_', sStart). + replace('_END_', sEnd). + replace('_TOTAL_', sTotal) +' '+ + oSettings.oLanguage.sInfoFiltered.replace('_MAX_', + oSettings.fnFormatNumber(oSettings.fnRecordsTotal()))+ + oSettings.oLanguage.sInfoPostFix; + } + + if ( oSettings.oLanguage.fnInfoCallback !== null ) + { + sOut = oSettings.oLanguage.fnInfoCallback.call( oSettings.oInstance, + oSettings, iStart, iEnd, iMax, iTotal, sOut ); + } + + var n = oSettings.aanFeatures.i; + for ( var i=0, iLen=n.length ; i<iLen ; i++ ) + { + $(n[i]).html( sOut ); + } + } + + + + /** + * Draw the table for the first time, adding all required features + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnInitialise ( oSettings ) + { + var i, iLen, iAjaxStart=oSettings.iInitDisplayStart; + + /* Ensure that the table data is fully initialised */ + if ( oSettings.bInitialised === false ) + { + setTimeout( function(){ _fnInitialise( oSettings ); }, 200 ); + return; + } + + /* Show the display HTML options */ + _fnAddOptionsHtml( oSettings ); + + /* Build and draw the header / footer for the table */ + _fnBuildHead( oSettings ); + _fnDrawHead( oSettings, oSettings.aoHeader ); + if ( oSettings.nTFoot ) + { + _fnDrawHead( oSettings, oSettings.aoFooter ); + } + + /* Okay to show that something is going on now */ + _fnProcessingDisplay( oSettings, true ); + + /* Calculate sizes for columns */ + if ( oSettings.oFeatures.bAutoWidth ) + { + _fnCalculateColumnWidths( oSettings ); + } + + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + if ( oSettings.aoColumns[i].sWidth !== null ) + { + oSettings.aoColumns[i].nTh.style.width = _fnStringToCss( oSettings.aoColumns[i].sWidth ); + } + } + + /* If there is default sorting required - let's do it. The sort function will do the + * drawing for us. Otherwise we draw the table regardless of the Ajax source - this allows + * the table to look initialised for Ajax sourcing data (show 'loading' message possibly) + */ + if ( oSettings.oFeatures.bSort ) + { + _fnSort( oSettings ); + } + else if ( oSettings.oFeatures.bFilter ) + { + _fnFilterComplete( oSettings, oSettings.oPreviousSearch ); + } + else + { + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + + /* if there is an ajax source load the data */ + if ( oSettings.sAjaxSource !== null && !oSettings.oFeatures.bServerSide ) + { + var aoData = []; + _fnServerParams( oSettings, aoData ); + oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aoData, function(json) { + var aData = (oSettings.sAjaxDataProp !== "") ? + _fnGetObjectDataFn( oSettings.sAjaxDataProp )(json) : json; + + /* Got the data - add it to the table */ + for ( i=0 ; i<aData.length ; i++ ) + { + _fnAddData( oSettings, aData[i] ); + } + + /* Reset the init display for cookie saving. We've already done a filter, and + * therefore cleared it before. So we need to make it appear 'fresh' + */ + oSettings.iInitDisplayStart = iAjaxStart; + + if ( oSettings.oFeatures.bSort ) + { + _fnSort( oSettings ); + } + else + { + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + + _fnProcessingDisplay( oSettings, false ); + _fnInitComplete( oSettings, json ); + }, oSettings ); + return; + } + + /* Server-side processing initialisation complete is done at the end of _fnDraw */ + if ( !oSettings.oFeatures.bServerSide ) + { + _fnProcessingDisplay( oSettings, false ); + _fnInitComplete( oSettings ); + } + } + + + /** + * Draw the table for the first time, adding all required features + * @param {object} oSettings dataTables settings object + * @param {object} [json] JSON from the server that completed the table, if using Ajax source + * with client-side processing (optional) + * @memberof DataTable#oApi + */ + function _fnInitComplete ( oSettings, json ) + { + oSettings._bInitComplete = true; + _fnCallbackFire( oSettings, 'aoInitComplete', 'init', [oSettings, json] ); + } + + + /** + * Language compatibility - when certain options are given, and others aren't, we + * need to duplicate the values over, in order to provide backwards compatibility + * with older language files. + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnLanguageCompat( oLanguage ) + { + /* Backwards compatibility - if there is no sEmptyTable given, then use the same as + * sZeroRecords - assuming that is given. + */ + if ( !oLanguage.sEmptyTable && oLanguage.sZeroRecords ) + { + _fnMap( oLanguage, oLanguage, 'sZeroRecords', 'sEmptyTable' ); + } + + /* Likewise with loading records */ + if ( !oLanguage.sLoadingRecords && oLanguage.sZeroRecords ) + { + _fnMap( oLanguage, oLanguage, 'sZeroRecords', 'sLoadingRecords' ); + } + } + + + + /** + * Generate the node required for user display length changing + * @param {object} oSettings dataTables settings object + * @returns {node} Display length feature node + * @memberof DataTable#oApi + */ + function _fnFeatureHtmlLength ( oSettings ) + { + if ( oSettings.oScroll.bInfinite ) + { + return null; + } + + /* This can be overruled by not using the _MENU_ var/macro in the language variable */ + var sName = 'name="'+oSettings.sTableId+'_length"'; + var sStdMenu = '<select size="1" '+sName+'>'; + var i, iLen; + var aLengthMenu = oSettings.aLengthMenu; + + if ( aLengthMenu.length == 2 && typeof aLengthMenu[0] === 'object' && + typeof aLengthMenu[1] === 'object' ) + { + for ( i=0, iLen=aLengthMenu[0].length ; i<iLen ; i++ ) + { + sStdMenu += '<option value="'+aLengthMenu[0][i]+'">'+aLengthMenu[1][i]+'</option>'; + } + } + else + { + for ( i=0, iLen=aLengthMenu.length ; i<iLen ; i++ ) + { + sStdMenu += '<option value="'+aLengthMenu[i]+'">'+aLengthMenu[i]+'</option>'; + } + } + sStdMenu += '</select>'; + + var nLength = document.createElement( 'div' ); + if ( !oSettings.aanFeatures.l ) + { + nLength.id = oSettings.sTableId+'_length'; + } + nLength.className = oSettings.oClasses.sLength; + nLength.innerHTML = '<label>'+oSettings.oLanguage.sLengthMenu.replace( '_MENU_', sStdMenu )+'</label>'; + + /* + * Set the length to the current display length - thanks to Andrea Pavlovic for this fix, + * and Stefan Skopnik for fixing the fix! + */ + $('select option[value="'+oSettings._iDisplayLength+'"]', nLength).attr("selected", true); + + $('select', nLength).bind( 'change.DT', function(e) { + var iVal = $(this).val(); + + /* Update all other length options for the new display */ + var n = oSettings.aanFeatures.l; + for ( i=0, iLen=n.length ; i<iLen ; i++ ) + { + if ( n[i] != this.parentNode ) + { + $('select', n[i]).val( iVal ); + } + } + + /* Redraw the table */ + oSettings._iDisplayLength = parseInt(iVal, 10); + _fnCalculateEnd( oSettings ); + + /* If we have space to show extra rows (backing up from the end point - then do so */ + if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) + { + oSettings._iDisplayStart = oSettings.fnDisplayEnd() - oSettings._iDisplayLength; + if ( oSettings._iDisplayStart < 0 ) + { + oSettings._iDisplayStart = 0; + } + } + + if ( oSettings._iDisplayLength == -1 ) + { + oSettings._iDisplayStart = 0; + } + + _fnDraw( oSettings ); + } ); + + + $('select', nLength).attr('aria-controls', oSettings.sTableId); + + return nLength; + } + + + /** + * Rcalculate the end point based on the start point + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnCalculateEnd( oSettings ) + { + if ( oSettings.oFeatures.bPaginate === false ) + { + oSettings._iDisplayEnd = oSettings.aiDisplay.length; + } + else + { + /* Set the end point of the display - based on how many elements there are + * still to display + */ + if ( oSettings._iDisplayStart + oSettings._iDisplayLength > oSettings.aiDisplay.length || + oSettings._iDisplayLength == -1 ) + { + oSettings._iDisplayEnd = oSettings.aiDisplay.length; + } + else + { + oSettings._iDisplayEnd = oSettings._iDisplayStart + oSettings._iDisplayLength; + } + } + } + + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Note that most of the paging logic is done in + * DataTable.ext.oPagination + */ + + /** + * Generate the node required for default pagination + * @param {object} oSettings dataTables settings object + * @returns {node} Pagination feature node + * @memberof DataTable#oApi + */ + function _fnFeatureHtmlPaginate ( oSettings ) + { + if ( oSettings.oScroll.bInfinite ) + { + return null; + } + + var nPaginate = document.createElement( 'div' ); + nPaginate.className = oSettings.oClasses.sPaging+oSettings.sPaginationType; + + DataTable.ext.oPagination[ oSettings.sPaginationType ].fnInit( oSettings, nPaginate, + function( oSettings ) { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + ); + + /* Add a draw callback for the pagination on first instance, to update the paging display */ + if ( !oSettings.aanFeatures.p ) + { + oSettings.aoDrawCallback.push( { + "fn": function( oSettings ) { + DataTable.ext.oPagination[ oSettings.sPaginationType ].fnUpdate( oSettings, function( oSettings ) { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } ); + }, + "sName": "pagination" + } ); + } + return nPaginate; + } + + + /** + * Alter the display settings to change the page + * @param {object} oSettings dataTables settings object + * @param {string|int} mAction Paging action to take: "first", "previous", "next" or "last" + * or page number to jump to (integer) + * @returns {bool} true page has changed, false - no change (no effect) eg 'first' on page 1 + * @memberof DataTable#oApi + */ + function _fnPageChange ( oSettings, mAction ) + { + var iOldStart = oSettings._iDisplayStart; + + if ( typeof mAction === "number" ) + { + oSettings._iDisplayStart = mAction * oSettings._iDisplayLength; + if ( oSettings._iDisplayStart > oSettings.fnRecordsDisplay() ) + { + oSettings._iDisplayStart = 0; + } + } + else if ( mAction == "first" ) + { + oSettings._iDisplayStart = 0; + } + else if ( mAction == "previous" ) + { + oSettings._iDisplayStart = oSettings._iDisplayLength>=0 ? + oSettings._iDisplayStart - oSettings._iDisplayLength : + 0; + + /* Correct for underrun */ + if ( oSettings._iDisplayStart < 0 ) + { + oSettings._iDisplayStart = 0; + } + } + else if ( mAction == "next" ) + { + if ( oSettings._iDisplayLength >= 0 ) + { + /* Make sure we are not over running the display array */ + if ( oSettings._iDisplayStart + oSettings._iDisplayLength < oSettings.fnRecordsDisplay() ) + { + oSettings._iDisplayStart += oSettings._iDisplayLength; + } + } + else + { + oSettings._iDisplayStart = 0; + } + } + else if ( mAction == "last" ) + { + if ( oSettings._iDisplayLength >= 0 ) + { + var iPages = parseInt( (oSettings.fnRecordsDisplay()-1) / oSettings._iDisplayLength, 10 ) + 1; + oSettings._iDisplayStart = (iPages-1) * oSettings._iDisplayLength; + } + else + { + oSettings._iDisplayStart = 0; + } + } + else + { + _fnLog( oSettings, 0, "Unknown paging action: "+mAction ); + } + $(oSettings.oInstance).trigger('page', oSettings); + + return iOldStart != oSettings._iDisplayStart; + } + + + + /** + * Generate the node required for the processing node + * @param {object} oSettings dataTables settings object + * @returns {node} Processing element + * @memberof DataTable#oApi + */ + function _fnFeatureHtmlProcessing ( oSettings ) + { + var nProcessing = document.createElement( 'div' ); + + if ( !oSettings.aanFeatures.r ) + { + nProcessing.id = oSettings.sTableId+'_processing'; + } + nProcessing.innerHTML = oSettings.oLanguage.sProcessing; + nProcessing.className = oSettings.oClasses.sProcessing; + oSettings.nTable.parentNode.insertBefore( nProcessing, oSettings.nTable ); + + return nProcessing; + } + + + /** + * Display or hide the processing indicator + * @param {object} oSettings dataTables settings object + * @param {bool} bShow Show the processing indicator (true) or not (false) + * @memberof DataTable#oApi + */ + function _fnProcessingDisplay ( oSettings, bShow ) + { + if ( oSettings.oFeatures.bProcessing ) + { + var an = oSettings.aanFeatures.r; + for ( var i=0, iLen=an.length ; i<iLen ; i++ ) + { + an[i].style.visibility = bShow ? "visible" : "hidden"; + } + } + + $(oSettings.oInstance).trigger('processing', [oSettings, bShow]); + } + + + + /** + * Add any control elements for the table - specifically scrolling + * @param {object} oSettings dataTables settings object + * @returns {node} Node to add to the DOM + * @memberof DataTable#oApi + */ + function _fnFeatureHtmlTable ( oSettings ) + { + /* Check if scrolling is enabled or not - if not then leave the DOM unaltered */ + if ( oSettings.oScroll.sX === "" && oSettings.oScroll.sY === "" ) + { + return oSettings.nTable; + } + + /* + * The HTML structure that we want to generate in this function is: + * div - nScroller + * div - nScrollHead + * div - nScrollHeadInner + * table - nScrollHeadTable + * thead - nThead + * div - nScrollBody + * table - oSettings.nTable + * thead - nTheadSize + * tbody - nTbody + * div - nScrollFoot + * div - nScrollFootInner + * table - nScrollFootTable + * tfoot - nTfoot + */ + var + nScroller = document.createElement('div'), + nScrollHead = document.createElement('div'), + nScrollHeadInner = document.createElement('div'), + nScrollBody = document.createElement('div'), + nScrollFoot = document.createElement('div'), + nScrollFootInner = document.createElement('div'), + nScrollHeadTable = oSettings.nTable.cloneNode(false), + nScrollFootTable = oSettings.nTable.cloneNode(false), + nThead = oSettings.nTable.getElementsByTagName('thead')[0], + nTfoot = oSettings.nTable.getElementsByTagName('tfoot').length === 0 ? null : + oSettings.nTable.getElementsByTagName('tfoot')[0], + oClasses = oSettings.oClasses; + + nScrollHead.appendChild( nScrollHeadInner ); + nScrollFoot.appendChild( nScrollFootInner ); + nScrollBody.appendChild( oSettings.nTable ); + nScroller.appendChild( nScrollHead ); + nScroller.appendChild( nScrollBody ); + nScrollHeadInner.appendChild( nScrollHeadTable ); + nScrollHeadTable.appendChild( nThead ); + if ( nTfoot !== null ) + { + nScroller.appendChild( nScrollFoot ); + nScrollFootInner.appendChild( nScrollFootTable ); + nScrollFootTable.appendChild( nTfoot ); + } + + nScroller.className = oClasses.sScrollWrapper; + nScrollHead.className = oClasses.sScrollHead; + nScrollHeadInner.className = oClasses.sScrollHeadInner; + nScrollBody.className = oClasses.sScrollBody; + nScrollFoot.className = oClasses.sScrollFoot; + nScrollFootInner.className = oClasses.sScrollFootInner; + + if ( oSettings.oScroll.bAutoCss ) + { + nScrollHead.style.overflow = "hidden"; + nScrollHead.style.position = "relative"; + nScrollFoot.style.overflow = "hidden"; + nScrollBody.style.overflow = "auto"; + } + + nScrollHead.style.border = "0"; + nScrollHead.style.width = "100%"; + nScrollFoot.style.border = "0"; + nScrollHeadInner.style.width = "150%"; /* will be overwritten */ + + /* Modify attributes to respect the clones */ + nScrollHeadTable.removeAttribute('id'); + nScrollHeadTable.style.marginLeft = "0"; + oSettings.nTable.style.marginLeft = "0"; + if ( nTfoot !== null ) + { + nScrollFootTable.removeAttribute('id'); + nScrollFootTable.style.marginLeft = "0"; + } + + /* Move any caption elements from the body to the header */ + var nCaptions = $(oSettings.nTable).children('caption'); + for ( var i=0, iLen=nCaptions.length ; i<iLen ; i++ ) + { + nScrollHeadTable.appendChild( nCaptions[i] ); + } + + /* + * Sizing + */ + /* When xscrolling add the width and a scroller to move the header with the body */ + if ( oSettings.oScroll.sX !== "" ) + { + nScrollHead.style.width = _fnStringToCss( oSettings.oScroll.sX ); + nScrollBody.style.width = _fnStringToCss( oSettings.oScroll.sX ); + + if ( nTfoot !== null ) + { + nScrollFoot.style.width = _fnStringToCss( oSettings.oScroll.sX ); + } + + /* When the body is scrolled, then we also want to scroll the headers */ + $(nScrollBody).scroll( function (e) { + nScrollHead.scrollLeft = this.scrollLeft; + + if ( nTfoot !== null ) + { + nScrollFoot.scrollLeft = this.scrollLeft; + } + } ); + } + + /* When yscrolling, add the height */ + if ( oSettings.oScroll.sY !== "" ) + { + nScrollBody.style.height = _fnStringToCss( oSettings.oScroll.sY ); + } + + /* Redraw - align columns across the tables */ + oSettings.aoDrawCallback.push( { + "fn": _fnScrollDraw, + "sName": "scrolling" + } ); + + /* Infinite scrolling event handlers */ + if ( oSettings.oScroll.bInfinite ) + { + $(nScrollBody).scroll( function() { + /* Use a blocker to stop scrolling from loading more data while other data is still loading */ + if ( !oSettings.bDrawing && $(this).scrollTop() !== 0 ) + { + /* Check if we should load the next data set */ + if ( $(this).scrollTop() + $(this).height() > + $(oSettings.nTable).height() - oSettings.oScroll.iLoadGap ) + { + /* Only do the redraw if we have to - we might be at the end of the data */ + if ( oSettings.fnDisplayEnd() < oSettings.fnRecordsDisplay() ) + { + _fnPageChange( oSettings, 'next' ); + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + } + } + } ); + } + + oSettings.nScrollHead = nScrollHead; + oSettings.nScrollFoot = nScrollFoot; + + return nScroller; + } + + + /** + * Update the various tables for resizing. It's a bit of a pig this function, but + * basically the idea to: + * 1. Re-create the table inside the scrolling div + * 2. Take live measurements from the DOM + * 3. Apply the measurements + * 4. Clean up + * @param {object} o dataTables settings object + * @returns {node} Node to add to the DOM + * @memberof DataTable#oApi + */ + function _fnScrollDraw ( o ) + { + var + nScrollHeadInner = o.nScrollHead.getElementsByTagName('div')[0], + nScrollHeadTable = nScrollHeadInner.getElementsByTagName('table')[0], + nScrollBody = o.nTable.parentNode, + i, iLen, j, jLen, anHeadToSize, anHeadSizers, anFootSizers, anFootToSize, oStyle, iVis, + iWidth, aApplied=[], iSanityWidth, + nScrollFootInner = (o.nTFoot !== null) ? o.nScrollFoot.getElementsByTagName('div')[0] : null, + nScrollFootTable = (o.nTFoot !== null) ? nScrollFootInner.getElementsByTagName('table')[0] : null, + ie67 = $.browser.msie && $.browser.version <= 7; + + /* + * 1. Re-create the table inside the scrolling div + */ + + /* Remove the old minimised thead and tfoot elements in the inner table */ + var nTheadSize = o.nTable.getElementsByTagName('thead'); + if ( nTheadSize.length > 0 ) + { + o.nTable.removeChild( nTheadSize[0] ); + } + + var nTfootSize; + if ( o.nTFoot !== null ) + { + /* Remove the old minimised footer element in the cloned header */ + nTfootSize = o.nTable.getElementsByTagName('tfoot'); + if ( nTfootSize.length > 0 ) + { + o.nTable.removeChild( nTfootSize[0] ); + } + } + + /* Clone the current header and footer elements and then place it into the inner table */ + nTheadSize = o.nTHead.cloneNode(true); + o.nTable.insertBefore( nTheadSize, o.nTable.childNodes[0] ); + + if ( o.nTFoot !== null ) + { + nTfootSize = o.nTFoot.cloneNode(true); + o.nTable.insertBefore( nTfootSize, o.nTable.childNodes[1] ); + } + + /* + * 2. Take live measurements from the DOM - do not alter the DOM itself! + */ + + /* Remove old sizing and apply the calculated column widths + * Get the unique column headers in the newly created (cloned) header. We want to apply the + * calclated sizes to this header + */ + if ( o.oScroll.sX === "" ) + { + nScrollBody.style.width = '100%'; + nScrollHeadInner.parentNode.style.width = '100%'; + } + + var nThs = _fnGetUniqueThs( o, nTheadSize ); + for ( i=0, iLen=nThs.length ; i<iLen ; i++ ) + { + iVis = _fnVisibleToColumnIndex( o, i ); + nThs[i].style.width = o.aoColumns[iVis].sWidth; + } + + if ( o.nTFoot !== null ) + { + _fnApplyToChildren( function(n) { + n.style.width = ""; + }, nTfootSize.getElementsByTagName('tr') ); + } + + /* Size the table as a whole */ + iSanityWidth = $(o.nTable).outerWidth(); + if ( o.oScroll.sX === "" ) + { + /* No x scrolling */ + o.nTable.style.width = "100%"; + + /* I know this is rubbish - but IE7 will make the width of the table when 100% include + * the scrollbar - which is shouldn't. When there is a scrollbar we need to take this + * into account. + */ + if ( ie67 && ($('tbody', nScrollBody).height() > nScrollBody.offsetHeight || + $(nScrollBody).css('overflow-y') == "scroll") ) + { + o.nTable.style.width = _fnStringToCss( $(o.nTable).outerWidth()-o.oScroll.iBarWidth ); + } + } + else + { + if ( o.oScroll.sXInner !== "" ) + { + /* x scroll inner has been given - use it */ + o.nTable.style.width = _fnStringToCss(o.oScroll.sXInner); + } + else if ( iSanityWidth == $(nScrollBody).width() && + $(nScrollBody).height() < $(o.nTable).height() ) + { + /* There is y-scrolling - try to take account of the y scroll bar */ + o.nTable.style.width = _fnStringToCss( iSanityWidth-o.oScroll.iBarWidth ); + if ( $(o.nTable).outerWidth() > iSanityWidth-o.oScroll.iBarWidth ) + { + /* Not possible to take account of it */ + o.nTable.style.width = _fnStringToCss( iSanityWidth ); + } + } + else + { + /* All else fails */ + o.nTable.style.width = _fnStringToCss( iSanityWidth ); + } + } + + /* Recalculate the sanity width - now that we've applied the required width, before it was + * a temporary variable. This is required because the column width calculation is done + * before this table DOM is created. + */ + iSanityWidth = $(o.nTable).outerWidth(); + + /* We want the hidden header to have zero height, so remove padding and borders. Then + * set the width based on the real headers + */ + anHeadToSize = o.nTHead.getElementsByTagName('tr'); + anHeadSizers = nTheadSize.getElementsByTagName('tr'); + + _fnApplyToChildren( function(nSizer, nToSize) { + oStyle = nSizer.style; + oStyle.paddingTop = "0"; + oStyle.paddingBottom = "0"; + oStyle.borderTopWidth = "0"; + oStyle.borderBottomWidth = "0"; + oStyle.height = 0; + + iWidth = $(nSizer).width(); + nToSize.style.width = _fnStringToCss( iWidth ); + aApplied.push( iWidth ); + }, anHeadSizers, anHeadToSize ); + $(anHeadSizers).height(0); + + if ( o.nTFoot !== null ) + { + /* Clone the current footer and then place it into the body table as a "hidden header" */ + anFootSizers = nTfootSize.getElementsByTagName('tr'); + anFootToSize = o.nTFoot.getElementsByTagName('tr'); + + _fnApplyToChildren( function(nSizer, nToSize) { + oStyle = nSizer.style; + oStyle.paddingTop = "0"; + oStyle.paddingBottom = "0"; + oStyle.borderTopWidth = "0"; + oStyle.borderBottomWidth = "0"; + oStyle.height = 0; + + iWidth = $(nSizer).width(); + nToSize.style.width = _fnStringToCss( iWidth ); + aApplied.push( iWidth ); + }, anFootSizers, anFootToSize ); + $(anFootSizers).height(0); + } + + /* + * 3. Apply the measurements + */ + + /* "Hide" the header and footer that we used for the sizing. We want to also fix their width + * to what they currently are + */ + _fnApplyToChildren( function(nSizer) { + nSizer.innerHTML = ""; + nSizer.style.width = _fnStringToCss( aApplied.shift() ); + }, anHeadSizers ); + + if ( o.nTFoot !== null ) + { + _fnApplyToChildren( function(nSizer) { + nSizer.innerHTML = ""; + nSizer.style.width = _fnStringToCss( aApplied.shift() ); + }, anFootSizers ); + } + + /* Sanity check that the table is of a sensible width. If not then we are going to get + * misalignment - try to prevent this by not allowing the table to shrink below its min width + */ + if ( $(o.nTable).outerWidth() < iSanityWidth ) + { + /* The min width depends upon if we have a vertical scrollbar visible or not */ + var iCorrection = ((nScrollBody.scrollHeight > nScrollBody.offsetHeight || + $(nScrollBody).css('overflow-y') == "scroll")) ? + iSanityWidth+o.oScroll.iBarWidth : iSanityWidth; + + /* IE6/7 are a law unto themselves... */ + if ( ie67 && (nScrollBody.scrollHeight > + nScrollBody.offsetHeight || $(nScrollBody).css('overflow-y') == "scroll") ) + { + o.nTable.style.width = _fnStringToCss( iCorrection-o.oScroll.iBarWidth ); + } + + /* Apply the calculated minimum width to the table wrappers */ + nScrollBody.style.width = _fnStringToCss( iCorrection ); + nScrollHeadInner.parentNode.style.width = _fnStringToCss( iCorrection ); + + if ( o.nTFoot !== null ) + { + nScrollFootInner.parentNode.style.width = _fnStringToCss( iCorrection ); + } + + /* And give the user a warning that we've stopped the table getting too small */ + if ( o.oScroll.sX === "" ) + { + _fnLog( o, 1, "The table cannot fit into the current element which will cause column"+ + " misalignment. The table has been drawn at its minimum possible width." ); + } + else if ( o.oScroll.sXInner !== "" ) + { + _fnLog( o, 1, "The table cannot fit into the current element which will cause column"+ + " misalignment. Increase the sScrollXInner value or remove it to allow automatic"+ + " calculation" ); + } + } + else + { + nScrollBody.style.width = _fnStringToCss( '100%' ); + nScrollHeadInner.parentNode.style.width = _fnStringToCss( '100%' ); + + if ( o.nTFoot !== null ) + { + nScrollFootInner.parentNode.style.width = _fnStringToCss( '100%' ); + } + } + + + /* + * 4. Clean up + */ + if ( o.oScroll.sY === "" ) + { + /* IE7< puts a vertical scrollbar in place (when it shouldn't be) due to subtracting + * the scrollbar height from the visible display, rather than adding it on. We need to + * set the height in order to sort this. Don't want to do it in any other browsers. + */ + if ( ie67 ) + { + nScrollBody.style.height = _fnStringToCss( o.nTable.offsetHeight+o.oScroll.iBarWidth ); + } + } + + if ( o.oScroll.sY !== "" && o.oScroll.bCollapse ) + { + nScrollBody.style.height = _fnStringToCss( o.oScroll.sY ); + + var iExtra = (o.oScroll.sX !== "" && o.nTable.offsetWidth > nScrollBody.offsetWidth) ? + o.oScroll.iBarWidth : 0; + if ( o.nTable.offsetHeight < nScrollBody.offsetHeight ) + { + nScrollBody.style.height = _fnStringToCss( $(o.nTable).height()+iExtra ); + } + } + + /* Finally set the width's of the header and footer tables */ + var iOuterWidth = $(o.nTable).outerWidth(); + nScrollHeadTable.style.width = _fnStringToCss( iOuterWidth ); + nScrollHeadInner.style.width = _fnStringToCss( iOuterWidth ); + + if ( o.nTFoot !== null ) + { + nScrollFootInner.style.width = _fnStringToCss( o.nTable.offsetWidth ); + nScrollFootTable.style.width = _fnStringToCss( o.nTable.offsetWidth ); + } + + /* If sorting or filtering has occurred, jump the scrolling back to the top */ + if ( o.bSorted || o.bFiltered ) + { + nScrollBody.scrollTop = 0; + } + } + + + /** + * Apply a given function to the display child nodes of an element array (typically + * TD children of TR rows + * @param {function} fn Method to apply to the objects + * @param array {nodes} an1 List of elements to look through for display children + * @param array {nodes} an2 Another list (identical structure to the first) - optional + * @memberof DataTable#oApi + */ + function _fnApplyToChildren( fn, an1, an2 ) + { + for ( var i=0, iLen=an1.length ; i<iLen ; i++ ) + { + for ( var j=0, jLen=an1[i].childNodes.length ; j<jLen ; j++ ) + { + if ( an1[i].childNodes[j].nodeType == 1 ) + { + if ( an2 ) + { + fn( an1[i].childNodes[j], an2[i].childNodes[j] ); + } + else + { + fn( an1[i].childNodes[j] ); + } + } + } + } + } + + + + /** + * Convert a CSS unit width to pixels (e.g. 2em) + * @param {string} sWidth width to be converted + * @param {node} nParent parent to get the with for (required for relative widths) - optional + * @returns {int} iWidth width in pixels + * @memberof DataTable#oApi + */ + function _fnConvertToWidth ( sWidth, nParent ) + { + if ( !sWidth || sWidth === null || sWidth === '' ) + { + return 0; + } + + if ( !nParent ) + { + nParent = document.getElementsByTagName('body')[0]; + } + + var iWidth; + var nTmp = document.createElement( "div" ); + nTmp.style.width = _fnStringToCss( sWidth ); + + nParent.appendChild( nTmp ); + iWidth = nTmp.offsetWidth; + nParent.removeChild( nTmp ); + + return ( iWidth ); + } + + + /** + * Calculate the width of columns for the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnCalculateColumnWidths ( oSettings ) + { + var iTableWidth = oSettings.nTable.offsetWidth; + var iUserInputs = 0; + var iTmpWidth; + var iVisibleColumns = 0; + var iColums = oSettings.aoColumns.length; + var i, iIndex, iCorrector, iWidth; + var oHeaders = $('th', oSettings.nTHead); + var widthAttr = oSettings.nTable.getAttribute('width'); + + /* Convert any user input sizes into pixel sizes */ + for ( i=0 ; i<iColums ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible ) + { + iVisibleColumns++; + + if ( oSettings.aoColumns[i].sWidth !== null ) + { + iTmpWidth = _fnConvertToWidth( oSettings.aoColumns[i].sWidthOrig, + oSettings.nTable.parentNode ); + if ( iTmpWidth !== null ) + { + oSettings.aoColumns[i].sWidth = _fnStringToCss( iTmpWidth ); + } + + iUserInputs++; + } + } + } + + /* If the number of columns in the DOM equals the number that we have to process in + * DataTables, then we can use the offsets that are created by the web-browser. No custom + * sizes can be set in order for this to happen, nor scrolling used + */ + if ( iColums == oHeaders.length && iUserInputs === 0 && iVisibleColumns == iColums && + oSettings.oScroll.sX === "" && oSettings.oScroll.sY === "" ) + { + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + iTmpWidth = $(oHeaders[i]).width(); + if ( iTmpWidth !== null ) + { + oSettings.aoColumns[i].sWidth = _fnStringToCss( iTmpWidth ); + } + } + } + else + { + /* Otherwise we are going to have to do some calculations to get the width of each column. + * Construct a 1 row table with the widest node in the data, and any user defined widths, + * then insert it into the DOM and allow the browser to do all the hard work of + * calculating table widths. + */ + var + nCalcTmp = oSettings.nTable.cloneNode( false ), + nTheadClone = oSettings.nTHead.cloneNode(true), + nBody = document.createElement( 'tbody' ), + nTr = document.createElement( 'tr' ), + nDivSizing; + + nCalcTmp.removeAttribute( "id" ); + nCalcTmp.appendChild( nTheadClone ); + if ( oSettings.nTFoot !== null ) + { + nCalcTmp.appendChild( oSettings.nTFoot.cloneNode(true) ); + _fnApplyToChildren( function(n) { + n.style.width = ""; + }, nCalcTmp.getElementsByTagName('tr') ); + } + + nCalcTmp.appendChild( nBody ); + nBody.appendChild( nTr ); + + /* Remove any sizing that was previously applied by the styles */ + var jqColSizing = $('thead th', nCalcTmp); + if ( jqColSizing.length === 0 ) + { + jqColSizing = $('tbody tr:eq(0)>td', nCalcTmp); + } + + /* Apply custom sizing to the cloned header */ + var nThs = _fnGetUniqueThs( oSettings, nTheadClone ); + iCorrector = 0; + for ( i=0 ; i<iColums ; i++ ) + { + var oColumn = oSettings.aoColumns[i]; + if ( oColumn.bVisible && oColumn.sWidthOrig !== null && oColumn.sWidthOrig !== "" ) + { + nThs[i-iCorrector].style.width = _fnStringToCss( oColumn.sWidthOrig ); + } + else if ( oColumn.bVisible ) + { + nThs[i-iCorrector].style.width = ""; + } + else + { + iCorrector++; + } + } + + /* Find the biggest td for each column and put it into the table */ + for ( i=0 ; i<iColums ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible ) + { + var nTd = _fnGetWidestNode( oSettings, i ); + if ( nTd !== null ) + { + nTd = nTd.cloneNode(true); + if ( oSettings.aoColumns[i].sContentPadding !== "" ) + { + nTd.innerHTML += oSettings.aoColumns[i].sContentPadding; + } + nTr.appendChild( nTd ); + } + } + } + + /* Build the table and 'display' it */ + var nWrapper = oSettings.nTable.parentNode; + nWrapper.appendChild( nCalcTmp ); + + /* When scrolling (X or Y) we want to set the width of the table as appropriate. However, + * when not scrolling leave the table width as it is. This results in slightly different, + * but I think correct behaviour + */ + if ( oSettings.oScroll.sX !== "" && oSettings.oScroll.sXInner !== "" ) + { + nCalcTmp.style.width = _fnStringToCss(oSettings.oScroll.sXInner); + } + else if ( oSettings.oScroll.sX !== "" ) + { + nCalcTmp.style.width = ""; + if ( $(nCalcTmp).width() < nWrapper.offsetWidth ) + { + nCalcTmp.style.width = _fnStringToCss( nWrapper.offsetWidth ); + } + } + else if ( oSettings.oScroll.sY !== "" ) + { + nCalcTmp.style.width = _fnStringToCss( nWrapper.offsetWidth ); + } + else if ( widthAttr ) + { + nCalcTmp.style.width = _fnStringToCss( widthAttr ); + } + nCalcTmp.style.visibility = "hidden"; + + /* Scrolling considerations */ + _fnScrollingWidthAdjust( oSettings, nCalcTmp ); + + /* Read the width's calculated by the browser and store them for use by the caller. We + * first of all try to use the elements in the body, but it is possible that there are + * no elements there, under which circumstances we use the header elements + */ + var oNodes = $("tbody tr:eq(0)", nCalcTmp).children(); + if ( oNodes.length === 0 ) + { + oNodes = _fnGetUniqueThs( oSettings, $('thead', nCalcTmp)[0] ); + } + + /* Browsers need a bit of a hand when a width is assigned to any columns when + * x-scrolling as they tend to collapse the table to the min-width, even if + * we sent the column widths. So we need to keep track of what the table width + * should be by summing the user given values, and the automatic values + */ + if ( oSettings.oScroll.sX !== "" ) + { + var iTotal = 0; + iCorrector = 0; + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible ) + { + if ( oSettings.aoColumns[i].sWidthOrig === null ) + { + iTotal += $(oNodes[iCorrector]).outerWidth(); + } + else + { + iTotal += parseInt(oSettings.aoColumns[i].sWidth.replace('px',''), 10) + + ($(oNodes[iCorrector]).outerWidth() - $(oNodes[iCorrector]).width()); + } + iCorrector++; + } + } + + nCalcTmp.style.width = _fnStringToCss( iTotal ); + oSettings.nTable.style.width = _fnStringToCss( iTotal ); + } + + iCorrector = 0; + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible ) + { + iWidth = $(oNodes[iCorrector]).width(); + if ( iWidth !== null && iWidth > 0 ) + { + oSettings.aoColumns[i].sWidth = _fnStringToCss( iWidth ); + } + iCorrector++; + } + } + + var cssWidth = $(nCalcTmp).css('width'); + oSettings.nTable.style.width = (cssWidth.indexOf('%') !== -1) ? + cssWidth : _fnStringToCss( $(nCalcTmp).outerWidth() ); + nCalcTmp.parentNode.removeChild( nCalcTmp ); + } + + if ( widthAttr ) + { + oSettings.nTable.style.width = _fnStringToCss( widthAttr ); + } + } + + + /** + * Adjust a table's width to take account of scrolling + * @param {object} oSettings dataTables settings object + * @param {node} n table node + * @memberof DataTable#oApi + */ + function _fnScrollingWidthAdjust ( oSettings, n ) + { + if ( oSettings.oScroll.sX === "" && oSettings.oScroll.sY !== "" ) + { + /* When y-scrolling only, we want to remove the width of the scroll bar so the table + * + scroll bar will fit into the area avaialble. + */ + var iOrigWidth = $(n).width(); + n.style.width = _fnStringToCss( $(n).outerWidth()-oSettings.oScroll.iBarWidth ); + } + else if ( oSettings.oScroll.sX !== "" ) + { + /* When x-scrolling both ways, fix the table at it's current size, without adjusting */ + n.style.width = _fnStringToCss( $(n).outerWidth() ); + } + } + + + /** + * Get the widest node + * @param {object} oSettings dataTables settings object + * @param {int} iCol column of interest + * @returns {string} max strlens for each column + * @memberof DataTable#oApi + */ + function _fnGetWidestNode( oSettings, iCol ) + { + var iMaxIndex = _fnGetMaxLenString( oSettings, iCol ); + if ( iMaxIndex < 0 ) + { + return null; + } + + if ( oSettings.aoData[iMaxIndex].nTr === null ) + { + var n = document.createElement('td'); + n.innerHTML = _fnGetCellData( oSettings, iMaxIndex, iCol, '' ); + return n; + } + return _fnGetTdNodes(oSettings, iMaxIndex)[iCol]; + } + + + /** + * Get the maximum strlen for each data column + * @param {object} oSettings dataTables settings object + * @param {int} iCol column of interest + * @returns {string} max strlens for each column + * @memberof DataTable#oApi + */ + function _fnGetMaxLenString( oSettings, iCol ) + { + var iMax = -1; + var iMaxIndex = -1; + + for ( var i=0 ; i<oSettings.aoData.length ; i++ ) + { + var s = _fnGetCellData( oSettings, i, iCol, 'display' )+""; + s = s.replace( /<.*?>/g, "" ); + if ( s.length > iMax ) + { + iMax = s.length; + iMaxIndex = i; + } + } + + return iMaxIndex; + } + + + /** + * Append a CSS unit (only if required) to a string + * @param {array} aArray1 first array + * @param {array} aArray2 second array + * @returns {int} 0 if match, 1 if length is different, 2 if no match + * @memberof DataTable#oApi + */ + function _fnStringToCss( s ) + { + if ( s === null ) + { + return "0px"; + } + + if ( typeof s == 'number' ) + { + if ( s < 0 ) + { + return "0px"; + } + return s+"px"; + } + + /* Check if the last character is not 0-9 */ + var c = s.charCodeAt( s.length-1 ); + if (c < 0x30 || c > 0x39) + { + return s; + } + return s+"px"; + } + + + /** + * Get the width of a scroll bar in this browser being used + * @returns {int} width in pixels + * @memberof DataTable#oApi + */ + function _fnScrollBarWidth () + { + var inner = document.createElement('p'); + var style = inner.style; + style.width = "100%"; + style.height = "200px"; + style.padding = "0px"; + + var outer = document.createElement('div'); + style = outer.style; + style.position = "absolute"; + style.top = "0px"; + style.left = "0px"; + style.visibility = "hidden"; + style.width = "200px"; + style.height = "150px"; + style.padding = "0px"; + style.overflow = "hidden"; + outer.appendChild(inner); + + document.body.appendChild(outer); + var w1 = inner.offsetWidth; + outer.style.overflow = 'scroll'; + var w2 = inner.offsetWidth; + if ( w1 == w2 ) + { + w2 = outer.clientWidth; + } + + document.body.removeChild(outer); + return (w1 - w2); + } + + + + /** + * Change the order of the table + * @param {object} oSettings dataTables settings object + * @param {bool} bApplyClasses optional - should we apply classes or not + * @memberof DataTable#oApi + */ + function _fnSort ( oSettings, bApplyClasses ) + { + var + i, iLen, j, jLen, k, kLen, + sDataType, nTh, + aaSort = [], + aiOrig = [], + oSort = DataTable.ext.oSort, + aoData = oSettings.aoData, + aoColumns = oSettings.aoColumns, + oAria = oSettings.oLanguage.oAria; + + /* No sorting required if server-side or no sorting array */ + if ( !oSettings.oFeatures.bServerSide && + (oSettings.aaSorting.length !== 0 || oSettings.aaSortingFixed !== null) ) + { + if ( oSettings.aaSortingFixed !== null ) + { + aaSort = oSettings.aaSortingFixed.concat( oSettings.aaSorting ); + } + else + { + aaSort = oSettings.aaSorting.slice(); + } + + /* If there is a sorting data type, and a fuction belonging to it, then we need to + * get the data from the developer's function and apply it for this column + */ + for ( i=0 ; i<aaSort.length ; i++ ) + { + var iColumn = aaSort[i][0]; + var iVisColumn = _fnColumnIndexToVisible( oSettings, iColumn ); + sDataType = oSettings.aoColumns[ iColumn ].sSortDataType; + if ( DataTable.ext.afnSortData[sDataType] ) + { + var aData = DataTable.ext.afnSortData[sDataType]( oSettings, iColumn, iVisColumn ); + for ( j=0, jLen=aoData.length ; j<jLen ; j++ ) + { + _fnSetCellData( oSettings, j, iColumn, aData[j] ); + } + } + } + + /* Create a value - key array of the current row positions such that we can use their + * current position during the sort, if values match, in order to perform stable sorting + */ + for ( i=0, iLen=oSettings.aiDisplayMaster.length ; i<iLen ; i++ ) + { + aiOrig[ oSettings.aiDisplayMaster[i] ] = i; + } + + /* Build an internal data array which is specific to the sort, so we can get and prep + * the data to be sorted only once, rather than needing to do it every time the sorting + * function runs. This make the sorting function a very simple comparison + */ + var iSortLen = aaSort.length; + var fnSortFormat, aDataSort; + for ( i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + for ( j=0 ; j<iSortLen ; j++ ) + { + aDataSort = aoColumns[ aaSort[j][0] ].aDataSort; + + for ( k=0, kLen=aDataSort.length ; k<kLen ; k++ ) + { + sDataType = aoColumns[ aDataSort[k] ].sType; + fnSortFormat = oSort[ (sDataType ? sDataType : 'string')+"-pre" ]; + + aoData[i]._aSortData[ aDataSort[k] ] = fnSortFormat ? + fnSortFormat( _fnGetCellData( oSettings, i, aDataSort[k], 'sort' ) ) : + _fnGetCellData( oSettings, i, aDataSort[k], 'sort' ); + } + } + } + + /* Do the sort - here we want multi-column sorting based on a given data source (column) + * and sorting function (from oSort) in a certain direction. It's reasonably complex to + * follow on it's own, but this is what we want (example two column sorting): + * fnLocalSorting = function(a,b){ + * var iTest; + * iTest = oSort['string-asc']('data11', 'data12'); + * if (iTest !== 0) + * return iTest; + * iTest = oSort['numeric-desc']('data21', 'data22'); + * if (iTest !== 0) + * return iTest; + * return oSort['numeric-asc']( aiOrig[a], aiOrig[b] ); + * } + * Basically we have a test for each sorting column, if the data in that column is equal, + * test the next column. If all columns match, then we use a numeric sort on the row + * positions in the original data array to provide a stable sort. + */ + oSettings.aiDisplayMaster.sort( function ( a, b ) { + var k, l, lLen, iTest, aDataSort, sDataType; + for ( k=0 ; k<iSortLen ; k++ ) + { + aDataSort = aoColumns[ aaSort[k][0] ].aDataSort; + + for ( l=0, lLen=aDataSort.length ; l<lLen ; l++ ) + { + sDataType = aoColumns[ aDataSort[l] ].sType; + + iTest = oSort[ (sDataType ? sDataType : 'string')+"-"+aaSort[k][1] ]( + aoData[a]._aSortData[ aDataSort[l] ], + aoData[b]._aSortData[ aDataSort[l] ] + ); + + if ( iTest !== 0 ) + { + return iTest; + } + } + } + + return oSort['numeric-asc']( aiOrig[a], aiOrig[b] ); + } ); + } + + /* Alter the sorting classes to take account of the changes */ + if ( (bApplyClasses === undefined || bApplyClasses) && !oSettings.oFeatures.bDeferRender ) + { + _fnSortingClasses( oSettings ); + } + + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + nTh = aoColumns[i].nTh; + nTh.removeAttribute('aria-sort'); + nTh.removeAttribute('aria-label'); + + /* In ARIA only the first sorting column can be marked as sorting - no multi-sort option */ + if ( aoColumns[i].bSortable ) + { + if ( aaSort.length > 0 && aaSort[0][0] == i ) + { + nTh.setAttribute('aria-sort', aaSort[0][1]=="asc" ? "ascending" : "descending" ); + + var nextSort = (aoColumns[i].asSorting[ aaSort[0][2]+1 ]) ? + aoColumns[i].asSorting[ aaSort[0][2]+1 ] : aoColumns[i].asSorting[0]; + nTh.setAttribute('aria-label', aoColumns[i].sTitle+ + (nextSort=="asc" ? oAria.sSortAscending : oAria.sSortDescending) ); + } + else + { + nTh.setAttribute('aria-label', aoColumns[i].sTitle+ + (aoColumns[i].asSorting[0]=="asc" ? oAria.sSortAscending : oAria.sSortDescending) ); + } + } + else + { + nTh.setAttribute('aria-label', aoColumns[i].sTitle); + } + } + + /* Tell the draw function that we have sorted the data */ + oSettings.bSorted = true; + $(oSettings.oInstance).trigger('sort', oSettings); + + /* Copy the master data into the draw array and re-draw */ + if ( oSettings.oFeatures.bFilter ) + { + /* _fnFilter() will redraw the table for us */ + _fnFilterComplete( oSettings, oSettings.oPreviousSearch, 1 ); + } + else + { + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + oSettings._iDisplayStart = 0; /* reset display back to page 0 */ + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + } + + + /** + * Attach a sort handler (click) to a node + * @param {object} oSettings dataTables settings object + * @param {node} nNode node to attach the handler to + * @param {int} iDataIndex column sorting index + * @param {function} [fnCallback] callback function + * @memberof DataTable#oApi + */ + function _fnSortAttachListener ( oSettings, nNode, iDataIndex, fnCallback ) + { + _fnBindAction( nNode, {}, function (e) { + /* If the column is not sortable - don't to anything */ + if ( oSettings.aoColumns[iDataIndex].bSortable === false ) + { + return; + } + + /* + * This is a little bit odd I admit... I declare a temporary function inside the scope of + * _fnBuildHead and the click handler in order that the code presented here can be used + * twice - once for when bProcessing is enabled, and another time for when it is + * disabled, as we need to perform slightly different actions. + * Basically the issue here is that the Javascript engine in modern browsers don't + * appear to allow the rendering engine to update the display while it is still excuting + * it's thread (well - it does but only after long intervals). This means that the + * 'processing' display doesn't appear for a table sort. To break the js thread up a bit + * I force an execution break by using setTimeout - but this breaks the expected + * thread continuation for the end-developer's point of view (their code would execute + * too early), so we on;y do it when we absolutely have to. + */ + var fnInnerSorting = function () { + var iColumn, iNextSort; + + /* If the shift key is pressed then we are multipe column sorting */ + if ( e.shiftKey ) + { + /* Are we already doing some kind of sort on this column? */ + var bFound = false; + for ( var i=0 ; i<oSettings.aaSorting.length ; i++ ) + { + if ( oSettings.aaSorting[i][0] == iDataIndex ) + { + bFound = true; + iColumn = oSettings.aaSorting[i][0]; + iNextSort = oSettings.aaSorting[i][2]+1; + + if ( !oSettings.aoColumns[iColumn].asSorting[iNextSort] ) + { + /* Reached the end of the sorting options, remove from multi-col sort */ + oSettings.aaSorting.splice( i, 1 ); + } + else + { + /* Move onto next sorting direction */ + oSettings.aaSorting[i][1] = oSettings.aoColumns[iColumn].asSorting[iNextSort]; + oSettings.aaSorting[i][2] = iNextSort; + } + break; + } + } + + /* No sort yet - add it in */ + if ( bFound === false ) + { + oSettings.aaSorting.push( [ iDataIndex, + oSettings.aoColumns[iDataIndex].asSorting[0], 0 ] ); + } + } + else + { + /* If no shift key then single column sort */ + if ( oSettings.aaSorting.length == 1 && oSettings.aaSorting[0][0] == iDataIndex ) + { + iColumn = oSettings.aaSorting[0][0]; + iNextSort = oSettings.aaSorting[0][2]+1; + if ( !oSettings.aoColumns[iColumn].asSorting[iNextSort] ) + { + iNextSort = 0; + } + oSettings.aaSorting[0][1] = oSettings.aoColumns[iColumn].asSorting[iNextSort]; + oSettings.aaSorting[0][2] = iNextSort; + } + else + { + oSettings.aaSorting.splice( 0, oSettings.aaSorting.length ); + oSettings.aaSorting.push( [ iDataIndex, + oSettings.aoColumns[iDataIndex].asSorting[0], 0 ] ); + } + } + + /* Run the sort */ + _fnSort( oSettings ); + }; /* /fnInnerSorting */ + + if ( !oSettings.oFeatures.bProcessing ) + { + fnInnerSorting(); + } + else + { + _fnProcessingDisplay( oSettings, true ); + setTimeout( function() { + fnInnerSorting(); + if ( !oSettings.oFeatures.bServerSide ) + { + _fnProcessingDisplay( oSettings, false ); + } + }, 0 ); + } + + /* Call the user specified callback function - used for async user interaction */ + if ( typeof fnCallback == 'function' ) + { + fnCallback( oSettings ); + } + } ); + } + + + /** + * Set the sorting classes on the header, Note: it is safe to call this function + * when bSort and bSortClasses are false + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnSortingClasses( oSettings ) + { + var i, iLen, j, jLen, iFound; + var aaSort, sClass; + var iColumns = oSettings.aoColumns.length; + var oClasses = oSettings.oClasses; + + for ( i=0 ; i<iColumns ; i++ ) + { + if ( oSettings.aoColumns[i].bSortable ) + { + $(oSettings.aoColumns[i].nTh).removeClass( oClasses.sSortAsc +" "+ oClasses.sSortDesc + + " "+ oSettings.aoColumns[i].sSortingClass ); + } + } + + if ( oSettings.aaSortingFixed !== null ) + { + aaSort = oSettings.aaSortingFixed.concat( oSettings.aaSorting ); + } + else + { + aaSort = oSettings.aaSorting.slice(); + } + + /* Apply the required classes to the header */ + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bSortable ) + { + sClass = oSettings.aoColumns[i].sSortingClass; + iFound = -1; + for ( j=0 ; j<aaSort.length ; j++ ) + { + if ( aaSort[j][0] == i ) + { + sClass = ( aaSort[j][1] == "asc" ) ? + oClasses.sSortAsc : oClasses.sSortDesc; + iFound = j; + break; + } + } + $(oSettings.aoColumns[i].nTh).addClass( sClass ); + + if ( oSettings.bJUI ) + { + /* jQuery UI uses extra markup */ + var jqSpan = $("span."+oClasses.sSortIcon, oSettings.aoColumns[i].nTh); + jqSpan.removeClass(oClasses.sSortJUIAsc +" "+ oClasses.sSortJUIDesc +" "+ + oClasses.sSortJUI +" "+ oClasses.sSortJUIAscAllowed +" "+ oClasses.sSortJUIDescAllowed ); + + var sSpanClass; + if ( iFound == -1 ) + { + sSpanClass = oSettings.aoColumns[i].sSortingClassJUI; + } + else if ( aaSort[iFound][1] == "asc" ) + { + sSpanClass = oClasses.sSortJUIAsc; + } + else + { + sSpanClass = oClasses.sSortJUIDesc; + } + + jqSpan.addClass( sSpanClass ); + } + } + else + { + /* No sorting on this column, so add the base class. This will have been assigned by + * _fnAddColumn + */ + $(oSettings.aoColumns[i].nTh).addClass( oSettings.aoColumns[i].sSortingClass ); + } + } + + /* + * Apply the required classes to the table body + * Note that this is given as a feature switch since it can significantly slow down a sort + * on large data sets (adding and removing of classes is always slow at the best of times..) + * Further to this, note that this code is admitadly fairly ugly. It could be made a lot + * simpiler using jQuery selectors and add/removeClass, but that is significantly slower + * (on the order of 5 times slower) - hence the direct DOM manipulation here. + * Note that for defered drawing we do use jQuery - the reason being that taking the first + * row found to see if the whole column needs processed can miss classes since the first + * column might be new. + */ + sClass = oClasses.sSortColumn; + + if ( oSettings.oFeatures.bSort && oSettings.oFeatures.bSortClasses ) + { + var nTds = _fnGetTdNodes( oSettings ); + + /* Remove the old classes */ + if ( oSettings.oFeatures.bDeferRender ) + { + $(nTds).removeClass(sClass+'1 '+sClass+'2 '+sClass+'3'); + } + else if ( nTds.length >= iColumns ) + { + for ( i=0 ; i<iColumns ; i++ ) + { + if ( nTds[i].className.indexOf(sClass+"1") != -1 ) + { + for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ ) + { + nTds[(iColumns*j)+i].className = + $.trim( nTds[(iColumns*j)+i].className.replace( sClass+"1", "" ) ); + } + } + else if ( nTds[i].className.indexOf(sClass+"2") != -1 ) + { + for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ ) + { + nTds[(iColumns*j)+i].className = + $.trim( nTds[(iColumns*j)+i].className.replace( sClass+"2", "" ) ); + } + } + else if ( nTds[i].className.indexOf(sClass+"3") != -1 ) + { + for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ ) + { + nTds[(iColumns*j)+i].className = + $.trim( nTds[(iColumns*j)+i].className.replace( " "+sClass+"3", "" ) ); + } + } + } + } + + /* Add the new classes to the table */ + var iClass = 1, iTargetCol; + for ( i=0 ; i<aaSort.length ; i++ ) + { + iTargetCol = parseInt( aaSort[i][0], 10 ); + for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ ) + { + nTds[(iColumns*j)+iTargetCol].className += " "+sClass+iClass; + } + + if ( iClass < 3 ) + { + iClass++; + } + } + } + } + + + + /** + * Save the state of a table in a cookie such that the page can be reloaded + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ + function _fnSaveState ( oSettings ) + { + if ( !oSettings.oFeatures.bStateSave || oSettings.bDestroying ) + { + return; + } + + /* Store the interesting variables */ + var i, iLen, bInfinite=oSettings.oScroll.bInfinite; + var oState = { + "iCreate": new Date().getTime(), + "iStart": (bInfinite ? 0 : oSettings._iDisplayStart), + "iEnd": (bInfinite ? oSettings._iDisplayLength : oSettings._iDisplayEnd), + "iLength": oSettings._iDisplayLength, + "aaSorting": $.extend( true, [], oSettings.aaSorting ), + "oSearch": $.extend( true, {}, oSettings.oPreviousSearch ), + "aoSearchCols": $.extend( true, [], oSettings.aoPreSearchCols ), + "abVisCols": [] + }; + + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + oState.abVisCols.push( oSettings.aoColumns[i].bVisible ); + } + + _fnCallbackFire( oSettings, "aoStateSaveParams", 'stateSaveParams', [oSettings, oState] ); + + oSettings.fnStateSave.call( oSettings.oInstance, oSettings, oState ); + } + + + /** + * Attempt to load a saved table state from a cookie + * @param {object} oSettings dataTables settings object + * @param {object} oInit DataTables init object so we can override settings + * @memberof DataTable#oApi + */ + function _fnLoadState ( oSettings, oInit ) + { + if ( !oSettings.oFeatures.bStateSave ) + { + return; + } + + var oData = oSettings.fnStateLoad.call( oSettings.oInstance, oSettings ); + if ( !oData ) + { + return; + } + + /* Allow custom and plug-in manipulation functions to alter the saved data set and + * cancelling of loading by returning false + */ + var abStateLoad = _fnCallbackFire( oSettings, 'aoStateLoadParams', 'stateLoadParams', [oSettings, oData] ); + if ( $.inArray( false, abStateLoad ) !== -1 ) + { + return; + } + + /* Store the saved state so it might be accessed at any time */ + oSettings.oLoadedState = $.extend( true, {}, oData ); + + /* Restore key features */ + oSettings._iDisplayStart = oData.iStart; + oSettings.iInitDisplayStart = oData.iStart; + oSettings._iDisplayEnd = oData.iEnd; + oSettings._iDisplayLength = oData.iLength; + oSettings.aaSorting = oData.aaSorting.slice(); + oSettings.saved_aaSorting = oData.aaSorting.slice(); + + /* Search filtering */ + $.extend( oSettings.oPreviousSearch, oData.oSearch ); + $.extend( true, oSettings.aoPreSearchCols, oData.aoSearchCols ); + + /* Column visibility state + * Pass back visibiliy settings to the init handler, but to do not here override + * the init object that the user might have passed in + */ + oInit.saved_aoColumns = []; + for ( var i=0 ; i<oData.abVisCols.length ; i++ ) + { + oInit.saved_aoColumns[i] = {}; + oInit.saved_aoColumns[i].bVisible = oData.abVisCols[i]; + } + + _fnCallbackFire( oSettings, 'aoStateLoaded', 'stateLoaded', [oSettings, oData] ); + } + + + /** + * Create a new cookie with a value to store the state of a table + * @param {string} sName name of the cookie to create + * @param {string} sValue the value the cookie should take + * @param {int} iSecs duration of the cookie + * @param {string} sBaseName sName is made up of the base + file name - this is the base + * @param {function} fnCallback User definable function to modify the cookie + * @memberof DataTable#oApi + */ + function _fnCreateCookie ( sName, sValue, iSecs, sBaseName, fnCallback ) + { + var date = new Date(); + date.setTime( date.getTime()+(iSecs*1000) ); + + /* + * Shocking but true - it would appear IE has major issues with having the path not having + * a trailing slash on it. We need the cookie to be available based on the path, so we + * have to append the file name to the cookie name. Appalling. Thanks to vex for adding the + * patch to use at least some of the path + */ + var aParts = window.location.pathname.split('/'); + var sNameFile = sName + '_' + aParts.pop().replace(/[\/:]/g,"").toLowerCase(); + var sFullCookie, oData; + + if ( fnCallback !== null ) + { + oData = (typeof $.parseJSON === 'function') ? + $.parseJSON( sValue ) : eval( '('+sValue+')' ); + sFullCookie = fnCallback( sNameFile, oData, date.toGMTString(), + aParts.join('/')+"/" ); + } + else + { + sFullCookie = sNameFile + "=" + encodeURIComponent(sValue) + + "; expires=" + date.toGMTString() +"; path=" + aParts.join('/')+"/"; + } + + /* Are we going to go over the cookie limit of 4KiB? If so, try to delete a cookies + * belonging to DataTables. This is FAR from bullet proof + */ + var sOldName="", iOldTime=9999999999999; + var iLength = _fnReadCookie( sNameFile )!==null ? document.cookie.length : + sFullCookie.length + document.cookie.length; + + if ( iLength+10 > 4096 ) /* Magic 10 for padding */ + { + var aCookies =document.cookie.split(';'); + for ( var i=0, iLen=aCookies.length ; i<iLen ; i++ ) + { + if ( aCookies[i].indexOf( sBaseName ) != -1 ) + { + /* It's a DataTables cookie, so eval it and check the time stamp */ + var aSplitCookie = aCookies[i].split('='); + try { oData = eval( '('+decodeURIComponent(aSplitCookie[1])+')' ); } + catch( e ) { continue; } + + if ( oData.iCreate && oData.iCreate < iOldTime ) + { + sOldName = aSplitCookie[0]; + iOldTime = oData.iCreate; + } + } + } + + if ( sOldName !== "" ) + { + document.cookie = sOldName+"=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path="+ + aParts.join('/') + "/"; + } + } + + document.cookie = sFullCookie; + } + + + /** + * Read an old cookie to get a cookie with an old table state + * @param {string} sName name of the cookie to read + * @returns {string} contents of the cookie - or null if no cookie with that name found + * @memberof DataTable#oApi + */ + function _fnReadCookie ( sName ) + { + var + aParts = window.location.pathname.split('/'), + sNameEQ = sName + '_' + aParts[aParts.length-1].replace(/[\/:]/g,"").toLowerCase() + '=', + sCookieContents = document.cookie.split(';'); + + for( var i=0 ; i<sCookieContents.length ; i++ ) + { + var c = sCookieContents[i]; + + while (c.charAt(0)==' ') + { + c = c.substring(1,c.length); + } + + if (c.indexOf(sNameEQ) === 0) + { + return decodeURIComponent( c.substring(sNameEQ.length,c.length) ); + } + } + return null; + } + + + + /** + * Return the settings object for a particular table + * @param {node} nTable table we are using as a dataTable + * @returns {object} Settings object - or null if not found + * @memberof DataTable#oApi + */ + function _fnSettingsFromNode ( nTable ) + { + for ( var i=0 ; i<DataTable.settings.length ; i++ ) + { + if ( DataTable.settings[i].nTable === nTable ) + { + return DataTable.settings[i]; + } + } + + return null; + } + + + /** + * Return an array with the TR nodes for the table + * @param {object} oSettings dataTables settings object + * @returns {array} TR array + * @memberof DataTable#oApi + */ + function _fnGetTrNodes ( oSettings ) + { + var aNodes = []; + var aoData = oSettings.aoData; + for ( var i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].nTr !== null ) + { + aNodes.push( aoData[i].nTr ); + } + } + return aNodes; + } + + + /** + * Return an flat array with all TD nodes for the table, or row + * @param {object} oSettings dataTables settings object + * @param {int} [iIndividualRow] aoData index to get the nodes for - optional + * if not given then the return array will contain all nodes for the table + * @returns {array} TD array + * @memberof DataTable#oApi + */ + function _fnGetTdNodes ( oSettings, iIndividualRow ) + { + var anReturn = []; + var iCorrector; + var anTds; + var iRow, iRows=oSettings.aoData.length, + iColumn, iColumns, oData, sNodeName, iStart=0, iEnd=iRows; + + /* Allow the collection to be limited to just one row */ + if ( iIndividualRow !== undefined ) + { + iStart = iIndividualRow; + iEnd = iIndividualRow+1; + } + + for ( iRow=iStart ; iRow<iEnd ; iRow++ ) + { + oData = oSettings.aoData[iRow]; + if ( oData.nTr !== null ) + { + /* get the TD child nodes - taking into account text etc nodes */ + anTds = []; + for ( iColumn=0, iColumns=oData.nTr.childNodes.length ; iColumn<iColumns ; iColumn++ ) + { + sNodeName = oData.nTr.childNodes[iColumn].nodeName.toLowerCase(); + if ( sNodeName == 'td' || sNodeName == 'th' ) + { + anTds.push( oData.nTr.childNodes[iColumn] ); + } + } + + iCorrector = 0; + for ( iColumn=0, iColumns=oSettings.aoColumns.length ; iColumn<iColumns ; iColumn++ ) + { + if ( oSettings.aoColumns[iColumn].bVisible ) + { + anReturn.push( anTds[iColumn-iCorrector] ); + } + else + { + anReturn.push( oData._anHidden[iColumn] ); + iCorrector++; + } + } + } + } + + return anReturn; + } + + + /** + * Log an error message + * @param {object} oSettings dataTables settings object + * @param {int} iLevel log error messages, or display them to the user + * @param {string} sMesg error message + * @memberof DataTable#oApi + */ + function _fnLog( oSettings, iLevel, sMesg ) + { + var sAlert = (oSettings===null) ? + "DataTables warning: "+sMesg : + "DataTables warning (table id = '"+oSettings.sTableId+"'): "+sMesg; + + if ( iLevel === 0 ) + { + if ( DataTable.ext.sErrMode == 'alert' ) + { + alert( sAlert ); + } + else + { + throw sAlert; + } + return; + } + else if ( console !== undefined && console.log ) + { + console.log( sAlert ); + } + } + + + /** + * See if a property is defined on one object, if so assign it to the other object + * @param {object} oRet target object + * @param {object} oSrc source object + * @param {string} sName property + * @param {string} [sMappedName] name to map too - optional, sName used if not given + * @memberof DataTable#oApi + */ + function _fnMap( oRet, oSrc, sName, sMappedName ) + { + if ( sMappedName === undefined ) + { + sMappedName = sName; + } + if ( oSrc[sName] !== undefined ) + { + oRet[sMappedName] = oSrc[sName]; + } + } + + + /** + * Extend objects - very similar to jQuery.extend, but deep copy objects, and shallow + * copy arrays. The reason we need to do this, is that we don't want to deep copy array + * init values (such as aaSorting) since the dev wouldn't be able to override them, but + * we do want to deep copy arrays. + * @param {object} oOut Object to extend + * @param {object} oExtender Object from which the properties will be applied to oOut + * @returns {object} oOut Reference, just for convenience - oOut === the return. + * @memberof DataTable#oApi + * @todo This doesn't take account of arrays inside the deep copied objects. + */ + function _fnExtend( oOut, oExtender ) + { + for ( var prop in oOut ) + { + if ( oOut.hasOwnProperty(prop) && oExtender[prop] !== undefined ) + { + if ( typeof oInit[prop] === 'object' && $.isArray(oExtender[prop]) === false ) + { + $.extend( true, oOut[prop], oExtender[prop] ); + } + else + { + oOut[prop] = oExtender[prop]; + } + } + } + + return oOut; + } + + + /** + * Bind an event handers to allow a click or return key to activate the callback. + * This is good for accessability since a return on the keyboard will have the + * same effect as a click, if the element has focus. + * @param {element} n Element to bind the action to + * @param {object} oData Data object to pass to the triggered function + * @param {function) fn Callback function for when the event is triggered + * @memberof DataTable#oApi + */ + function _fnBindAction( n, oData, fn ) + { + $(n) + .bind( 'click.DT', oData, function (e) { + fn(e); + n.blur(); // Remove focus outline for mouse users + } ) + .bind( 'keypress.DT', oData, function (e){ + if ( e.which === 13 ) { + fn(e); + } } ) + .bind( 'selectstart.DT', function () { + /* Take the brutal approach to cancelling text selection */ + return false; + } ); + } + + + /** + * Register a callback function. Easily allows a callback function to be added to + * an array store of callback functions that can then all be called together. + * @param {object} oSettings dataTables settings object + * @param {string} sStore Name of the array storeage for the callbacks in oSettings + * @param {function} fn Function to be called back + * @param {string) sName Identifying name for the callback (i.e. a label) + * @memberof DataTable#oApi + */ + function _fnCallbackReg( oSettings, sStore, fn, sName ) + { + if ( fn ) + { + oSettings[sStore].push( { + "fn": fn, + "sName": sName + } ); + } + } + + + /** + * Fire callback functions and trigger events. Note that the loop over the callback + * array store is done backwards! Further note that you do not want to fire off triggers + * in time sensitive applications (for example cell creation) as its slow. + * @param {object} oSettings dataTables settings object + * @param {string} sStore Name of the array storeage for the callbacks in oSettings + * @param {string} sTrigger Name of the jQuery custom event to trigger. If null no trigger + * is fired + * @param {array) aArgs Array of arguments to pass to the callback function / trigger + * @memberof DataTable#oApi + */ + function _fnCallbackFire( oSettings, sStore, sTrigger, aArgs ) + { + var aoStore = oSettings[sStore]; + var aRet =[]; + + for ( var i=aoStore.length-1 ; i>=0 ; i-- ) + { + aRet.push( aoStore[i].fn.apply( oSettings.oInstance, aArgs ) ); + } + + if ( sTrigger !== null ) + { + $(oSettings.oInstance).trigger(sTrigger, aArgs); + } + + return aRet; + } + + + /** + * JSON stringify. If JSON.stringify it provided by the browser, json2.js or any other + * library, then we use that as it is fast, safe and accurate. If the function isn't + * available then we need to built it ourselves - the insperation for this function comes + * from Craig Buckler ( http://www.sitepoint.com/javascript-json-serialization/ ). It is + * not perfect and absolutely should not be used as a replacement to json2.js - but it does + * do what we need, without requiring a dependency for DataTables. + * @param {object} o JSON object to be converted + * @returns {string} JSON string + * @memberof DataTable#oApi + */ + var _fnJsonString = (window.JSON) ? JSON.stringify : function( o ) + { + /* Not an object or array */ + var sType = typeof o; + if (sType !== "object" || o === null) + { + // simple data type + if (sType === "string") + { + o = '"'+o+'"'; + } + return o+""; + } + + /* If object or array, need to recurse over it */ + var + sProp, mValue, + json = [], + bArr = $.isArray(o); + + for (sProp in o) + { + mValue = o[sProp]; + sType = typeof mValue; + + if (sType === "string") + { + mValue = '"'+mValue+'"'; + } + else if (sType === "object" && mValue !== null) + { + mValue = _fnJsonString(mValue); + } + + json.push((bArr ? "" : '"'+sProp+'":') + mValue); + } + + return (bArr ? "[" : "{") + json + (bArr ? "]" : "}"); + }; + + + + + /** + * Perform a jQuery selector action on the table's TR elements (from the tbody) and + * return the resulting jQuery object. + * @param {string|node|jQuery} sSelector jQuery selector or node collection to act on + * @param {object} [oOpts] Optional parameters for modifying the rows to be included + * @param {string} [oOpts.filter=none] Select TR elements that meet the current filter + * criterion ("applied") or all TR elements (i.e. no filter). + * @param {string} [oOpts.order=current] Order of the TR elements in the processed array. + * Can be either 'current', whereby the current sorting of the table is used, or + * 'original' whereby the original order the data was read into the table is used. + * @param {string} [oOpts.page=all] Limit the selection to the currently displayed page + * ("current") or not ("all"). If 'current' is given, then order is assumed to be + * 'current' and filter is 'applied', regardless of what they might be given as. + * @returns {object} jQuery object, filtered by the given selector. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Highlight every second row + * oTable.$('tr:odd').css('backgroundColor', 'blue'); + * } ); + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Filter to rows with 'Webkit' in them, add a background colour and then + * // remove the filter, thus highlighting the 'Webkit' rows only. + * oTable.fnFilter('Webkit'); + * oTable.$('tr', {"filter": "applied"}).css('backgroundColor', 'blue'); + * oTable.fnFilter(''); + * } ); + */ + this.$ = function ( sSelector, oOpts ) + { + var i, iLen, a = []; + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + if ( !oOpts ) + { + oOpts = {}; + } + + oOpts = $.extend( {}, { + "filter": "none", // applied + "order": "current", // "original" + "page": "all" // current + }, oOpts ); + + // Current page implies that order=current and fitler=applied, since it is fairly + // senseless otherwise + if ( oOpts.page == 'current' ) + { + for ( i=oSettings._iDisplayStart, iLen=oSettings.fnDisplayEnd() ; i<iLen ; i++ ) + { + a.push( oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ); + } + } + else if ( oOpts.order == "current" && oOpts.filter == "none" ) + { + for ( i=0, iLen=oSettings.aiDisplayMaster.length ; i<iLen ; i++ ) + { + a.push( oSettings.aoData[ oSettings.aiDisplayMaster[i] ].nTr ); + } + } + else if ( oOpts.order == "current" && oOpts.filter == "applied" ) + { + for ( i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ ) + { + a.push( oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ); + } + } + else if ( oOpts.order == "original" && oOpts.filter == "none" ) + { + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + a.push( oSettings.aoData[ i ].nTr ); + } + } + else if ( oOpts.order == "original" && oOpts.filter == "applied" ) + { + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + if ( $.inArray( i, oSettings.aiDisplay ) !== -1 ) + { + a.push( oSettings.aoData[ i ].nTr ); + } + } + } + else + { + _fnLog( oSettings, 1, "Unknown selection options" ); + } + + /* We need to filter on the TR elements and also 'find' in their descendants + * to make the selector act like it would in a full table - so we need + * to build both results and then combine them together + */ + var jqA = $(a); + var jqTRs = jqA.filter( sSelector ); + var jqDescendants = jqA.find( sSelector ); + + return $( [].concat($.makeArray(jqTRs), $.makeArray(jqDescendants)) ); + }; + + + /** + * Almost identical to $ in operation, but in this case returns the data for the matched + * rows - as such, the jQuery selector used should match TR row nodes or TD/TH cell nodes + * rather than any decendents, so the data can be obtained for the row/cell. If matching + * rows are found, the data returned is the original data array/object that was used to + * create the row (or a generated array if from a DOM source). + * + * This method is often useful incombination with $ where both functions are given the + * same parameters and the array indexes will match identically. + * @param {string|node|jQuery} sSelector jQuery selector or node collection to act on + * @param {object} [oOpts] Optional parameters for modifying the rows to be included + * @param {string} [oOpts.filter=none] Select elements that meet the current filter + * criterion ("applied") or all elements (i.e. no filter). + * @param {string} [oOpts.order=current] Order of the data in the processed array. + * Can be either 'current', whereby the current sorting of the table is used, or + * 'original' whereby the original order the data was read into the table is used. + * @param {string} [oOpts.page=all] Limit the selection to the currently displayed page + * ("current") or not ("all"). If 'current' is given, then order is assumed to be + * 'current' and filter is 'applied', regardless of what they might be given as. + * @returns {array} Data for the matched elements. If any elements, as a result of the + * selector, were not TR, TD or TH elements in the DataTable, they will have a null + * entry in the array. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Get the data from the first row in the table + * var data = oTable._('tr:first'); + * + * // Do something useful with the data + * alert( "First cell is: "+data[0] ); + * } ); + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Filter to 'Webkit' and get all data for + * oTable.fnFilter('Webkit'); + * var data = oTable._('tr', {"filter": "applied"}); + * + * // Do something with the data + * alert( data.length+" rows matched the filter" ); + * } ); + */ + this._ = function ( sSelector, oOpts ) + { + var aOut = []; + var i, iLen, iIndex; + var aTrs = this.$( sSelector, oOpts ); + + for ( i=0, iLen=aTrs.length ; i<iLen ; i++ ) + { + aOut.push( this.fnGetData(aTrs[i]) ); + } + + return aOut; + }; + + + /** + * Add a single new row or multiple rows of data to the table. Please note + * that this is suitable for client-side processing only - if you are using + * server-side processing (i.e. "bServerSide": true), then to add data, you + * must add it to the data source, i.e. the server-side, through an Ajax call. + * @param {array|object} mData The data to be added to the table. This can be: + * <ul> + * <li>1D array of data - add a single row with the data provided</li> + * <li>2D array of arrays - add multiple rows in a single call</li> + * <li>object - data object when using <i>mDataProp</i></li> + * <li>array of objects - multiple data objects when using <i>mDataProp</i></li> + * </ul> + * @param {bool} [bRedraw=true] redraw the table or not + * @returns {array} An array of integers, representing the list of indexes in + * <i>aoData</i> ({@link DataTable.models.oSettings}) that have been added to + * the table. + * @dtopt API + * + * @example + * // Global var for counter + * var giCount = 2; + * + * $(document).ready(function() { + * $('#example').dataTable(); + * } ); + * + * function fnClickAddRow() { + * $('#example').dataTable().fnAddData( [ + * giCount+".1", + * giCount+".2", + * giCount+".3", + * giCount+".4" ] + * ); + * + * giCount++; + * } + */ + this.fnAddData = function( mData, bRedraw ) + { + if ( mData.length === 0 ) + { + return []; + } + + var aiReturn = []; + var iTest; + + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + /* Check if we want to add multiple rows or not */ + if ( typeof mData[0] === "object" && mData[0] !== null ) + { + for ( var i=0 ; i<mData.length ; i++ ) + { + iTest = _fnAddData( oSettings, mData[i] ); + if ( iTest == -1 ) + { + return aiReturn; + } + aiReturn.push( iTest ); + } + } + else + { + iTest = _fnAddData( oSettings, mData ); + if ( iTest == -1 ) + { + return aiReturn; + } + aiReturn.push( iTest ); + } + + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + + if ( bRedraw === undefined || bRedraw ) + { + _fnReDraw( oSettings ); + } + return aiReturn; + }; + + + /** + * This function will make DataTables recalculate the column sizes, based on the data + * contained in the table and the sizes applied to the columns (in the DOM, CSS or + * through the sWidth parameter). This can be useful when the width of the table's + * parent element changes (for example a window resize). + * @param {boolean} [bRedraw=true] Redraw the table or not, you will typically want to + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sScrollY": "200px", + * "bPaginate": false + * } ); + * + * $(window).bind('resize', function () { + * oTable.fnAdjustColumnSizing(); + * } ); + * } ); + */ + this.fnAdjustColumnSizing = function ( bRedraw ) + { + var oSettings = _fnSettingsFromNode(this[DataTable.ext.iApiIndex]); + _fnAdjustColumnSizing( oSettings ); + + if ( bRedraw === undefined || bRedraw ) + { + this.fnDraw( false ); + } + else if ( oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "" ) + { + /* If not redrawing, but scrolling, we want to apply the new column sizes anyway */ + this.oApi._fnScrollDraw(oSettings); + } + }; + + + /** + * Quickly and simply clear a table + * @param {bool} [bRedraw=true] redraw the table or not + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Immediately 'nuke' the current rows (perhaps waiting for an Ajax callback...) + * oTable.fnClearTable(); + * } ); + */ + this.fnClearTable = function( bRedraw ) + { + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + _fnClearTable( oSettings ); + + if ( bRedraw === undefined || bRedraw ) + { + _fnDraw( oSettings ); + } + }; + + + /** + * The exact opposite of 'opening' a row, this function will close any rows which + * are currently 'open'. + * @param {node} nTr the table row to 'close' + * @returns {int} 0 on success, or 1 if failed (can't find the row) + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable; + * + * // 'open' an information row when a row is clicked on + * $('#example tbody tr').click( function () { + * if ( oTable.fnIsOpen(this) ) { + * oTable.fnClose( this ); + * } else { + * oTable.fnOpen( this, "Temporary row opened", "info_row" ); + * } + * } ); + * + * oTable = $('#example').dataTable(); + * } ); + */ + this.fnClose = function( nTr ) + { + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + for ( var i=0 ; i<oSettings.aoOpenRows.length ; i++ ) + { + if ( oSettings.aoOpenRows[i].nParent == nTr ) + { + var nTrParent = oSettings.aoOpenRows[i].nTr.parentNode; + if ( nTrParent ) + { + /* Remove it if it is currently on display */ + nTrParent.removeChild( oSettings.aoOpenRows[i].nTr ); + } + oSettings.aoOpenRows.splice( i, 1 ); + return 0; + } + } + return 1; + }; + + + /** + * Remove a row for the table + * @param {mixed} mTarget The index of the row from aoData to be deleted, or + * the TR element you want to delete + * @param {function|null} [fnCallBack] Callback function + * @param {bool} [bRedraw=true] Redraw the table or not + * @returns {array} The row that was deleted + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Immediately remove the first row + * oTable.fnDeleteRow( 0 ); + * } ); + */ + this.fnDeleteRow = function( mTarget, fnCallBack, bRedraw ) + { + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var i, iLen, iAODataIndex; + + iAODataIndex = (typeof mTarget === 'object') ? + _fnNodeToDataIndex(oSettings, mTarget) : mTarget; + + /* Return the data array from this row */ + var oData = oSettings.aoData.splice( iAODataIndex, 1 ); + + /* Update the _DT_RowIndex parameter */ + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + if ( oSettings.aoData[i].nTr !== null ) + { + oSettings.aoData[i].nTr._DT_RowIndex = i; + } + } + + /* Remove the target row from the search array */ + var iDisplayIndex = $.inArray( iAODataIndex, oSettings.aiDisplay ); + oSettings.asDataSearch.splice( iDisplayIndex, 1 ); + + /* Delete from the display arrays */ + _fnDeleteIndex( oSettings.aiDisplayMaster, iAODataIndex ); + _fnDeleteIndex( oSettings.aiDisplay, iAODataIndex ); + + /* If there is a user callback function - call it */ + if ( typeof fnCallBack === "function" ) + { + fnCallBack.call( this, oSettings, oData ); + } + + /* Check for an 'overflow' they case for dislaying the table */ + if ( oSettings._iDisplayStart >= oSettings.aiDisplay.length ) + { + oSettings._iDisplayStart -= oSettings._iDisplayLength; + if ( oSettings._iDisplayStart < 0 ) + { + oSettings._iDisplayStart = 0; + } + } + + if ( bRedraw === undefined || bRedraw ) + { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + + return oData; + }; + + + /** + * Restore the table to it's original state in the DOM by removing all of DataTables + * enhancements, alterations to the DOM structure of the table and event listeners. + * @param {boolean} [bRemove=false] Completely remove the table from the DOM + * @dtopt API + * + * @example + * $(document).ready(function() { + * // This example is fairly pointless in reality, but shows how fnDestroy can be used + * var oTable = $('#example').dataTable(); + * oTable.fnDestroy(); + * } ); + */ + this.fnDestroy = function ( bRemove ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var nOrig = oSettings.nTableWrapper.parentNode; + var nBody = oSettings.nTBody; + var i, iLen; + + bRemove = (bRemove===undefined) ? false : true; + + /* Flag to note that the table is currently being destroyed - no action should be taken */ + oSettings.bDestroying = true; + + /* Restore hidden columns */ + for ( i=0, iLen=oSettings.aoDestroyCallback.length ; i<iLen ; i++ ) { + oSettings.aoDestroyCallback[i].fn(); + } + + /* Restore hidden columns */ + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible === false ) + { + this.fnSetColumnVis( i, true ); + } + } + + /* Blitz all DT events */ + $(oSettings.nTableWrapper).find('*').andSelf().unbind('.DT'); + + /* If there is an 'empty' indicator row, remove it */ + $('tbody>tr>td.'+oSettings.oClasses.sRowEmpty, oSettings.nTable).parent().remove(); + + /* When scrolling we had to break the table up - restore it */ + if ( oSettings.nTable != oSettings.nTHead.parentNode ) + { + $(oSettings.nTable).children('thead').remove(); + oSettings.nTable.appendChild( oSettings.nTHead ); + } + + if ( oSettings.nTFoot && oSettings.nTable != oSettings.nTFoot.parentNode ) + { + $(oSettings.nTable).children('tfoot').remove(); + oSettings.nTable.appendChild( oSettings.nTFoot ); + } + + /* Remove the DataTables generated nodes, events and classes */ + oSettings.nTable.parentNode.removeChild( oSettings.nTable ); + $(oSettings.nTableWrapper).remove(); + + oSettings.aaSorting = []; + oSettings.aaSortingFixed = []; + _fnSortingClasses( oSettings ); + + $(_fnGetTrNodes( oSettings )).removeClass( oSettings.asStripeClasses.join(' ') ); + + $('th, td', oSettings.nTHead).removeClass( [ + oSettings.oClasses.sSortable, + oSettings.oClasses.sSortableAsc, + oSettings.oClasses.sSortableDesc, + oSettings.oClasses.sSortableNone ].join(' ') + ); + if ( oSettings.bJUI ) + { + $('th span.'+oSettings.oClasses.sSortIcon + + ', td span.'+oSettings.oClasses.sSortIcon, oSettings.nTHead).remove(); + + $('th, td', oSettings.nTHead).each( function () { + var jqWrapper = $('div.'+oSettings.oClasses.sSortJUIWrapper, this); + var kids = jqWrapper.contents(); + $(this).append( kids ); + jqWrapper.remove(); + } ); + } + + /* Add the TR elements back into the table in their original order */ + if ( !bRemove && oSettings.nTableReinsertBefore ) + { + nOrig.insertBefore( oSettings.nTable, oSettings.nTableReinsertBefore ); + } + else if ( !bRemove ) + { + nOrig.appendChild( oSettings.nTable ); + } + + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + if ( oSettings.aoData[i].nTr !== null ) + { + nBody.appendChild( oSettings.aoData[i].nTr ); + } + } + + /* Restore the width of the original table */ + if ( oSettings.oFeatures.bAutoWidth === true ) + { + oSettings.nTable.style.width = _fnStringToCss(oSettings.sDestroyWidth); + } + + /* If the were originally odd/even type classes - then we add them back here. Note + * this is not fool proof (for example if not all rows as odd/even classes - but + * it's a good effort without getting carried away + */ + $(nBody).children('tr:even').addClass( oSettings.asDestroyStripes[0] ); + $(nBody).children('tr:odd').addClass( oSettings.asDestroyStripes[1] ); + + /* Remove the settings object from the settings array */ + for ( i=0, iLen=DataTable.settings.length ; i<iLen ; i++ ) + { + if ( DataTable.settings[i] == oSettings ) + { + DataTable.settings.splice( i, 1 ); + } + } + + /* End it all */ + oSettings = null; + }; + + + /** + * Redraw the table + * @param {bool} [bComplete=true] Re-filter and resort (if enabled) the table before the draw. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Re-draw the table - you wouldn't want to do it here, but it's an example :-) + * oTable.fnDraw(); + * } ); + */ + this.fnDraw = function( bComplete ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + if ( bComplete ) + { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + else + { + _fnReDraw( oSettings ); + } + }; + + + /** + * Filter the input based on data + * @param {string} sInput String to filter the table on + * @param {int|null} [iColumn] Column to limit filtering to + * @param {bool} [bRegex=false] Treat as regular expression or not + * @param {bool} [bSmart=true] Perform smart filtering or not + * @param {bool} [bShowGlobal=true] Show the input global filter in it's input box(es) + * @param {bool} [bCaseInsensitive=true] Do case-insensitive matching (true) or not (false) + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Sometime later - filter... + * oTable.fnFilter( 'test string' ); + * } ); + */ + this.fnFilter = function( sInput, iColumn, bRegex, bSmart, bShowGlobal, bCaseInsensitive ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + if ( !oSettings.oFeatures.bFilter ) + { + return; + } + + if ( bRegex === undefined || bRegex === null ) + { + bRegex = false; + } + + if ( bSmart === undefined || bSmart === null ) + { + bSmart = true; + } + + if ( bShowGlobal === undefined || bShowGlobal === null ) + { + bShowGlobal = true; + } + + if ( bCaseInsensitive === undefined || bCaseInsensitive === null ) + { + bCaseInsensitive = true; + } + + if ( iColumn === undefined || iColumn === null ) + { + /* Global filter */ + _fnFilterComplete( oSettings, { + "sSearch":sInput+"", + "bRegex": bRegex, + "bSmart": bSmart, + "bCaseInsensitive": bCaseInsensitive + }, 1 ); + + if ( bShowGlobal && oSettings.aanFeatures.f ) + { + var n = oSettings.aanFeatures.f; + for ( var i=0, iLen=n.length ; i<iLen ; i++ ) + { + $('input', n[i]).val( sInput ); + } + } + } + else + { + /* Single column filter */ + $.extend( oSettings.aoPreSearchCols[ iColumn ], { + "sSearch": sInput+"", + "bRegex": bRegex, + "bSmart": bSmart, + "bCaseInsensitive": bCaseInsensitive + } ); + _fnFilterComplete( oSettings, oSettings.oPreviousSearch, 1 ); + } + }; + + + /** + * Get the data for the whole table, an individual row or an individual cell based on the + * provided parameters. + * @param {int|node} [mRow] A TR row node, TD/TH cell node or an integer. If given as + * a TR node then the data source for the whole row will be returned. If given as a + * TD/TH cell node then iCol will be automatically calculated and the data for the + * cell returned. If given as an integer, then this is treated as the aoData internal + * data index for the row (see fnGetPosition) and the data for that row used. + * @param {int} [iCol] Optional column index that you want the data of. + * @returns {array|object|string} If mRow is undefined, then the data for all rows is + * returned. If mRow is defined, just data for that row, and is iCol is + * defined, only data for the designated cell is returned. + * @dtopt API + * + * @example + * // Row data + * $(document).ready(function() { + * oTable = $('#example').dataTable(); + * + * oTable.$('tr').click( function () { + * var data = oTable.fnGetData( this ); + * // ... do something with the array / object of data for the row + * } ); + * } ); + * + * @example + * // Individual cell data + * $(document).ready(function() { + * oTable = $('#example').dataTable(); + * + * oTable.$('td').click( function () { + * var sData = oTable.fnGetData( this ); + * alert( 'The cell clicked on had the value of '+sData ); + * } ); + * } ); + */ + this.fnGetData = function( mRow, iCol ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + if ( mRow !== undefined ) + { + var iRow = mRow; + if ( typeof mRow === 'object' ) + { + var sNode = mRow.nodeName.toLowerCase(); + if (sNode === "tr" ) + { + iRow = _fnNodeToDataIndex(oSettings, mRow); + } + else if ( sNode === "td" ) + { + iRow = _fnNodeToDataIndex(oSettings, mRow.parentNode); + iCol = _fnNodeToColumnIndex( oSettings, iRow, mRow ); + } + } + + if ( iCol !== undefined ) + { + return _fnGetCellData( oSettings, iRow, iCol, '' ); + } + return (oSettings.aoData[iRow]!==undefined) ? + oSettings.aoData[iRow]._aData : null; + } + return _fnGetDataMaster( oSettings ); + }; + + + /** + * Get an array of the TR nodes that are used in the table's body. Note that you will + * typically want to use the '$' API method in preference to this as it is more + * flexible. + * @param {int} [iRow] Optional row index for the TR element you want + * @returns {array|node} If iRow is undefined, returns an array of all TR elements + * in the table's body, or iRow is defined, just the TR element requested. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Get the nodes from the table + * var nNodes = oTable.fnGetNodes( ); + * } ); + */ + this.fnGetNodes = function( iRow ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + if ( iRow !== undefined ) { + return (oSettings.aoData[iRow]!==undefined) ? + oSettings.aoData[iRow].nTr : null; + } + return _fnGetTrNodes( oSettings ); + }; + + + /** + * Get the array indexes of a particular cell from it's DOM element + * and column index including hidden columns + * @param {node} nNode this can either be a TR, TD or TH in the table's body + * @returns {int} If nNode is given as a TR, then a single index is returned, or + * if given as a cell, an array of [row index, column index (visible)] is given. + * @dtopt API + * + * @example + * $(document).ready(function() { + * $('#example tbody td').click( function () { + * // Get the position of the current data from the node + * var aPos = oTable.fnGetPosition( this ); + * + * // Get the data array for this row + * var aData = oTable.fnGetData( aPos[0] ); + * + * // Update the data array and return the value + * aData[ aPos[1] ] = 'clicked'; + * this.innerHTML = 'clicked'; + * } ); + * + * // Init DataTables + * oTable = $('#example').dataTable(); + * } ); + */ + this.fnGetPosition = function( nNode ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var sNodeName = nNode.nodeName.toUpperCase(); + + if ( sNodeName == "TR" ) + { + return _fnNodeToDataIndex(oSettings, nNode); + } + else if ( sNodeName == "TD" || sNodeName == "TH" ) + { + var iDataIndex = _fnNodeToDataIndex( oSettings, nNode.parentNode ); + var iColumnIndex = _fnNodeToColumnIndex( oSettings, iDataIndex, nNode ); + return [ iDataIndex, _fnColumnIndexToVisible(oSettings, iColumnIndex ), iColumnIndex ]; + } + return null; + }; + + + /** + * Check to see if a row is 'open' or not. + * @param {node} nTr the table row to check + * @returns {boolean} true if the row is currently open, false otherwise + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable; + * + * // 'open' an information row when a row is clicked on + * $('#example tbody tr').click( function () { + * if ( oTable.fnIsOpen(this) ) { + * oTable.fnClose( this ); + * } else { + * oTable.fnOpen( this, "Temporary row opened", "info_row" ); + * } + * } ); + * + * oTable = $('#example').dataTable(); + * } ); + */ + this.fnIsOpen = function( nTr ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var aoOpenRows = oSettings.aoOpenRows; + + for ( var i=0 ; i<oSettings.aoOpenRows.length ; i++ ) + { + if ( oSettings.aoOpenRows[i].nParent == nTr ) + { + return true; + } + } + return false; + }; + + + /** + * This function will place a new row directly after a row which is currently + * on display on the page, with the HTML contents that is passed into the + * function. This can be used, for example, to ask for confirmation that a + * particular record should be deleted. + * @param {node} nTr The table row to 'open' + * @param {string|node|jQuery} mHtml The HTML to put into the row + * @param {string} sClass Class to give the new TD cell + * @returns {node} The row opened. Note that if the table row passed in as the + * first parameter, is not found in the table, this method will silently + * return. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable; + * + * // 'open' an information row when a row is clicked on + * $('#example tbody tr').click( function () { + * if ( oTable.fnIsOpen(this) ) { + * oTable.fnClose( this ); + * } else { + * oTable.fnOpen( this, "Temporary row opened", "info_row" ); + * } + * } ); + * + * oTable = $('#example').dataTable(); + * } ); + */ + this.fnOpen = function( nTr, mHtml, sClass ) + { + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + /* Check that the row given is in the table */ + var nTableRows = _fnGetTrNodes( oSettings ); + if ( $.inArray(nTr, nTableRows) === -1 ) + { + return; + } + + /* the old open one if there is one */ + this.fnClose( nTr ); + + var nNewRow = document.createElement("tr"); + var nNewCell = document.createElement("td"); + nNewRow.appendChild( nNewCell ); + nNewCell.className = sClass; + nNewCell.colSpan = _fnVisbleColumns( oSettings ); + + if (typeof mHtml === "string") + { + nNewCell.innerHTML = mHtml; + } + else + { + $(nNewCell).html( mHtml ); + } + + /* If the nTr isn't on the page at the moment - then we don't insert at the moment */ + var nTrs = $('tr', oSettings.nTBody); + if ( $.inArray(nTr, nTrs) != -1 ) + { + $(nNewRow).insertAfter(nTr); + } + + oSettings.aoOpenRows.push( { + "nTr": nNewRow, + "nParent": nTr + } ); + + return nNewRow; + }; + + + /** + * Change the pagination - provides the internal logic for pagination in a simple API + * function. With this function you can have a DataTables table go to the next, + * previous, first or last pages. + * @param {string|int} mAction Paging action to take: "first", "previous", "next" or "last" + * or page number to jump to (integer), note that page 0 is the first page. + * @param {bool} [bRedraw=true] Redraw the table or not + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * oTable.fnPageChange( 'next' ); + * } ); + */ + this.fnPageChange = function ( mAction, bRedraw ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + _fnPageChange( oSettings, mAction ); + _fnCalculateEnd( oSettings ); + + if ( bRedraw === undefined || bRedraw ) + { + _fnDraw( oSettings ); + } + }; + + + /** + * Show a particular column + * @param {int} iCol The column whose display should be changed + * @param {bool} bShow Show (true) or hide (false) the column + * @param {bool} [bRedraw=true] Redraw the table or not + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Hide the second column after initialisation + * oTable.fnSetColumnVis( 1, false ); + * } ); + */ + this.fnSetColumnVis = function ( iCol, bShow, bRedraw ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var i, iLen; + var aoColumns = oSettings.aoColumns; + var aoData = oSettings.aoData; + var nTd, nCell, anTrs, jqChildren, bAppend, iBefore; + + /* No point in doing anything if we are requesting what is already true */ + if ( aoColumns[iCol].bVisible == bShow ) + { + return; + } + + /* Show the column */ + if ( bShow ) + { + var iInsert = 0; + for ( i=0 ; i<iCol ; i++ ) + { + if ( aoColumns[i].bVisible ) + { + iInsert++; + } + } + + /* Need to decide if we should use appendChild or insertBefore */ + bAppend = (iInsert >= _fnVisbleColumns( oSettings )); + + /* Which coloumn should we be inserting before? */ + if ( !bAppend ) + { + for ( i=iCol ; i<aoColumns.length ; i++ ) + { + if ( aoColumns[i].bVisible ) + { + iBefore = i; + break; + } + } + } + + for ( i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].nTr !== null ) + { + if ( bAppend ) + { + aoData[i].nTr.appendChild( + aoData[i]._anHidden[iCol] + ); + } + else + { + aoData[i].nTr.insertBefore( + aoData[i]._anHidden[iCol], + _fnGetTdNodes( oSettings, i )[iBefore] ); + } + } + } + } + else + { + /* Remove a column from display */ + for ( i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].nTr !== null ) + { + nTd = _fnGetTdNodes( oSettings, i )[iCol]; + aoData[i]._anHidden[iCol] = nTd; + nTd.parentNode.removeChild( nTd ); + } + } + } + + /* Clear to set the visible flag */ + aoColumns[iCol].bVisible = bShow; + + /* Redraw the header and footer based on the new column visibility */ + _fnDrawHead( oSettings, oSettings.aoHeader ); + if ( oSettings.nTFoot ) + { + _fnDrawHead( oSettings, oSettings.aoFooter ); + } + + /* If there are any 'open' rows, then we need to alter the colspan for this col change */ + for ( i=0, iLen=oSettings.aoOpenRows.length ; i<iLen ; i++ ) + { + oSettings.aoOpenRows[i].nTr.colSpan = _fnVisbleColumns( oSettings ); + } + + /* Do a redraw incase anything depending on the table columns needs it + * (built-in: scrolling) + */ + if ( bRedraw === undefined || bRedraw ) + { + _fnAdjustColumnSizing( oSettings ); + _fnDraw( oSettings ); + } + + _fnSaveState( oSettings ); + }; + + + /** + * Get the settings for a particular table for external manipulation + * @returns {object} DataTables settings object. See + * {@link DataTable.models.oSettings} + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * var oSettings = oTable.fnSettings(); + * + * // Show an example parameter from the settings + * alert( oSettings._iDisplayStart ); + * } ); + */ + this.fnSettings = function() + { + return _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + }; + + + /** + * Sort the table by a particular row + * @param {int} iCol the data index to sort on. Note that this will not match the + * 'display index' if you have hidden data entries + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Sort immediately with columns 0 and 1 + * oTable.fnSort( [ [0,'asc'], [1,'asc'] ] ); + * } ); + */ + this.fnSort = function( aaSort ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + oSettings.aaSorting = aaSort; + _fnSort( oSettings ); + }; + + + /** + * Attach a sort listener to an element for a given column + * @param {node} nNode the element to attach the sort listener to + * @param {int} iColumn the column that a click on this node will sort on + * @param {function} [fnCallback] callback function when sort is run + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Sort on column 1, when 'sorter' is clicked on + * oTable.fnSortListener( document.getElementById('sorter'), 1 ); + * } ); + */ + this.fnSortListener = function( nNode, iColumn, fnCallback ) + { + _fnSortAttachListener( _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ), nNode, iColumn, + fnCallback ); + }; + + + /** + * Update a table cell or row - this method will accept either a single value to + * update the cell with, an array of values with one element for each column or + * an object in the same format as the original data source. The function is + * self-referencing in order to make the multi column updates easier. + * @param {object|array|string} mData Data to update the cell/row with + * @param {node|int} mRow TR element you want to update or the aoData index + * @param {int} [iColumn] The column to update (not used of mData is an array or object) + * @param {bool} [bRedraw=true] Redraw the table or not + * @param {bool} [bAction=true] Perform predraw actions or not + * @returns {int} 0 on success, 1 on error + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * oTable.fnUpdate( 'Example update', 0, 0 ); // Single cell + * oTable.fnUpdate( ['a', 'b', 'c', 'd', 'e'], 1, 0 ); // Row + * } ); + */ + this.fnUpdate = function( mData, mRow, iColumn, bRedraw, bAction ) + { + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var iVisibleColumn, i, iLen, sDisplay; + var iRow = (typeof mRow === 'object') ? + _fnNodeToDataIndex(oSettings, mRow) : mRow; + + if ( oSettings.__fnUpdateDeep === undefined && $.isArray(mData) && typeof mData === 'object' ) + { + /* Array update - update the whole row */ + oSettings.aoData[iRow]._aData = mData.slice(); + + /* Flag to the function that we are recursing */ + oSettings.__fnUpdateDeep = true; + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + this.fnUpdate( _fnGetCellData( oSettings, iRow, i ), iRow, i, false, false ); + } + oSettings.__fnUpdateDeep = undefined; + } + else if ( oSettings.__fnUpdateDeep === undefined && mData !== null && typeof mData === 'object' ) + { + /* Object update - update the whole row - assume the developer gets the object right */ + oSettings.aoData[iRow]._aData = $.extend( true, {}, mData ); + + oSettings.__fnUpdateDeep = true; + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + this.fnUpdate( _fnGetCellData( oSettings, iRow, i ), iRow, i, false, false ); + } + oSettings.__fnUpdateDeep = undefined; + } + else + { + /* Individual cell update */ + _fnSetCellData( oSettings, iRow, iColumn, mData ); + sDisplay = _fnGetCellData( oSettings, iRow, iColumn, 'display' ); + + var oCol = oSettings.aoColumns[iColumn]; + if ( oCol.fnRender !== null ) + { + sDisplay = _fnRender( oSettings, iRow, iColumn ); + if ( oCol.bUseRendered ) + { + _fnSetCellData( oSettings, iRow, iColumn, sDisplay ); + } + } + + if ( oSettings.aoData[iRow].nTr !== null ) + { + /* Do the actual HTML update */ + _fnGetTdNodes( oSettings, iRow )[iColumn].innerHTML = sDisplay; + } + } + + /* Modify the search index for this row (strictly this is likely not needed, since fnReDraw + * will rebuild the search array - however, the redraw might be disabled by the user) + */ + var iDisplayIndex = $.inArray( iRow, oSettings.aiDisplay ); + oSettings.asDataSearch[iDisplayIndex] = _fnBuildSearchRow( oSettings, + _fnGetRowData( oSettings, iRow, 'filter' ) ); + + /* Perform pre-draw actions */ + if ( bAction === undefined || bAction ) + { + _fnAdjustColumnSizing( oSettings ); + } + + /* Redraw the table */ + if ( bRedraw === undefined || bRedraw ) + { + _fnReDraw( oSettings ); + } + return 0; + }; + + + /** + * Provide a common method for plug-ins to check the version of DataTables being used, in order + * to ensure compatibility. + * @param {string} sVersion Version string to check for, in the format "X.Y.Z". Note that the + * formats "X" and "X.Y" are also acceptable. + * @returns {boolean} true if this version of DataTables is greater or equal to the required + * version, or false if this version of DataTales is not suitable + * @method + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * alert( oTable.fnVersionCheck( '1.9.0' ) ); + * } ); + */ + this.fnVersionCheck = DataTable.ext.fnVersionCheck; + + + /* + * This is really a good bit rubbish this method of exposing the internal methods + * publically... - To be fixed in 2.0 using methods on the prototype + */ + + + /** + * Create a wrapper function for exporting an internal functions to an external API. + * @param {string} sFunc API function name + * @returns {function} wrapped function + * @memberof DataTable#oApi + */ + function _fnExternApiFunc (sFunc) + { + return function() { + var aArgs = [_fnSettingsFromNode(this[DataTable.ext.iApiIndex])].concat( + Array.prototype.slice.call(arguments) ); + return DataTable.ext.oApi[sFunc].apply( this, aArgs ); + }; + } + + + /** + * Reference to internal functions for use by plug-in developers. Note that these + * methods are references to internal functions and are considered to be private. + * If you use these methods, be aware that they are liable to change between versions + * (check the upgrade notes). + * @namespace + */ + this.oApi = { + "_fnExternApiFunc": _fnExternApiFunc, + "_fnInitialise": _fnInitialise, + "_fnInitComplete": _fnInitComplete, + "_fnLanguageCompat": _fnLanguageCompat, + "_fnAddColumn": _fnAddColumn, + "_fnColumnOptions": _fnColumnOptions, + "_fnAddData": _fnAddData, + "_fnCreateTr": _fnCreateTr, + "_fnGatherData": _fnGatherData, + "_fnBuildHead": _fnBuildHead, + "_fnDrawHead": _fnDrawHead, + "_fnDraw": _fnDraw, + "_fnReDraw": _fnReDraw, + "_fnAjaxUpdate": _fnAjaxUpdate, + "_fnAjaxParameters": _fnAjaxParameters, + "_fnAjaxUpdateDraw": _fnAjaxUpdateDraw, + "_fnServerParams": _fnServerParams, + "_fnAddOptionsHtml": _fnAddOptionsHtml, + "_fnFeatureHtmlTable": _fnFeatureHtmlTable, + "_fnScrollDraw": _fnScrollDraw, + "_fnAdjustColumnSizing": _fnAdjustColumnSizing, + "_fnFeatureHtmlFilter": _fnFeatureHtmlFilter, + "_fnFilterComplete": _fnFilterComplete, + "_fnFilterCustom": _fnFilterCustom, + "_fnFilterColumn": _fnFilterColumn, + "_fnFilter": _fnFilter, + "_fnBuildSearchArray": _fnBuildSearchArray, + "_fnBuildSearchRow": _fnBuildSearchRow, + "_fnFilterCreateSearch": _fnFilterCreateSearch, + "_fnDataToSearch": _fnDataToSearch, + "_fnSort": _fnSort, + "_fnSortAttachListener": _fnSortAttachListener, + "_fnSortingClasses": _fnSortingClasses, + "_fnFeatureHtmlPaginate": _fnFeatureHtmlPaginate, + "_fnPageChange": _fnPageChange, + "_fnFeatureHtmlInfo": _fnFeatureHtmlInfo, + "_fnUpdateInfo": _fnUpdateInfo, + "_fnFeatureHtmlLength": _fnFeatureHtmlLength, + "_fnFeatureHtmlProcessing": _fnFeatureHtmlProcessing, + "_fnProcessingDisplay": _fnProcessingDisplay, + "_fnVisibleToColumnIndex": _fnVisibleToColumnIndex, + "_fnColumnIndexToVisible": _fnColumnIndexToVisible, + "_fnNodeToDataIndex": _fnNodeToDataIndex, + "_fnVisbleColumns": _fnVisbleColumns, + "_fnCalculateEnd": _fnCalculateEnd, + "_fnConvertToWidth": _fnConvertToWidth, + "_fnCalculateColumnWidths": _fnCalculateColumnWidths, + "_fnScrollingWidthAdjust": _fnScrollingWidthAdjust, + "_fnGetWidestNode": _fnGetWidestNode, + "_fnGetMaxLenString": _fnGetMaxLenString, + "_fnStringToCss": _fnStringToCss, + "_fnDetectType": _fnDetectType, + "_fnSettingsFromNode": _fnSettingsFromNode, + "_fnGetDataMaster": _fnGetDataMaster, + "_fnGetTrNodes": _fnGetTrNodes, + "_fnGetTdNodes": _fnGetTdNodes, + "_fnEscapeRegex": _fnEscapeRegex, + "_fnDeleteIndex": _fnDeleteIndex, + "_fnReOrderIndex": _fnReOrderIndex, + "_fnColumnOrdering": _fnColumnOrdering, + "_fnLog": _fnLog, + "_fnClearTable": _fnClearTable, + "_fnSaveState": _fnSaveState, + "_fnLoadState": _fnLoadState, + "_fnCreateCookie": _fnCreateCookie, + "_fnReadCookie": _fnReadCookie, + "_fnDetectHeader": _fnDetectHeader, + "_fnGetUniqueThs": _fnGetUniqueThs, + "_fnScrollBarWidth": _fnScrollBarWidth, + "_fnApplyToChildren": _fnApplyToChildren, + "_fnMap": _fnMap, + "_fnGetRowData": _fnGetRowData, + "_fnGetCellData": _fnGetCellData, + "_fnSetCellData": _fnSetCellData, + "_fnGetObjectDataFn": _fnGetObjectDataFn, + "_fnSetObjectDataFn": _fnSetObjectDataFn, + "_fnApplyColumnDefs": _fnApplyColumnDefs, + "_fnBindAction": _fnBindAction, + "_fnExtend": _fnExtend, + "_fnCallbackReg": _fnCallbackReg, + "_fnCallbackFire": _fnCallbackFire, + "_fnJsonString": _fnJsonString, + "_fnRender": _fnRender, + "_fnNodeToColumnIndex": _fnNodeToColumnIndex + }; + + $.extend( DataTable.ext.oApi, this.oApi ); + + for ( var sFunc in DataTable.ext.oApi ) + { + if ( sFunc ) + { + this[sFunc] = _fnExternApiFunc(sFunc); + } + } + + + var _that = this; + return this.each(function() { + + var i=0, iLen, j, jLen, k, kLen; + var sId = this.getAttribute( 'id' ); + var bInitHandedOff = false; + var bUsePassedData = false; + + + /* Sanity check */ + if ( this.nodeName.toLowerCase() != 'table' ) + { + _fnLog( null, 0, "Attempted to initialise DataTables on a node which is not a "+ + "table: "+this.nodeName ); + return; + } + + /* Check to see if we are re-initialising a table */ + for ( i=0, iLen=DataTable.settings.length ; i<iLen ; i++ ) + { + /* Base check on table node */ + if ( DataTable.settings[i].nTable == this ) + { + if ( oInit === undefined || oInit.bRetrieve ) + { + return DataTable.settings[i].oInstance; + } + else if ( oInit.bDestroy ) + { + DataTable.settings[i].oInstance.fnDestroy(); + break; + } + else + { + _fnLog( DataTable.settings[i], 0, "Cannot reinitialise DataTable.\n\n"+ + "To retrieve the DataTables object for this table, pass no arguments or see "+ + "the docs for bRetrieve and bDestroy" ); + return; + } + } + + /* If the element we are initialising has the same ID as a table which was previously + * initialised, but the table nodes don't match (from before) then we destroy the old + * instance by simply deleting it. This is under the assumption that the table has been + * destroyed by other methods. Anyone using non-id selectors will need to do this manually + */ + if ( DataTable.settings[i].sTableId == this.id ) + { + DataTable.settings.splice( i, 1 ); + break; + } + } + + /* Ensure the table has an ID - required for accessibility */ + if ( sId === null ) + { + sId = "DataTables_Table_"+(DataTable.ext._oExternConfig.iNextUnique++); + this.id = sId; + } + + /* Create the settings object for this table and set some of the default parameters */ + var oSettings = $.extend( true, {}, DataTable.models.oSettings, { + "nTable": this, + "oApi": _that.oApi, + "oInit": oInit, + "sDestroyWidth": $(this).width(), + "sInstance": sId, + "sTableId": sId + } ); + DataTable.settings.push( oSettings ); + + // Need to add the instance after the instance after the settings object has been added + // to the settings array, so we can self reference the table instance if more than one + oSettings.oInstance = (_that.length===1) ? _that : $(this).dataTable(); + + /* Setting up the initialisation object */ + if ( !oInit ) + { + oInit = {}; + } + + // Backwards compatibility, before we apply all the defaults + if ( oInit.oLanguage ) + { + _fnLanguageCompat( oInit.oLanguage ); + } + + oInit = _fnExtend( $.extend(true, {}, DataTable.defaults), oInit ); + + // Map the initialisation options onto the settings object + _fnMap( oSettings.oFeatures, oInit, "bPaginate" ); + _fnMap( oSettings.oFeatures, oInit, "bLengthChange" ); + _fnMap( oSettings.oFeatures, oInit, "bFilter" ); + _fnMap( oSettings.oFeatures, oInit, "bSort" ); + _fnMap( oSettings.oFeatures, oInit, "bInfo" ); + _fnMap( oSettings.oFeatures, oInit, "bProcessing" ); + _fnMap( oSettings.oFeatures, oInit, "bAutoWidth" ); + _fnMap( oSettings.oFeatures, oInit, "bSortClasses" ); + _fnMap( oSettings.oFeatures, oInit, "bServerSide" ); + _fnMap( oSettings.oFeatures, oInit, "bDeferRender" ); + _fnMap( oSettings.oScroll, oInit, "sScrollX", "sX" ); + _fnMap( oSettings.oScroll, oInit, "sScrollXInner", "sXInner" ); + _fnMap( oSettings.oScroll, oInit, "sScrollY", "sY" ); + _fnMap( oSettings.oScroll, oInit, "bScrollCollapse", "bCollapse" ); + _fnMap( oSettings.oScroll, oInit, "bScrollInfinite", "bInfinite" ); + _fnMap( oSettings.oScroll, oInit, "iScrollLoadGap", "iLoadGap" ); + _fnMap( oSettings.oScroll, oInit, "bScrollAutoCss", "bAutoCss" ); + _fnMap( oSettings, oInit, "asStripClasses", "asStripeClasses" ); // legacy + _fnMap( oSettings, oInit, "asStripeClasses" ); + _fnMap( oSettings, oInit, "fnServerData" ); + _fnMap( oSettings, oInit, "fnFormatNumber" ); + _fnMap( oSettings, oInit, "sServerMethod" ); + _fnMap( oSettings, oInit, "aaSorting" ); + _fnMap( oSettings, oInit, "aaSortingFixed" ); + _fnMap( oSettings, oInit, "aLengthMenu" ); + _fnMap( oSettings, oInit, "sPaginationType" ); + _fnMap( oSettings, oInit, "sAjaxSource" ); + _fnMap( oSettings, oInit, "sAjaxDataProp" ); + _fnMap( oSettings, oInit, "iCookieDuration" ); + _fnMap( oSettings, oInit, "sCookiePrefix" ); + _fnMap( oSettings, oInit, "sDom" ); + _fnMap( oSettings, oInit, "bSortCellsTop" ); + _fnMap( oSettings, oInit, "iTabIndex" ); + _fnMap( oSettings, oInit, "oSearch", "oPreviousSearch" ); + _fnMap( oSettings, oInit, "aoSearchCols", "aoPreSearchCols" ); + _fnMap( oSettings, oInit, "iDisplayLength", "_iDisplayLength" ); + _fnMap( oSettings, oInit, "bJQueryUI", "bJUI" ); + _fnMap( oSettings, oInit, "fnCookieCallback" ); + _fnMap( oSettings, oInit, "fnStateLoad" ); + _fnMap( oSettings, oInit, "fnStateSave" ); + _fnMap( oSettings.oLanguage, oInit, "fnInfoCallback" ); + + /* Callback functions which are array driven */ + _fnCallbackReg( oSettings, 'aoDrawCallback', oInit.fnDrawCallback, 'user' ); + _fnCallbackReg( oSettings, 'aoServerParams', oInit.fnServerParams, 'user' ); + _fnCallbackReg( oSettings, 'aoStateSaveParams', oInit.fnStateSaveParams, 'user' ); + _fnCallbackReg( oSettings, 'aoStateLoadParams', oInit.fnStateLoadParams, 'user' ); + _fnCallbackReg( oSettings, 'aoStateLoaded', oInit.fnStateLoaded, 'user' ); + _fnCallbackReg( oSettings, 'aoRowCallback', oInit.fnRowCallback, 'user' ); + _fnCallbackReg( oSettings, 'aoRowCreatedCallback', oInit.fnCreatedRow, 'user' ); + _fnCallbackReg( oSettings, 'aoHeaderCallback', oInit.fnHeaderCallback, 'user' ); + _fnCallbackReg( oSettings, 'aoFooterCallback', oInit.fnFooterCallback, 'user' ); + _fnCallbackReg( oSettings, 'aoInitComplete', oInit.fnInitComplete, 'user' ); + _fnCallbackReg( oSettings, 'aoPreDrawCallback', oInit.fnPreDrawCallback, 'user' ); + + if ( oSettings.oFeatures.bServerSide && oSettings.oFeatures.bSort && + oSettings.oFeatures.bSortClasses ) + { + /* Enable sort classes for server-side processing. Safe to do it here, since server-side + * processing must be enabled by the developer + */ + _fnCallbackReg( oSettings, 'aoDrawCallback', _fnSortingClasses, 'server_side_sort_classes' ); + } + else if ( oSettings.oFeatures.bDeferRender ) + { + _fnCallbackReg( oSettings, 'aoDrawCallback', _fnSortingClasses, 'defer_sort_classes' ); + } + + if ( oInit.bJQueryUI ) + { + /* Use the JUI classes object for display. You could clone the oStdClasses object if + * you want to have multiple tables with multiple independent classes + */ + $.extend( oSettings.oClasses, DataTable.ext.oJUIClasses ); + + if ( oInit.sDom === DataTable.defaults.sDom && DataTable.defaults.sDom === "lfrtip" ) + { + /* Set the DOM to use a layout suitable for jQuery UI's theming */ + oSettings.sDom = '<"H"lfr>t<"F"ip>'; + } + } + else + { + $.extend( oSettings.oClasses, DataTable.ext.oStdClasses ); + } + $(this).addClass( oSettings.oClasses.sTable ); + + /* Calculate the scroll bar width and cache it for use later on */ + if ( oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "" ) + { + oSettings.oScroll.iBarWidth = _fnScrollBarWidth(); + } + + if ( oSettings.iInitDisplayStart === undefined ) + { + /* Display start point, taking into account the save saving */ + oSettings.iInitDisplayStart = oInit.iDisplayStart; + oSettings._iDisplayStart = oInit.iDisplayStart; + } + + /* Must be done after everything which can be overridden by a cookie! */ + if ( oInit.bStateSave ) + { + oSettings.oFeatures.bStateSave = true; + _fnLoadState( oSettings, oInit ); + _fnCallbackReg( oSettings, 'aoDrawCallback', _fnSaveState, 'state_save' ); + } + + if ( oInit.iDeferLoading !== null ) + { + oSettings.bDeferLoading = true; + oSettings._iRecordsTotal = oInit.iDeferLoading; + oSettings._iRecordsDisplay = oInit.iDeferLoading; + } + + if ( oInit.aaData !== null ) + { + bUsePassedData = true; + } + + /* Language definitions */ + if ( oInit.oLanguage.sUrl !== "" ) + { + /* Get the language definitions from a file - because this Ajax call makes the language + * get async to the remainder of this function we use bInitHandedOff to indicate that + * _fnInitialise will be fired by the returned Ajax handler, rather than the constructor + */ + oSettings.oLanguage.sUrl = oInit.oLanguage.sUrl; + $.getJSON( oSettings.oLanguage.sUrl, null, function( json ) { + _fnLanguageCompat( json ); + $.extend( true, oSettings.oLanguage, oInit.oLanguage, json ); + _fnInitialise( oSettings ); + } ); + bInitHandedOff = true; + } + else + { + $.extend( true, oSettings.oLanguage, oInit.oLanguage ); + } + + + /* + * Stripes + */ + + /* Remove row stripe classes if they are already on the table row */ + var bStripeRemove = false; + var anRows = $(this).children('tbody').children('tr'); + for ( i=0, iLen=oSettings.asStripeClasses.length ; i<iLen ; i++ ) + { + if ( anRows.filter(":lt(2)").hasClass( oSettings.asStripeClasses[i]) ) + { + bStripeRemove = true; + break; + } + } + + if ( bStripeRemove ) + { + /* Store the classes which we are about to remove so they can be readded on destroy */ + oSettings.asDestroyStripes = [ '', '' ]; + if ( $(anRows[0]).hasClass(oSettings.oClasses.sStripeOdd) ) + { + oSettings.asDestroyStripes[0] += oSettings.oClasses.sStripeOdd+" "; + } + if ( $(anRows[0]).hasClass(oSettings.oClasses.sStripeEven) ) + { + oSettings.asDestroyStripes[0] += oSettings.oClasses.sStripeEven; + } + if ( $(anRows[1]).hasClass(oSettings.oClasses.sStripeOdd) ) + { + oSettings.asDestroyStripes[1] += oSettings.oClasses.sStripeOdd+" "; + } + if ( $(anRows[1]).hasClass(oSettings.oClasses.sStripeEven) ) + { + oSettings.asDestroyStripes[1] += oSettings.oClasses.sStripeEven; + } + + anRows.removeClass( oSettings.asStripeClasses.join(' ') ); + } + + + /* + * Columns + * See if we should load columns automatically or use defined ones + */ + var anThs = []; + var aoColumnsInit; + var nThead = this.getElementsByTagName('thead'); + if ( nThead.length !== 0 ) + { + _fnDetectHeader( oSettings.aoHeader, nThead[0] ); + anThs = _fnGetUniqueThs( oSettings ); + } + + /* If not given a column array, generate one with nulls */ + if ( oInit.aoColumns === null ) + { + aoColumnsInit = []; + for ( i=0, iLen=anThs.length ; i<iLen ; i++ ) + { + aoColumnsInit.push( null ); + } + } + else + { + aoColumnsInit = oInit.aoColumns; + } + + /* Add the columns */ + for ( i=0, iLen=aoColumnsInit.length ; i<iLen ; i++ ) + { + /* Short cut - use the loop to check if we have column visibility state to restore */ + if ( oInit.saved_aoColumns !== undefined && oInit.saved_aoColumns.length == iLen ) + { + if ( aoColumnsInit[i] === null ) + { + aoColumnsInit[i] = {}; + } + aoColumnsInit[i].bVisible = oInit.saved_aoColumns[i].bVisible; + } + + _fnAddColumn( oSettings, anThs ? anThs[i] : null ); + } + + /* Apply the column definitions */ + _fnApplyColumnDefs( oSettings, oInit.aoColumnDefs, aoColumnsInit, function (iCol, oDef) { + _fnColumnOptions( oSettings, iCol, oDef ); + } ); + + + /* + * Sorting + * Check the aaSorting array + */ + for ( i=0, iLen=oSettings.aaSorting.length ; i<iLen ; i++ ) + { + if ( oSettings.aaSorting[i][0] >= oSettings.aoColumns.length ) + { + oSettings.aaSorting[i][0] = 0; + } + var oColumn = oSettings.aoColumns[ oSettings.aaSorting[i][0] ]; + + /* Add a default sorting index */ + if ( oSettings.aaSorting[i][2] === undefined ) + { + oSettings.aaSorting[i][2] = 0; + } + + /* If aaSorting is not defined, then we use the first indicator in asSorting */ + if ( oInit.aaSorting === undefined && oSettings.saved_aaSorting === undefined ) + { + oSettings.aaSorting[i][1] = oColumn.asSorting[0]; + } + + /* Set the current sorting index based on aoColumns.asSorting */ + for ( j=0, jLen=oColumn.asSorting.length ; j<jLen ; j++ ) + { + if ( oSettings.aaSorting[i][1] == oColumn.asSorting[j] ) + { + oSettings.aaSorting[i][2] = j; + break; + } + } + } + + /* Do a first pass on the sorting classes (allows any size changes to be taken into + * account, and also will apply sorting disabled classes if disabled + */ + _fnSortingClasses( oSettings ); + + + /* + * Final init + * Cache the header, body and footer as required, creating them if needed + */ + var thead = $(this).children('thead'); + if ( thead.length === 0 ) + { + thead = [ document.createElement( 'thead' ) ]; + this.appendChild( thead[0] ); + } + oSettings.nTHead = thead[0]; + + var tbody = $(this).children('tbody'); + if ( tbody.length === 0 ) + { + tbody = [ document.createElement( 'tbody' ) ]; + this.appendChild( tbody[0] ); + } + oSettings.nTBody = tbody[0]; + oSettings.nTBody.setAttribute( "role", "alert" ); + oSettings.nTBody.setAttribute( "aria-live", "polite" ); + oSettings.nTBody.setAttribute( "aria-relevant", "all" ); + + var tfoot = $(this).children('tfoot'); + if ( tfoot.length > 0 ) + { + oSettings.nTFoot = tfoot[0]; + _fnDetectHeader( oSettings.aoFooter, oSettings.nTFoot ); + } + + /* Check if there is data passing into the constructor */ + if ( bUsePassedData ) + { + for ( i=0 ; i<oInit.aaData.length ; i++ ) + { + _fnAddData( oSettings, oInit.aaData[ i ] ); + } + } + else + { + /* Grab the data from the page */ + _fnGatherData( oSettings ); + } + + /* Copy the data index array */ + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + + /* Initialisation complete - table can be drawn */ + oSettings.bInitialised = true; + + /* Check if we need to initialise the table (it might not have been handed off to the + * language processor) + */ + if ( bInitHandedOff === false ) + { + _fnInitialise( oSettings ); + } + } ); + }; + + /** + * Version string for plug-ins to check compatibility. Allowed format is + * a.b.c.d.e where: a:int, b:int, c:int, d:string(dev|beta), e:int. d and + * e are optional + * @member + * @type string + * @default Version number + */ + DataTable.version = "1.9.0"; + + /** + * Private data store, containing all of the settings objects that are created for the + * tables on a given page. + * + * Note that the <i>DataTable.settings</i> object is aliased to <i>jQuery.fn.dataTableExt</i> + * through which it may be accessed and manipulated, or <i>jQuery.fn.dataTable.settings</i>. + * @member + * @type array + * @default [] + * @private + */ + DataTable.settings = []; + + /** + * Object models container, for the various models that DataTables has available + * to it. These models define the objects that are used to hold the active state + * and configuration of the table. + * @namespace + */ + DataTable.models = {}; + + + /** + * DataTables extension options and plug-ins. This namespace acts as a collection "area" + * for plug-ins that can be used to extend the default DataTables behaviour - indeed many + * of the build in methods use this method to provide their own capabilities (sorting methods + * for example). + * + * Note that this namespace is aliased to jQuery.fn.dataTableExt so it can be readily accessed + * and modified by plug-ins. + * @namespace + */ + DataTable.models.ext = { + /** + * Plug-in filtering functions - this method of filtering is complimentary to the default + * type based filtering, and a lot more comprehensive as it allows you complete control + * over the filtering logic. Each element in this array is a function (parameters + * described below) that is called for every row in the table, and your logic decides if + * it should be included in the filtered data set or not. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * <li>{array|object} Data for the row to be processed (same as the original format + * that was passed in as the data source, or an array from a DOM data source</li> + * <li>{int} Row index in aoData ({@link DataTable.models.oSettings.aoData}), which can + * be useful to retrieve the TR element if you need DOM interaction.</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{boolean} Include the row in the filtered result set (true) or not (false)</li> + * </ul> + * </il> + * </ul> + * @type array + * @default [] + * + * @example + * // The following example shows custom filtering being applied to the fourth column (i.e. + * // the aData[3] index) based on two input values from the end-user, matching the data in + * // a certain range. + * $.fn.dataTableExt.afnFiltering.push( + * function( oSettings, aData, iDataIndex ) { + * var iMin = document.getElementById('min').value * 1; + * var iMax = document.getElementById('max').value * 1; + * var iVersion = aData[3] == "-" ? 0 : aData[3]*1; + * if ( iMin == "" && iMax == "" ) { + * return true; + * } + * else if ( iMin == "" && iVersion < iMax ) { + * return true; + * } + * else if ( iMin < iVersion && "" == iMax ) { + * return true; + * } + * else if ( iMin < iVersion && iVersion < iMax ) { + * return true; + * } + * return false; + * } + * ); + */ + "afnFiltering": [], + + + /** + * Plug-in sorting functions - this method of sorting is complimentary to the default type + * based sorting that DataTables does automatically, allowing much greater control over the + * the data that is being used to sort a column. This is useful if you want to do sorting + * based on live data (for example the contents of an 'input' element) rather than just the + * static string that DataTables knows of. The way these plug-ins work is that you create + * an array of the values you wish to be sorted for the column in question and then return + * that array. Which pre-sorting function is run here depends on the sSortDataType parameter + * that is used for the column (if any). This is the corollary of <i>ofnSearch</i> for sort + * data. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * <li>{int} Target column index</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{array} Data for the column to be sorted upon</li> + * </ul> + * </il> + * </ul> + * + * Note that as of v1.9, it is typically preferable to use <i>mDataProp</i> to prepare data for + * the different uses that DataTables can put the data to. Specifically <i>mDataProp</i> when + * used as a function will give you a 'type' (sorting, filtering etc) that you can use to + * prepare the data as required for the different types. As such, this method is deprecated. + * @type array + * @default [] + * @deprecated + * + * @example + * // Updating the cached sorting information with user entered values in HTML input elements + * jQuery.fn.dataTableExt.afnSortData['dom-text'] = function ( oSettings, iColumn ) + * { + * var aData = []; + * $( 'td:eq('+iColumn+') input', oSettings.oApi._fnGetTrNodes(oSettings) ).each( function () { + * aData.push( this.value ); + * } ); + * return aData; + * } + */ + "afnSortData": [], + + + /** + * Feature plug-ins - This is an array of objects which describe the feature plug-ins that are + * available to DataTables. These feature plug-ins are accessible through the sDom initialisation + * option. As such, each feature plug-in must describe a function that is used to initialise + * itself (fnInit), a character so the feature can be enabled by sDom (cFeature) and the name + * of the feature (sFeature). Thus the objects attached to this method must provide: + * <ul> + * <li>{function} fnInit Initialisation of the plug-in + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{node|null} The element which contains your feature. Note that the return + * may also be void if your plug-in does not require to inject any DOM elements + * into DataTables control (sDom) - for example this might be useful when + * developing a plug-in which allows table control via keyboard entry.</li> + * </ul> + * </il> + * </ul> + * </li> + * <li>{character} cFeature Character that will be matched in sDom - case sensitive</li> + * <li>{string} sFeature Feature name</li> + * </ul> + * @type array + * @default [] + * + * @example + * // How TableTools initialises itself. + * $.fn.dataTableExt.aoFeatures.push( { + * "fnInit": function( oSettings ) { + * return new TableTools( { "oDTSettings": oSettings } ); + * }, + * "cFeature": "T", + * "sFeature": "TableTools" + * } ); + */ + "aoFeatures": [], + + + /** + * Type detection plug-in functions - DataTables utilises types to define how sorting and + * filtering behave, and types can be either be defined by the developer (sType for the + * column) or they can be automatically detected by the methods in this array. The functions + * defined in the array are quite simple, taking a single parameter (the data to analyse) + * and returning the type if it is a known type, or null otherwise. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{*} Data from the column cell to be analysed</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{string|null} Data type detected, or null if unknown (and thus pass it + * on to the other type detection functions.</li> + * </ul> + * </il> + * </ul> + * @type array + * @default [] + * + * @example + * // Currency type detection plug-in: + * jQuery.fn.dataTableExt.aTypes.push( + * function ( sData ) { + * var sValidChars = "0123456789.-"; + * var Char; + * + * // Check the numeric part + * for ( i=1 ; i<sData.length ; i++ ) { + * Char = sData.charAt(i); + * if (sValidChars.indexOf(Char) == -1) { + * return null; + * } + * } + * + * // Check prefixed by currency + * if ( sData.charAt(0) == '$' || sData.charAt(0) == '£' ) { + * return 'currency'; + * } + * return null; + * } + * ); + */ + "aTypes": [], + + + /** + * Provide a common method for plug-ins to check the version of DataTables being used, + * in order to ensure compatibility. + * @type function + * @param {string} sVersion Version string to check for, in the format "X.Y.Z". Note + * that the formats "X" and "X.Y" are also acceptable. + * @returns {boolean} true if this version of DataTables is greater or equal to the + * required version, or false if this version of DataTales is not suitable + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * alert( oTable.fnVersionCheck( '1.9.0' ) ); + * } ); + */ + "fnVersionCheck": function( sVersion ) + { + /* This is cheap, but very effective */ + var fnZPad = function (Zpad, count) + { + while(Zpad.length < count) { + Zpad += '0'; + } + return Zpad; + }; + var aThis = DataTable.ext.sVersion.split('.'); + var aThat = sVersion.split('.'); + var sThis = '', sThat = ''; + + for ( var i=0, iLen=aThat.length ; i<iLen ; i++ ) + { + sThis += fnZPad( aThis[i], 3 ); + sThat += fnZPad( aThat[i], 3 ); + } + + return parseInt(sThis, 10) >= parseInt(sThat, 10); + }, + + + /** + * Index for what 'this' index API functions should use + * @type int + * @default 0 + */ + "iApiIndex": 0, + + + /** + * Pre-processing of filtering data plug-ins - When you assign the sType for a column + * (or have it automatically detected for you by DataTables or a type detection plug-in), + * you will typically be using this for custom sorting, but it can also be used to provide + * custom filtering by allowing you to pre-processing the data and returning the data in + * the format that should be filtered upon. This is done by adding functions this object + * with a parameter name which matches the sType for that target column. This is the + * corollary of <i>afnSortData</i> for filtering data. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{*} Data from the column cell to be prepared for filtering</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{string|null} Formatted string that will be used for the filtering.</li> + * </ul> + * </il> + * </ul> + * + * Note that as of v1.9, it is typically preferable to use <i>mDataProp</i> to prepare data for + * the different uses that DataTables can put the data to. Specifically <i>mDataProp</i> when + * used as a function will give you a 'type' (sorting, filtering etc) that you can use to + * prepare the data as required for the different types. As such, this method is deprecated. + * @type object + * @default {} + * @deprecated + * + * @example + * $.fn.dataTableExt.ofnSearch['title-numeric'] = function ( sData ) { + * return sData.replace(/\n/g," ").replace( /<.*?>/g, "" ); + * } + */ + "ofnSearch": {}, + + + /** + * Container for all private functions in DataTables so they can be exposed externally + * @type object + * @default {} + */ + "oApi": {}, + + + /** + * Storage for the various classes that DataTables uses + * @type object + * @default {} + */ + "oStdClasses": {}, + + + /** + * Storage for the various classes that DataTables uses - jQuery UI suitable + * @type object + * @default {} + */ + "oJUIClasses": {}, + + + /** + * Pagination plug-in methods - The style and controls of the pagination can significantly + * impact on how the end user interacts with the data in your table, and DataTables allows + * the addition of pagination controls by extending this object, which can then be enabled + * through the <i>sPaginationType</i> initialisation parameter. Each pagination type that + * is added is an object (the property name of which is what <i>sPaginationType</i> refers + * to) that has two properties, both methods that are used by DataTables to update the + * control's state. + * <ul> + * <li> + * fnInit - Initialisation of the paging controls. Called only during initialisation + * of the table. It is expected that this function will add the required DOM elements + * to the page for the paging controls to work. The element pointer + * 'oSettings.aanFeatures.p' array is provided by DataTables to contain the paging + * controls (note that this is a 2D array to allow for multiple instances of each + * DataTables DOM element). It is suggested that you add the controls to this element + * as children + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * <li>{node} Container into which the pagination controls must be inserted</li> + * <li>{function} Draw callback function - whenever the controls cause a page + * change, this method must be called to redraw the table.</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>No return required</li> + * </ul> + * </il> + * </ul> + * </il> + * <li> + * fnInit - This function is called whenever the paging status of the table changes and is + * typically used to update classes and/or text of the paging controls to reflex the new + * status. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * <li>{function} Draw callback function - in case you need to redraw the table again + * or attach new event listeners</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>No return required</li> + * </ul> + * </il> + * </ul> + * </il> + * </ul> + * @type object + * @default {} + * + * @example + * $.fn.dataTableExt.oPagination.four_button = { + * "fnInit": function ( oSettings, nPaging, fnCallbackDraw ) { + * nFirst = document.createElement( 'span' ); + * nPrevious = document.createElement( 'span' ); + * nNext = document.createElement( 'span' ); + * nLast = document.createElement( 'span' ); + * + * nFirst.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sFirst ) ); + * nPrevious.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sPrevious ) ); + * nNext.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sNext ) ); + * nLast.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sLast ) ); + * + * nFirst.className = "paginate_button first"; + * nPrevious.className = "paginate_button previous"; + * nNext.className="paginate_button next"; + * nLast.className = "paginate_button last"; + * + * nPaging.appendChild( nFirst ); + * nPaging.appendChild( nPrevious ); + * nPaging.appendChild( nNext ); + * nPaging.appendChild( nLast ); + * + * $(nFirst).click( function () { + * oSettings.oApi._fnPageChange( oSettings, "first" ); + * fnCallbackDraw( oSettings ); + * } ); + * + * $(nPrevious).click( function() { + * oSettings.oApi._fnPageChange( oSettings, "previous" ); + * fnCallbackDraw( oSettings ); + * } ); + * + * $(nNext).click( function() { + * oSettings.oApi._fnPageChange( oSettings, "next" ); + * fnCallbackDraw( oSettings ); + * } ); + * + * $(nLast).click( function() { + * oSettings.oApi._fnPageChange( oSettings, "last" ); + * fnCallbackDraw( oSettings ); + * } ); + * + * $(nFirst).bind( 'selectstart', function () { return false; } ); + * $(nPrevious).bind( 'selectstart', function () { return false; } ); + * $(nNext).bind( 'selectstart', function () { return false; } ); + * $(nLast).bind( 'selectstart', function () { return false; } ); + * }, + * + * "fnUpdate": function ( oSettings, fnCallbackDraw ) { + * if ( !oSettings.aanFeatures.p ) { + * return; + * } + * + * // Loop over each instance of the pager + * var an = oSettings.aanFeatures.p; + * for ( var i=0, iLen=an.length ; i<iLen ; i++ ) { + * var buttons = an[i].getElementsByTagName('span'); + * if ( oSettings._iDisplayStart === 0 ) { + * buttons[0].className = "paginate_disabled_previous"; + * buttons[1].className = "paginate_disabled_previous"; + * } + * else { + * buttons[0].className = "paginate_enabled_previous"; + * buttons[1].className = "paginate_enabled_previous"; + * } + * + * if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) { + * buttons[2].className = "paginate_disabled_next"; + * buttons[3].className = "paginate_disabled_next"; + * } + * else { + * buttons[2].className = "paginate_enabled_next"; + * buttons[3].className = "paginate_enabled_next"; + * } + * } + * } + * }; + */ + "oPagination": {}, + + + /** + * Sorting plug-in methods - Sorting in DataTables is based on the detected type of the + * data column (you can add your own type detection functions, or override automatic + * detection using sType). With this specific type given to the column, DataTables will + * apply the required sort from the functions in the object. Each sort type must provide + * two mandatory methods, one each for ascending and descending sorting, and can optionally + * provide a pre-formatting method that will help speed up sorting by allowing DataTables + * to pre-format the sort data only once (rather than every time the actual sort functions + * are run). The two sorting functions are typical Javascript sort methods: + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{*} Data to compare to the second parameter</li> + * <li>{*} Data to compare to the first parameter</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{int} Sorting match: <0 if first parameter should be sorted lower than + * the second parameter, ===0 if the two parameters are equal and >0 if + * the first parameter should be sorted height than the second parameter.</li> + * </ul> + * </il> + * </ul> + * @type object + * @default {} + * + * @example + * // Case-sensitive string sorting, with no pre-formatting method + * $.extend( $.fn.dataTableExt.oSort, { + * "string-case-asc": function(x,y) { + * return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + * }, + * "string-case-desc": function(x,y) { + * return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + * } + * } ); + * + * @example + * // Case-insensitive string sorting, with pre-formatting + * $.extend( $.fn.dataTableExt.oSort, { + * "string-pre": function(x) { + * return x.toLowerCase(); + * }, + * "string-asc": function(x,y) { + * return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + * }, + * "string-desc": function(x,y) { + * return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + * } + * } ); + */ + "oSort": {}, + + + /** + * Version string for plug-ins to check compatibility. Allowed format is + * a.b.c.d.e where: a:int, b:int, c:int, d:string(dev|beta), e:int. d and + * e are optional + * @type string + * @default Version number + */ + "sVersion": DataTable.version, + + + /** + * How should DataTables report an error. Can take the value 'alert' or 'throw' + * @type string + * @default alert + */ + "sErrMode": "alert", + + + /** + * Store information for DataTables to access globally about other instances + * @namespace + * @private + */ + "_oExternConfig": { + /* int:iNextUnique - next unique number for an instance */ + "iNextUnique": 0 + } + }; + + + + + /** + * Template object for the way in which DataTables holds information about + * search information for the global filter and individual column filters. + * @namespace + */ + DataTable.models.oSearch = { + /** + * Flag to indicate if the filtering should be case insensitive or not + * @type boolean + * @default true + */ + "bCaseInsensitive": true, + + /** + * Applied search term + * @type string + * @default <i>Empty string</i> + */ + "sSearch": "", + + /** + * Flag to indicate if the search term should be interpreted as a + * regular expression (true) or not (false) and therefore and special + * regex characters escaped. + * @type boolean + * @default false + */ + "bRegex": false, + + /** + * Flag to indicate if DataTables is to use its smart filtering or not. + * @type boolean + * @default true + */ + "bSmart": true + }; + + + + + /** + * Template object for the way in which DataTables holds information about + * each individual row. This is the object format used for the settings + * aoData array. + * @namespace + */ + DataTable.models.oRow = { + /** + * TR element for the row + * @type node + * @default null + */ + "nTr": null, + + /** + * Data object from the original data source for the row. This is either + * an array if using the traditional form of DataTables, or an object if + * using mDataProp options. The exact type will depend on the passed in + * data from the data source, or will be an array if using DOM a data + * source. + * @type array|object + * @default [] + */ + "_aData": [], + + /** + * Sorting data cache - this array is ostensibly the same length as the + * number of columns (although each index is generated only as it is + * needed), and holds the data that is used for sorting each column in the + * row. We do this cache generation at the start of the sort in order that + * the formatting of the sort data need be done only once for each cell + * per sort. This array should not be read from or written to by anything + * other than the master sorting methods. + * @type array + * @default [] + * @private + */ + "_aSortData": [], + + /** + * Array of TD elements that are cached for hidden rows, so they can be + * reinserted into the table if a column is made visible again (or to act + * as a store if a column is made hidden). Only hidden columns have a + * reference in the array. For non-hidden columns the value is either + * undefined or null. + * @type array nodes + * @default [] + * @private + */ + "_anHidden": [], + + /** + * Cache of the class name that DataTables has applied to the row, so we + * can quickly look at this variable rather than needing to do a DOM check + * on className for the nTr property. + * @type string + * @default <i>Empty string</i> + * @private + */ + "_sRowStripe": "" + }; + + + + /** + * Template object for the column information object in DataTables. This object + * is held in the settings aoColumns array and contains all the information that + * DataTables needs about each individual column. + * + * Note that this object is related to {@link DataTable.defaults.columns} + * but this one is the internal data store for DataTables's cache of columns. + * It should NOT be manipulated outside of DataTables. Any configuration should + * be done through the initialisation options. + * @namespace + */ + DataTable.models.oColumn = { + /** + * A list of the columns that sorting should occur on when this column + * is sorted. That this property is an array allows multi-column sorting + * to be defined for a column (for example first name / last name columns + * would benefit from this). The values are integers pointing to the + * columns to be sorted on (typically it will be a single integer pointing + * at itself, but that doesn't need to be the case). + * @type array + */ + "aDataSort": null, + + /** + * Define the sorting directions that are applied to the column, in sequence + * as the column is repeatedly sorted upon - i.e. the first value is used + * as the sorting direction when the column if first sorted (clicked on). + * Sort it again (click again) and it will move on to the next index. + * Repeat until loop. + * @type array + */ + "asSorting": null, + + /** + * Flag to indicate if the column is searchable, and thus should be included + * in the filtering or not. + * @type boolean + */ + "bSearchable": null, + + /** + * Flag to indicate if the column is sortable or not. + * @type boolean + */ + "bSortable": null, + + /** + * When using fnRender, you have two options for what to do with the data, + * and this property serves as the switch. Firstly, you can have the sorting + * and filtering use the rendered value (true - default), or you can have + * the sorting and filtering us the original value (false). + * + * *NOTE* It is it is advisable now to use mDataProp as a function and make + * use of the 'type' that it gives, allowing (potentially) different data to + * be used for sorting, filtering, display and type detection. + * @type boolean + * @deprecated + */ + "bUseRendered": null, + + /** + * Flag to indicate if the column is currently visible in the table or not + * @type boolean + */ + "bVisible": null, + + /** + * Flag to indicate to the type detection method if the automatic type + * detection should be used, or if a column type (sType) has been specified + * @type boolean + * @default true + * @private + */ + "_bAutoType": true, + + /** + * Developer definable function that is called whenever a cell is created (Ajax source, + * etc) or processed for input (DOM source). This can be used as a compliment to fnRender + * allowing you to modify the DOM element (add background colour for example) when the + * element is available (since it is not when fnRender is called). + * @type function + * @param {element} nTd The TD node that has been created + * @param {*} sData The Data for the cell + * @param {array|object} oData The data for the whole row + * @param {int} iRow The row index for the aoData data store + * @default null + */ + "fnCreatedCell": null, + + /** + * Function to get data from a cell in a column. You should <b>never</b> + * access data directly through _aData internally in DataTables - always use + * the method attached to this property. It allows mDataProp to function as + * required. This function is automatically assigned by the column + * initialisation method + * @type function + * @param {array|object} oData The data array/object for the array + * (i.e. aoData[]._aData) + * @param {string} sSpecific The specific data type you want to get - + * 'display', 'type' 'filter' 'sort' + * @returns {*} The data for the cell from the given row's data + * @default null + */ + "fnGetData": null, + + /** + * Custom display function that will be called for the display of each cell + * in this column. + * @type function + * @param {object} o Object with the following parameters: + * @param {int} o.iDataRow The row in aoData + * @param {int} o.iDataColumn The column in question + * @param {array o.aData The data for the row in question + * @param {object} o.oSettings The settings object for this DataTables instance + * @returns {string} The string you which to use in the display + * @default null + */ + "fnRender": null, + + /** + * Function to set data for a cell in the column. You should <b>never</b> + * set the data directly to _aData internally in DataTables - always use + * this method. It allows mDataProp to function as required. This function + * is automatically assigned by the column initialisation method + * @type function + * @param {array|object} oData The data array/object for the array + * (i.e. aoData[]._aData) + * @param {*} sValue Value to set + * @default null + */ + "fnSetData": null, + + /** + * Property to read the value for the cells in the column from the data + * source array / object. If null, then the default content is used, if a + * function is given then the return from the function is used. + * @type function|int|string|null + * @default null + */ + "mDataProp": null, + + /** + * Unique header TH/TD element for this column - this is what the sorting + * listener is attached to (if sorting is enabled.) + * @type node + * @default null + */ + "nTh": null, + + /** + * Unique footer TH/TD element for this column (if there is one). Not used + * in DataTables as such, but can be used for plug-ins to reference the + * footer for each column. + * @type node + * @default null + */ + "nTf": null, + + /** + * The class to apply to all TD elements in the table's TBODY for the column + * @type string + * @default null + */ + "sClass": null, + + /** + * When DataTables calculates the column widths to assign to each column, + * it finds the longest string in each column and then constructs a + * temporary table and reads the widths from that. The problem with this + * is that "mmm" is much wider then "iiii", but the latter is a longer + * string - thus the calculation can go wrong (doing it properly and putting + * it into an DOM object and measuring that is horribly(!) slow). Thus as + * a "work around" we provide this option. It will append its value to the + * text that is found to be the longest string for the column - i.e. padding. + * @type string + */ + "sContentPadding": null, + + /** + * Allows a default value to be given for a column's data, and will be used + * whenever a null data source is encountered (this can be because mDataProp + * is set to null, or because the data source itself is null). + * @type string + * @default null + */ + "sDefaultContent": null, + + /** + * Name for the column, allowing reference to the column by name as well as + * by index (needs a lookup to work by name). + * @type string + */ + "sName": null, + + /** + * Custom sorting data type - defines which of the available plug-ins in + * afnSortData the custom sorting will use - if any is defined. + * @type string + * @default std + */ + "sSortDataType": 'std', + + /** + * Class to be applied to the header element when sorting on this column + * @type string + * @default null + */ + "sSortingClass": null, + + /** + * Class to be applied to the header element when sorting on this column - + * when jQuery UI theming is used. + * @type string + * @default null + */ + "sSortingClassJUI": null, + + /** + * Title of the column - what is seen in the TH element (nTh). + * @type string + */ + "sTitle": null, + + /** + * Column sorting and filtering type + * @type string + * @default null + */ + "sType": null, + + /** + * Width of the column + * @type string + * @default null + */ + "sWidth": null, + + /** + * Width of the column when it was first "encountered" + * @type string + * @default null + */ + "sWidthOrig": null + }; + + + + /** + * Initialisation options that can be given to DataTables at initialisation + * time. + * @namespace + */ + DataTable.defaults = { + /** + * An array of data to use for the table, passed in at initialisation which + * will be used in preference to any data which is already in the DOM. This is + * particularly useful for constructing tables purely in Javascript, for + * example with a custom Ajax call. + * @type array + * @default null + * @dtopt Option + * + * @example + * // Using a 2D array data source + * $(document).ready( function () { + * $('#example').dataTable( { + * "aaData": [ + * ['Trident', 'Internet Explorer 4.0', 'Win 95+', 4, 'X'], + * ['Trident', 'Internet Explorer 5.0', 'Win 95+', 5, 'C'], + * ], + * "aoColumns": [ + * { "sTitle": "Engine" }, + * { "sTitle": "Browser" }, + * { "sTitle": "Platform" }, + * { "sTitle": "Version" }, + * { "sTitle": "Grade" } + * ] + * } ); + * } ); + * + * @example + * // Using an array of objects as a data source (mDataProp) + * $(document).ready( function () { + * $('#example').dataTable( { + * "aaData": [ + * { + * "engine": "Trident", + * "browser": "Internet Explorer 4.0", + * "platform": "Win 95+", + * "version": 4, + * "grade": "X" + * }, + * { + * "engine": "Trident", + * "browser": "Internet Explorer 5.0", + * "platform": "Win 95+", + * "version": 5, + * "grade": "C" + * } + * ], + * "aoColumns": [ + * { "sTitle": "Engine", "mDataProp": "engine" }, + * { "sTitle": "Browser", "mDataProp": "browser" }, + * { "sTitle": "Platform", "mDataProp": "platform" }, + * { "sTitle": "Version", "mDataProp": "version" }, + * { "sTitle": "Grade", "mDataProp": "grade" } + * ] + * } ); + * } ); + */ + "aaData": null, + + + /** + * If sorting is enabled, then DataTables will perform a first pass sort on + * initialisation. You can define which column(s) the sort is performed upon, + * and the sorting direction, with this variable. The aaSorting array should + * contain an array for each column to be sorted initially containing the + * column's index and a direction string ('asc' or 'desc'). + * @type array + * @default [[0,'asc']] + * @dtopt Option + * + * @example + * // Sort by 3rd column first, and then 4th column + * $(document).ready( function() { + * $('#example').dataTable( { + * "aaSorting": [[2,'asc'], [3,'desc']] + * } ); + * } ); + * + * // No initial sorting + * $(document).ready( function() { + * $('#example').dataTable( { + * "aaSorting": [] + * } ); + * } ); + */ + "aaSorting": [[0,'asc']], + + + /** + * This parameter is basically identical to the aaSorting parameter, but + * cannot be overridden by user interaction with the table. What this means + * is that you could have a column (visible or hidden) which the sorting will + * always be forced on first - any sorting after that (from the user) will + * then be performed as required. This can be useful for grouping rows + * together. + * @type array + * @default null + * @dtopt Option + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "aaSortingFixed": [[0,'asc']] + * } ); + * } ) + */ + "aaSortingFixed": null, + + + /** + * This parameter allows you to readily specify the entries in the length drop + * down menu that DataTables shows when pagination is enabled. It can be + * either a 1D array of options which will be used for both the displayed + * option and the value, or a 2D array which will use the array in the first + * position as the value, and the array in the second position as the + * displayed options (useful for language strings such as 'All'). + * @type array + * @default [ 10, 25, 50, 100 ] + * @dtopt Option + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] + * } ); + * } ); + * + * @example + * // Setting the default display length as well as length menu + * // This is likely to be wanted if you remove the '10' option which + * // is the iDisplayLength default. + * $(document).ready(function() { + * $('#example').dataTable( { + * "iDisplayLength": 25, + * "aLengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]] + * } ); + * } ); + */ + "aLengthMenu": [ 10, 25, 50, 100 ], + + + /** + * The aoColumns option in the initialisation parameter allows you to define + * details about the way individual columns behave. For a full list of + * column options that can be set, please see + * {@link DataTable.defaults.columns}. Note that if you use aoColumns to + * define your columns, you must have an entry in the array for every single + * column that you have in your table (these can be null if you don't which + * to specify any options). + * @member + */ + "aoColumns": null, + + /** + * Very similar to aoColumns, aoColumnDefs allows you to target a specific + * column, multiple columns, or all columns, using the aTargets property of + * each object in the array. This allows great flexibility when creating + * tables, as the aoColumnDefs arrays can be of any length, targeting the + * columns you specifically want. aoColumnDefs may use any of the column + * options available: {@link DataTable.defaults.columns}, but it _must_ + * have aTargets defined in each object in the array. Values in the aTargets + * array may be: + * <ul> + * <li>a string - class name will be matched on the TH for the column</li> + * <li>0 or a positive integer - column index counting from the left</li> + * <li>a negative integer - column index counting from the right</li> + * <li>the string "_all" - all columns (i.e. assign a default)</li> + * </ul> + * @member + */ + "aoColumnDefs": null, + + + /** + * Basically the same as oSearch, this parameter defines the individual column + * filtering state at initialisation time. The array must be of the same size + * as the number of columns, and each element be an object with the parameters + * "sSearch" and "bEscapeRegex" (the latter is optional). 'null' is also + * accepted and the default will be used. + * @type array + * @default [] + * @dtopt Option + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "aoSearchCols": [ + * null, + * { "sSearch": "My filter" }, + * null, + * { "sSearch": "^[0-9]", "bEscapeRegex": false } + * ] + * } ); + * } ) + */ + "aoSearchCols": [], + + + /** + * An array of CSS classes that should be applied to displayed rows. This + * array may be of any length, and DataTables will apply each class + * sequentially, looping when required. + * @type array + * @default [ 'odd', 'even' ] + * @dtopt Option + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "asStripeClasses": [ 'strip1', 'strip2', 'strip3' ] + * } ); + * } ) + */ + "asStripeClasses": [ 'odd', 'even' ], + + + /** + * Enable or disable automatic column width calculation. This can be disabled + * as an optimisation (it takes some time to calculate the widths) if the + * tables widths are passed in using aoColumns. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bAutoWidth": false + * } ); + * } ); + */ + "bAutoWidth": true, + + + /** + * Deferred rendering can provide DataTables with a huge speed boost when you + * are using an Ajax or JS data source for the table. This option, when set to + * true, will cause DataTables to defer the creation of the table elements for + * each row until they are needed for a draw - saving a significant amount of + * time. + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sAjaxSource": "sources/arrays.txt", + * "bDeferRender": true + * } ); + * } ); + */ + "bDeferRender": false, + + + /** + * Replace a DataTable which matches the given selector and replace it with + * one which has the properties of the new initialisation object passed. If no + * table matches the selector, then the new DataTable will be constructed as + * per normal. + * @type boolean + * @default false + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollY": "200px", + * "bPaginate": false + * } ); + * + * // Some time later.... + * $('#example').dataTable( { + * "bFilter": false, + * "bDestroy": true + * } ); + * } ); + */ + "bDestroy": false, + + + /** + * Enable or disable filtering of data. Filtering in DataTables is "smart" in + * that it allows the end user to input multiple words (space separated) and + * will match a row containing those words, even if not in the order that was + * specified (this allow matching across multiple columns). Note that if you + * wish to use filtering in DataTables this must remain 'true' - to remove the + * default filtering input box and retain filtering abilities, please use + * @ref{sDom}. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bFilter": false + * } ); + * } ); + */ + "bFilter": true, + + + /** + * Enable or disable the table information display. This shows information + * about the data that is currently visible on the page, including information + * about filtered data if that action is being performed. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bInfo": false + * } ); + * } ); + */ + "bInfo": true, + + + /** + * Enable jQuery UI ThemeRoller support (required as ThemeRoller requires some + * slightly different and additional mark-up from what DataTables has + * traditionally used). + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "bJQueryUI": true + * } ); + * } ); + */ + "bJQueryUI": false, + + + /** + * Allows the end user to select the size of a formatted page from a select + * menu (sizes are 10, 25, 50 and 100). Requires pagination (bPaginate). + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bLengthChange": false + * } ); + * } ); + */ + "bLengthChange": true, + + + /** + * Enable or disable pagination. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bPaginate": false + * } ); + * } ); + */ + "bPaginate": true, + + + /** + * Enable or disable the display of a 'processing' indicator when the table is + * being processed (e.g. a sort). This is particularly useful for tables with + * large amounts of data where it can take a noticeable amount of time to sort + * the entries. + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bProcessing": true + * } ); + * } ); + */ + "bProcessing": false, + + + /** + * Retrieve the DataTables object for the given selector. Note that if the + * table has already been initialised, this parameter will cause DataTables + * to simply return the object that has already been set up - it will not take + * account of any changes you might have made to the initialisation object + * passed to DataTables (setting this parameter to true is an acknowledgement + * that you understand this). bDestroy can be used to reinitialise a table if + * you need. + * @type boolean + * @default false + * @dtopt Options + * + * @example + * $(document).ready(function() { + * initTable(); + * tableActions(); + * } ); + * + * function initTable () + * { + * return $('#example').dataTable( { + * "sScrollY": "200px", + * "bPaginate": false, + * "bRetrieve": true + * } ); + * } + * + * function tableActions () + * { + * var oTable = initTable(); + * // perform API operations with oTable + * } + */ + "bRetrieve": false, + + + /** + * Indicate if DataTables should be allowed to set the padding / margin + * etc for the scrolling header elements or not. Typically you will want + * this. + * @type boolean + * @default true + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bScrollAutoCss": false, + * "sScrollY": "200px" + * } ); + * } ); + */ + "bScrollAutoCss": true, + + + /** + * When vertical (y) scrolling is enabled, DataTables will force the height of + * the table's viewport to the given height at all times (useful for layout). + * However, this can look odd when filtering data down to a small data set, + * and the footer is left "floating" further down. This parameter (when + * enabled) will cause DataTables to collapse the table's viewport down when + * the result set will fit within the given Y height. + * @type boolean + * @default false + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollY": "200", + * "bScrollCollapse": true + * } ); + * } ); + */ + "bScrollCollapse": false, + + + /** + * Enable infinite scrolling for DataTables (to be used in combination with + * sScrollY). Infinite scrolling means that DataTables will continually load + * data as a user scrolls through a table, which is very useful for large + * dataset. This cannot be used with pagination, which is automatically + * disabled. Note - the Scroller extra for DataTables is recommended in + * in preference to this option. + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bScrollInfinite": true, + * "bScrollCollapse": true, + * "sScrollY": "200px" + * } ); + * } ); + */ + "bScrollInfinite": false, + + + /** + * Configure DataTables to use server-side processing. Note that the + * sAjaxSource parameter must also be given in order to give DataTables a + * source to obtain the required data for each draw. + * @type boolean + * @default false + * @dtopt Features + * @dtopt Server-side + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bServerSide": true, + * "sAjaxSource": "xhr.php" + * } ); + * } ); + */ + "bServerSide": false, + + + /** + * Enable or disable sorting of columns. Sorting of individual columns can be + * disabled by the "bSortable" option for each column. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bSort": false + * } ); + * } ); + */ + "bSort": true, + + + /** + * Allows control over whether DataTables should use the top (true) unique + * cell that is found for a single column, or the bottom (false - default). + * This is useful when using complex headers. + * @type boolean + * @default false + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bSortCellsTop": true + * } ); + * } ); + */ + "bSortCellsTop": false, + + + /** + * Enable or disable the addition of the classes 'sorting_1', 'sorting_2' and + * 'sorting_3' to the columns which are currently being sorted on. This is + * presented as a feature switch as it can increase processing time (while + * classes are removed and added) so for large data sets you might want to + * turn this off. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bSortClasses": false + * } ); + * } ); + */ + "bSortClasses": true, + + + /** + * Enable or disable state saving. When enabled a cookie will be used to save + * table display information such as pagination information, display length, + * filtering and sorting. As such when the end user reloads the page the + * display display will match what thy had previously set up. + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bStateSave": true + * } ); + * } ); + */ + "bStateSave": false, + + + /** + * Customise the cookie and / or the parameters being stored when using + * DataTables with state saving enabled. This function is called whenever + * the cookie is modified, and it expects a fully formed cookie string to be + * returned. Note that the data object passed in is a Javascript object which + * must be converted to a string (JSON.stringify for example). + * @type function + * @param {string} sName Name of the cookie defined by DataTables + * @param {object} oData Data to be stored in the cookie + * @param {string} sExpires Cookie expires string + * @param {string} sPath Path of the cookie to set + * @returns {string} Cookie formatted string (which should be encoded by + * using encodeURIComponent()) + * @dtopt Callbacks + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "fnCookieCallback": function (sName, oData, sExpires, sPath) { + * // Customise oData or sName or whatever else here + * return sName + "="+JSON.stringify(oData)+"; expires=" + sExpires +"; path=" + sPath; + * } + * } ); + * } ); + */ + "fnCookieCallback": null, + + + /** + * This function is called when a TR element is created (and all TD child + * elements have been inserted), or registered if using a DOM source, allowing + * manipulation of the TR element (adding classes etc). + * @type function + * @param {node} nRow "TR" element for the current row + * @param {array} aData Raw data array for this row + * @param {int} iDataIndex The index of this row in aoData + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "fnCreatedRow": function( nRow, aData, iDataIndex ) { + * // Bold the grade for all 'A' grade browsers + * if ( aData[4] == "A" ) + * { + * $('td:eq(4)', nRow).html( '<b>A</b>' ); + * } + * } + * } ); + * } ); + */ + "fnCreatedRow": null, + + + /** + * This function is called on every 'draw' event, and allows you to + * dynamically modify any aspect you want about the created DOM. + * @type function + * @param {object} oSettings DataTables settings object + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnDrawCallback": function() { + * alert( 'DataTables has redrawn the table' ); + * } + * } ); + * } ); + */ + "fnDrawCallback": null, + + + /** + * Identical to fnHeaderCallback() but for the table footer this function + * allows you to modify the table footer on every 'draw' even. + * @type function + * @param {node} nFoot "TR" element for the footer + * @param {array} aData Full table data (as derived from the original HTML) + * @param {int} iStart Index for the current display starting point in the + * display array + * @param {int} iEnd Index for the current display ending point in the + * display array + * @param {array int} aiDisplay Index array to translate the visual position + * to the full data array + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnFooterCallback": function( nFoot, aData, iStart, iEnd, aiDisplay ) { + * nFoot.getElementsByTagName('th')[0].innerHTML = "Starting index is "+iStart; + * } + * } ); + * } ) + */ + "fnFooterCallback": null, + + + /** + * When rendering large numbers in the information element for the table + * (i.e. "Showing 1 to 10 of 57 entries") DataTables will render large numbers + * to have a comma separator for the 'thousands' units (e.g. 1 million is + * rendered as "1,000,000") to help readability for the end user. This + * function will override the default method DataTables uses. + * @type function + * @member + * @param {int} iIn number to be formatted + * @returns {string} formatted string for DataTables to show the number + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "fnFormatNumber": function ( iIn ) { + * if ( iIn < 1000 ) { + * return iIn; + * } else { + * var + * s=(iIn+""), + * a=s.split(""), out="", + * iLen=s.length; + * + * for ( var i=0 ; i<iLen ; i++ ) { + * if ( i%3 === 0 && i !== 0 ) { + * out = "'"+out; + * } + * out = a[iLen-i-1]+out; + * } + * } + * return out; + * }; + * } ); + * } ); + */ + "fnFormatNumber": function ( iIn ) { + if ( iIn < 1000 ) + { + // A small optimisation for what is likely to be the majority of use cases + return iIn; + } + + var s=(iIn+""), a=s.split(""), out="", iLen=s.length; + + for ( var i=0 ; i<iLen ; i++ ) + { + if ( i%3 === 0 && i !== 0 ) + { + out = this.oLanguage.sInfoThousands+out; + } + out = a[iLen-i-1]+out; + } + return out; + }, + + + /** + * This function is called on every 'draw' event, and allows you to + * dynamically modify the header row. This can be used to calculate and + * display useful information about the table. + * @type function + * @param {node} nHead "TR" element for the header + * @param {array} aData Full table data (as derived from the original HTML) + * @param {int} iStart Index for the current display starting point in the + * display array + * @param {int} iEnd Index for the current display ending point in the + * display array + * @param {array int} aiDisplay Index array to translate the visual position + * to the full data array + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnHeaderCallback": function( nHead, aData, iStart, iEnd, aiDisplay ) { + * nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + * } + * } ); + * } ) + */ + "fnHeaderCallback": null, + + + /** + * The information element can be used to convey information about the current + * state of the table. Although the internationalisation options presented by + * DataTables are quite capable of dealing with most customisations, there may + * be times where you wish to customise the string further. This callback + * allows you to do exactly that. + * @type function + * @param {object} oSettings DataTables settings object + * @param {int} iStart Starting position in data for the draw + * @param {int} iEnd End position in data for the draw + * @param {int} iMax Total number of rows in the table (regardless of + * filtering) + * @param {int} iTotal Total number of rows in the data set, after filtering + * @param {string} sPre The string that DataTables has formatted using it's + * own rules + * @returns {string} The string to be displayed in the information element. + * @dtopt Callbacks + * + * @example + * $('#example').dataTable( { + * "fnInfoCallback": function( oSettings, iStart, iEnd, iMax, iTotal, sPre ) { + * return iStart +" to "+ iEnd; + * } + * } ); + */ + "fnInfoCallback": null, + + + /** + * Called when the table has been initialised. Normally DataTables will + * initialise sequentially and there will be no need for this function, + * however, this does not hold true when using external language information + * since that is obtained using an async XHR call. + * @type function + * @param {object} oSettings DataTables settings object + * @param {object} json The JSON object request from the server - only + * present if client-side Ajax sourced data is used + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnInitComplete": function(oSettings, json) { + * alert( 'DataTables has finished its initialisation.' ); + * } + * } ); + * } ) + */ + "fnInitComplete": null, + + + /** + * Called at the very start of each table draw and can be used to cancel the + * draw by returning false, any other return (including undefined) results in + * the full draw occurring). + * @type function + * @param {object} oSettings DataTables settings object + * @returns {boolean} False will cancel the draw, anything else (including no + * return) will allow it to complete. + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnPreDrawCallback": function( oSettings ) { + * if ( $('#test').val() == 1 ) { + * return false; + * } + * } + * } ); + * } ); + */ + "fnPreDrawCallback": null, + + + /** + * This function allows you to 'post process' each row after it have been + * generated for each table draw, but before it is rendered on screen. This + * function might be used for setting the row class name etc. + * @type function + * @param {node} nRow "TR" element for the current row + * @param {array} aData Raw data array for this row + * @param {int} iDisplayIndex The display index for the current table draw + * @param {int} iDisplayIndexFull The index of the data in the full list of + * rows (after filtering) + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) { + * // Bold the grade for all 'A' grade browsers + * if ( aData[4] == "A" ) + * { + * $('td:eq(4)', nRow).html( '<b>A</b>' ); + * } + * } + * } ); + * } ); + */ + "fnRowCallback": null, + + + /** + * This parameter allows you to override the default function which obtains + * the data from the server ($.getJSON) so something more suitable for your + * application. For example you could use POST data, or pull information from + * a Gears or AIR database. + * @type function + * @member + * @param {string} sSource HTTP source to obtain the data from (sAjaxSource) + * @param {array} aoData A key/value pair object containing the data to send + * to the server + * @param {function} fnCallback to be called on completion of the data get + * process that will draw the data on the page. + * @param {object} oSettings DataTables settings object + * @dtopt Callbacks + * @dtopt Server-side + * + * @example + * // POST data to server + * $(document).ready(function() { + * $('#example').dataTable( { + * "bProcessing": true, + * "bServerSide": true, + * "sAjaxSource": "xhr.php", + * "fnServerData": function ( sSource, aoData, fnCallback ) { + * $.ajax( { + * "dataType": 'json', + * "type": "POST", + * "url": sSource, + * "data": aoData, + * "success": fnCallback + * } ); + * } + * } ); + * } ); + */ + "fnServerData": function ( sUrl, aoData, fnCallback, oSettings ) { + oSettings.jqXHR = $.ajax( { + "url": sUrl, + "data": aoData, + "success": function (json) { + $(oSettings.oInstance).trigger('xhr', oSettings); + fnCallback( json ); + }, + "dataType": "json", + "cache": false, + "type": oSettings.sServerMethod, + "error": function (xhr, error, thrown) { + if ( error == "parsererror" ) { + alert( "DataTables warning: JSON data from server could not be parsed. "+ + "This is caused by a JSON formatting error." ); + } + } + } ); + }, + + + /** + * It is often useful to send extra data to the server when making an Ajax + * request - for example custom filtering information, and this callback + * function makes it trivial to send extra information to the server. The + * passed in parameter is the data set that has been constructed by + * DataTables, and you can add to this or modify it as you require. + * @type function + * @param {array} aoData Data array (array of objects which are name/value + * pairs) that has been constructed by DataTables and will be sent to the + * server. In the case of Ajax sourced data with server-side processing + * this will be an empty array, for server-side processing there will be a + * significant number of parameters! + * @returns {undefined} Ensure that you modify the aoData array passed in, + * as this is passed by reference. + * @dtopt Callbacks + * @dtopt Server-side + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bProcessing": true, + * "bServerSide": true, + * "sAjaxSource": "scripts/server_processing.php", + * "fnServerParams": function ( aoData ) { + * aoData.push( { "name": "more_data", "value": "my_value" } ); + * } + * } ); + * } ); + */ + "fnServerParams": null, + + + /** + * Load the table state. With this function you can define from where, and how, the + * state of a table is loaded. By default DataTables will load from its state saving + * cookie, but you might wish to use local storage (HTML5) or a server-side database. + * @type function + * @member + * @param {object} oSettings DataTables settings object + * @return {object} The DataTables state object to be loaded + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateSave": function (oSettings, oData) { + * var o; + * + * // Send an Ajax request to the server to get the data. Note that + * // this is a synchronous request. + * $.ajax( { + * "url": "/state_load", + * "async": false, + * "dataType": "json", + * "success": function (json) { + * o = json; + * } + * } ); + * + * return o; + * } + * } ); + * } ); + */ + "fnStateLoad": function ( oSettings ) { + var sData = this.oApi._fnReadCookie( oSettings.sCookiePrefix+oSettings.sInstance ); + var oData; + + try { + oData = (typeof $.parseJSON === 'function') ? + $.parseJSON(sData) : eval( '('+sData+')' ); + } catch (e) { + oData = null; + } + + return oData; + }, + + + /** + * Callback which allows modification of the saved state prior to loading that state. + * This callback is called when the table is loading state from the stored data, but + * prior to the settings object being modified by the saved state. Note that for + * plug-in authors, you should use the 'stateLoadParams' event to load parameters for + * a plug-in. + * @type function + * @param {object} oSettings DataTables settings object + * @param {object} oData The state object that is to be loaded + * @dtopt Callbacks + * + * @example + * // Remove a saved filter, so filtering is never loaded + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateLoadParams": function (oSettings, oData) { + * oData.oFilter.sSearch = ""; + * } ); + * } ); + * + * @example + * // Disallow state loading by returning false + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateLoadParams": function (oSettings, oData) { + * return false; + * } ); + * } ); + */ + "fnStateLoadParams": null, + + + /** + * Callback that is called when the state has been loaded from the state saving method + * and the DataTables settings object has been modified as a result of the loaded state. + * @type function + * @param {object} oSettings DataTables settings object + * @param {object} oData The state object that was loaded + * @dtopt Callbacks + * + * @example + * // Show an alert with the filtering value that was saved + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateLoaded": function (oSettings, oData) { + * alert( 'Saved filter was: '+oData.oFilter.sSearch ); + * } ); + * } ); + */ + "fnStateLoaded": null, + + + /** + * Save the table state. This function allows you to define where and how the state + * information for the table is stored - by default it will use a cookie, but you + * might want to use local storage (HTML5) or a server-side database. + * @type function + * @member + * @param {object} oSettings DataTables settings object + * @param {object} oData The state object to be saved + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateSave": function (oSettings, oData) { + * // Send an Ajax request to the server with the state object + * $.ajax( { + * "url": "/state_save", + * "data": oData, + * "dataType": "json", + * "method": "POST" + * "success": function () {} + * } ); + * } + * } ); + * } ); + */ + "fnStateSave": function ( oSettings, oData ) { + this.oApi._fnCreateCookie( + oSettings.sCookiePrefix+oSettings.sInstance, + this.oApi._fnJsonString(oData), + oSettings.iCookieDuration, + oSettings.sCookiePrefix, + oSettings.fnCookieCallback + ); + }, + + + /** + * Callback which allows modification of the state to be saved. Called when the table + * has changed state a new state save is required. This method allows modification of + * the state saving object prior to actually doing the save, including addition or + * other state properties or modification. Note that for plug-in authors, you should + * use the 'stateSaveParams' event to save parameters for a plug-in. + * @type function + * @param {object} oSettings DataTables settings object + * @param {object} oData The state object to be saved + * @dtopt Callbacks + * + * @example + * // Remove a saved filter, so filtering is never saved + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateLoadParams": function (oSettings, oData) { + * oData.oFilter.sSearch = ""; + * } ); + * } ); + */ + "fnStateSaveParams": null, + + + /** + * Duration of the cookie which is used for storing session information. This + * value is given in seconds. + * @type int + * @default 7200 <i>(2 hours)</i> + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "iCookieDuration": 60*60*24 // 1 day + * } ); + * } ) + */ + "iCookieDuration": 7200, + + + /** + * When enabled DataTables will not make a request to the server for the first + * page draw - rather it will use the data already on the page (no sorting etc + * will be applied to it), thus saving on an XHR at load time. iDeferLoading + * is used to indicate that deferred loading is required, but it is also used + * to tell DataTables how many records there are in the full table (allowing + * the information element and pagination to be displayed correctly). + * @type int + * @default null + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bServerSide": true, + * "sAjaxSource": "scripts/server_processing.php", + * "iDeferLoading": 57 + * } ); + * } ); + */ + "iDeferLoading": null, + + + /** + * Number of rows to display on a single page when using pagination. If + * feature enabled (bLengthChange) then the end user will be able to override + * this to a custom setting using a pop-up menu. + * @type int + * @default 10 + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "iDisplayLength": 50 + * } ); + * } ) + */ + "iDisplayLength": 10, + + + /** + * Define the starting point for data display when using DataTables with + * pagination. Note that this parameter is the number of records, rather than + * the page number, so if you have 10 records per page and want to start on + * the third page, it should be "20". + * @type int + * @default 0 + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "iDisplayStart": 20 + * } ); + * } ) + */ + "iDisplayStart": 0, + + + /** + * The scroll gap is the amount of scrolling that is left to go before + * DataTables will load the next 'page' of data automatically. You typically + * want a gap which is big enough that the scrolling will be smooth for the + * user, while not so large that it will load more data than need. + * @type int + * @default 100 + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bScrollInfinite": true, + * "bScrollCollapse": true, + * "sScrollY": "200px", + * "iScrollLoadGap": 50 + * } ); + * } ); + */ + "iScrollLoadGap": 100, + + + /** + * By default DataTables allows keyboard navigation of the table (sorting, paging, + * and filtering) by adding a tabindex attribute to the required elements. This + * allows you to tab through the controls and press the enter key to activate them. + * The tabindex is default 0, meaning that the tab follows the flow of the document. + * You can overrule this using this parameter if you wish. Use a value of -1 to + * disable built-in keyboard navigation. + * @type int + * @default 0 + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "iTabIndex": 1 + * } ); + * } ); + */ + "iTabIndex": 0, + + + /** + * All strings that DataTables uses in the user interface that it creates + * are defined in this object, allowing you to modified them individually or + * completely replace them all as required. + * @namespace + */ + "oLanguage": { + /** + * Strings that are used for WAI-ARIA labels and controls only (these are not + * actually visible on the page, but will be read by screenreaders, and thus + * must be internationalised as well). + * @namespace + */ + "oAria": { + /** + * ARIA label that is added to the table headers when the column may be + * sorted ascending by activing the column (click or return when focused). + * Note that the column header is prefixed to this string. + * @type string + * @default : activate to sort column ascending + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oAria": { + * "sSortAscending": " - click/return to sort ascending" + * } + * } + * } ); + * } ); + */ + "sSortAscending": ": activate to sort column ascending", + + /** + * ARIA label that is added to the table headers when the column may be + * sorted descending by activing the column (click or return when focused). + * Note that the column header is prefixed to this string. + * @type string + * @default : activate to sort column ascending + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oAria": { + * "sSortDescending": " - click/return to sort descending" + * } + * } + * } ); + * } ); + */ + "sSortDescending": ": activate to sort column descending" + }, + + /** + * Pagination string used by DataTables for the two built-in pagination + * control types ("two_button" and "full_numbers") + * @namespace + */ + "oPaginate": { + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the first page. + * @type string + * @default First + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oPaginate": { + * "sFirst": "First page" + * } + * } + * } ); + * } ); + */ + "sFirst": "First", + + + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the last page. + * @type string + * @default Last + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oPaginate": { + * "sLast": "Last page" + * } + * } + * } ); + * } ); + */ + "sLast": "Last", + + + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the next page. + * @type string + * @default Next + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oPaginate": { + * "sNext": "Next page" + * } + * } + * } ); + * } ); + */ + "sNext": "Next", + + + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the previous page. + * @type string + * @default Previous + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oPaginate": { + * "sPrevious": "Previous page" + * } + * } + * } ); + * } ); + */ + "sPrevious": "Previous" + }, + + /** + * This string is shown in preference to sZeroRecords when the table is + * empty of data (regardless of filtering). Note that this is an optional + * parameter - if it is not given, the value of sZeroRecords will be used + * instead (either the default or given value). + * @type string + * @default No data available in table + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sEmptyTable": "No data available in table" + * } + * } ); + * } ); + */ + "sEmptyTable": "No data available in table", + + + /** + * This string gives information to the end user about the information that + * is current on display on the page. The _START_, _END_ and _TOTAL_ + * variables are all dynamically replaced as the table display updates, and + * can be freely moved or removed as the language requirements change. + * @type string + * @default Showing _START_ to _END_ of _TOTAL_ entries + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfo": "Got a total of _TOTAL_ entries to show (_START_ to _END_)" + * } + * } ); + * } ); + */ + "sInfo": "Showing _START_ to _END_ of _TOTAL_ entries", + + + /** + * Display information string for when the table is empty. Typically the + * format of this string should match sInfo. + * @type string + * @default Showing 0 to 0 of 0 entries + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfoEmpty": "No entries to show" + * } + * } ); + * } ); + */ + "sInfoEmpty": "Showing 0 to 0 of 0 entries", + + + /** + * When a user filters the information in a table, this string is appended + * to the information (sInfo) to give an idea of how strong the filtering + * is. The variable _MAX_ is dynamically updated. + * @type string + * @default (filtered from _MAX_ total entries) + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfoFiltered": " - filtering from _MAX_ records" + * } + * } ); + * } ); + */ + "sInfoFiltered": "(filtered from _MAX_ total entries)", + + + /** + * If can be useful to append extra information to the info string at times, + * and this variable does exactly that. This information will be appended to + * the sInfo (sInfoEmpty and sInfoFiltered in whatever combination they are + * being used) at all times. + * @type string + * @default <i>Empty string</i> + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfoPostFix": "All records shown are derived from real information." + * } + * } ); + * } ); + */ + "sInfoPostFix": "", + + + /** + * DataTables has a build in number formatter (fnFormatNumber) which is used + * to format large numbers that are used in the table information. By + * default a comma is used, but this can be trivially changed to any + * character you wish with this parameter. + * @type string + * @default , + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfoThousands": "'" + * } + * } ); + * } ); + */ + "sInfoThousands": ",", + + + /** + * Detail the action that will be taken when the drop down menu for the + * pagination length option is changed. The '_MENU_' variable is replaced + * with a default select list of 10, 25, 50 and 100, and can be replaced + * with a custom select box if required. + * @type string + * @default Show _MENU_ entries + * @dtopt Language + * + * @example + * // Language change only + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sLengthMenu": "Display _MENU_ records" + * } + * } ); + * } ); + * + * @example + * // Language and options change + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sLengthMenu": 'Display <select>'+ + * '<option value="10">10</option>'+ + * '<option value="20">20</option>'+ + * '<option value="30">30</option>'+ + * '<option value="40">40</option>'+ + * '<option value="50">50</option>'+ + * '<option value="-1">All</option>'+ + * '</select> records' + * } + * } ); + * } ); + */ + "sLengthMenu": "Show _MENU_ entries", + + + /** + * When using Ajax sourced data and during the first draw when DataTables is + * gathering the data, this message is shown in an empty row in the table to + * indicate to the end user the the data is being loaded. Note that this + * parameter is not used when loading data by server-side processing, just + * Ajax sourced data with client-side processing. + * @type string + * @default Loading... + * @dtopt Language + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sLoadingRecords": "Please wait - loading..." + * } + * } ); + * } ); + */ + "sLoadingRecords": "Loading...", + + + /** + * Text which is displayed when the table is processing a user action + * (usually a sort command or similar). + * @type string + * @default Processing... + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sProcessing": "DataTables is currently busy" + * } + * } ); + * } ); + */ + "sProcessing": "Processing...", + + + /** + * Details the actions that will be taken when the user types into the + * filtering input text box. The variable "_INPUT_", if used in the string, + * is replaced with the HTML text box for the filtering input allowing + * control over where it appears in the string. If "_INPUT_" is not given + * then the input box is appended to the string automatically. + * @type string + * @default Search: + * @dtopt Language + * + * @example + * // Input text box will be appended at the end automatically + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sSearch": "Filter records:" + * } + * } ); + * } ); + * + * @example + * // Specify where the filter should appear + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sSearch": "Apply filter _INPUT_ to table" + * } + * } ); + * } ); + */ + "sSearch": "Search:", + + + /** + * All of the language information can be stored in a file on the + * server-side, which DataTables will look up if this parameter is passed. + * It must store the URL of the language file, which is in a JSON format, + * and the object has the same properties as the oLanguage object in the + * initialiser object (i.e. the above parameters). Please refer to one of + * the example language files to see how this works in action. + * @type string + * @default <i>Empty string - i.e. disabled</i> + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sUrl": "http://www.sprymedia.co.uk/dataTables/lang.txt" + * } + * } ); + * } ); + */ + "sUrl": "", + + + /** + * Text shown inside the table records when the is no information to be + * displayed after filtering. sEmptyTable is shown when there is simply no + * information in the table at all (regardless of filtering). + * @type string + * @default No matching records found + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sZeroRecords": "No records to display" + * } + * } ); + * } ); + */ + "sZeroRecords": "No matching records found" + }, + + + /** + * This parameter allows you to have define the global filtering state at + * initialisation time. As an object the "sSearch" parameter must be + * defined, but all other parameters are optional. When "bRegex" is true, + * the search string will be treated as a regular expression, when false + * (default) it will be treated as a straight string. When "bSmart" + * DataTables will use it's smart filtering methods (to word match at + * any point in the data), when false this will not be done. + * @namespace + * @extends DataTable.models.oSearch + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "oSearch": {"sSearch": "Initial search"} + * } ); + * } ) + */ + "oSearch": $.extend( {}, DataTable.models.oSearch ), + + + /** + * By default DataTables will look for the property 'aaData' when obtaining + * data from an Ajax source or for server-side processing - this parameter + * allows that property to be changed. You can use Javascript dotted object + * notation to get a data source for multiple levels of nesting. + * @type string + * @default aaData + * @dtopt Options + * @dtopt Server-side + * + * @example + * // Get data from { "data": [...] } + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sAjaxSource": "sources/data.txt", + * "sAjaxDataProp": "data" + * } ); + * } ); + * + * @example + * // Get data from { "data": { "inner": [...] } } + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sAjaxSource": "sources/data.txt", + * "sAjaxDataProp": "data.inner" + * } ); + * } ); + */ + "sAjaxDataProp": "aaData", + + + /** + * You can instruct DataTables to load data from an external source using this + * parameter (use aData if you want to pass data in you already have). Simply + * provide a url a JSON object can be obtained from. This object must include + * the parameter 'aaData' which is the data source for the table. + * @type string + * @default null + * @dtopt Options + * @dtopt Server-side + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "sAjaxSource": "http://www.sprymedia.co.uk/dataTables/json.php" + * } ); + * } ) + */ + "sAjaxSource": null, + + + /** + * This parameter can be used to override the default prefix that DataTables + * assigns to a cookie when state saving is enabled. + * @type string + * @default SpryMedia_DataTables_ + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sCookiePrefix": "my_datatable_", + * } ); + * } ); + */ + "sCookiePrefix": "SpryMedia_DataTables_", + + + /** + * This initialisation variable allows you to specify exactly where in the + * DOM you want DataTables to inject the various controls it adds to the page + * (for example you might want the pagination controls at the top of the + * table). DIV elements (with or without a custom class) can also be added to + * aid styling. The follow syntax is used: + * <ul> + * <li>The following options are allowed: + * <ul> + * <li>'l' - Length changing</li + * <li>'f' - Filtering input</li> + * <li>'t' - The table!</li> + * <li>'i' - Information</li> + * <li>'p' - Pagination</li> + * <li>'r' - pRocessing</li> + * </ul> + * </li> + * <li>The following constants are allowed: + * <ul> + * <li>'H' - jQueryUI theme "header" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')</li> + * <li>'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')</li> + * </ul> + * </li> + * <li>The following syntax is expected: + * <ul> + * <li>'<' and '>' - div elements</li> + * <li>'<"class" and '>' - div with a class</li> + * <li>'<"#id" and '>' - div with an ID</li> + * </ul> + * </li> + * <li>Examples: + * <ul> + * <li>'<"wrapper"flipt>'</li> + * <li>'<lf<t>ip>'</li> + * </ul> + * </li> + * </ul> + * @type string + * @default lfrtip <i>(when bJQueryUI is false)</i> <b>or</b> + * <"H"lfr>t<"F"ip> <i>(when bJQueryUI is true)</i> + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sDom": '<"top"i>rt<"bottom"flp><"clear"&lgt;' + * } ); + * } ); + */ + "sDom": "lfrtip", + + + /** + * DataTables features two different built-in pagination interaction methods + * ('two_button' or 'full_numbers') which present different page controls to + * the end user. Further methods can be added using the API (see below). + * @type string + * @default two_button + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "sPaginationType": "full_numbers" + * } ); + * } ) + */ + "sPaginationType": "two_button", + + + /** + * Enable horizontal scrolling. When a table is too wide to fit into a certain + * layout, or you have a large number of columns in the table, you can enable + * x-scrolling to show the table in a viewport, which can be scrolled. This + * property can by any CSS unit, or a number (in which case it will be treated + * as a pixel measurement). + * @type string + * @default <i>blank string - i.e. disabled</i> + * @dtopt Features + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollX": "100%", + * "bScrollCollapse": true + * } ); + * } ); + */ + "sScrollX": "", + + + /** + * This property can be used to force a DataTable to use more width than it + * might otherwise do when x-scrolling is enabled. For example if you have a + * table which requires to be well spaced, this parameter is useful for + * "over-sizing" the table, and thus forcing scrolling. This property can by + * any CSS unit, or a number (in which case it will be treated as a pixel + * measurement). + * @type string + * @default <i>blank string - i.e. disabled</i> + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollX": "100%", + * "sScrollXInner": "110%" + * } ); + * } ); + */ + "sScrollXInner": "", + + + /** + * Enable vertical scrolling. Vertical scrolling will constrain the DataTable + * to the given height, an enable scrolling for any data which overflows the + * current viewport. This can be used as an alternative to paging to display + * a lot of data in a small area (although paging and scrolling can both be + * enabled at the same time). This property can by any CSS unit, or a number + * (in which case it will be treated as a pixel measurement). + * @type string + * @default <i>blank string - i.e. disabled</i> + * @dtopt Features + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollY": "200px", + * "bPaginate": false + * } ); + * } ); + */ + "sScrollY": "", + + + /** + * Set the HTTP method that is used to make the Ajax call for server-side + * processing or Ajax sourced data. + * @type string + * @default GET + * @dtopt Options + * @dtopt Server-side + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bServerSide": true, + * "sAjaxSource": "scripts/post.php", + * "sServerMethod": "POST" + * } ); + * } ); + */ + "sServerMethod": "GET" + }; + + + + /** + * Column options that can be given to DataTables at initialisation time. + * @namespace + */ + DataTable.defaults.columns = { + /** + * Allows a column's sorting to take multiple columns into account when + * doing a sort. For example first name / last name columns make sense to + * do a multi-column sort over the two columns. + * @type array + * @default null <i>Takes the value of the column index automatically</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "aDataSort": [ 0, 1 ], "aTargets": [ 0 ] }, + * { "aDataSort": [ 1, 0 ], "aTargets": [ 1 ] }, + * { "aDataSort": [ 2, 3, 4 ], "aTargets": [ 2 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "aDataSort": [ 0, 1 ] }, + * { "aDataSort": [ 1, 0 ] }, + * { "aDataSort": [ 2, 3, 4 ] }, + * null, + * null + * ] + * } ); + * } ); + */ + "aDataSort": null, + + + /** + * You can control the default sorting direction, and even alter the behaviour + * of the sort handler (i.e. only allow ascending sorting etc) using this + * parameter. + * @type array + * @default [ 'asc', 'desc' ] + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "asSorting": [ "asc" ], "aTargets": [ 1 ] }, + * { "asSorting": [ "desc", "asc", "asc" ], "aTargets": [ 2 ] }, + * { "asSorting": [ "desc" ], "aTargets": [ 3 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * null, + * { "asSorting": [ "asc" ] }, + * { "asSorting": [ "desc", "asc", "asc" ] }, + * { "asSorting": [ "desc" ] }, + * null + * ] + * } ); + * } ); + */ + "asSorting": [ 'asc', 'desc' ], + + + /** + * Enable or disable filtering on the data in this column. + * @type boolean + * @default true + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "bSearchable": false, "aTargets": [ 0 ] } + * ] } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "bSearchable": false }, + * null, + * null, + * null, + * null + * ] } ); + * } ); + */ + "bSearchable": true, + + + /** + * Enable or disable sorting on this column. + * @type boolean + * @default true + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "bSortable": false, "aTargets": [ 0 ] } + * ] } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "bSortable": false }, + * null, + * null, + * null, + * null + * ] } ); + * } ); + */ + "bSortable": true, + + + /** + * When using fnRender() for a column, you may wish to use the original data + * (before rendering) for sorting and filtering (the default is to used the + * rendered data that the user can see). This may be useful for dates etc. + * + * *NOTE* It is it is advisable now to use mDataProp as a function and make + * use of the 'type' that it gives, allowing (potentially) different data to + * be used for sorting, filtering, display and type detection. + * @type boolean + * @default true + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { + * "fnRender": function ( oObj ) { + * return oObj.aData[0] +' '+ oObj.aData[3]; + * }, + * "bUseRendered": false, + * "aTargets": [ 0 ] + * } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { + * "fnRender": function ( oObj ) { + * return oObj.aData[0] +' '+ oObj.aData[3]; + * }, + * "bUseRendered": false + * }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "bUseRendered": true, + + + /** + * Enable or disable the display of this column. + * @type boolean + * @default true + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "bVisible": false, "aTargets": [ 0 ] } + * ] } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "bVisible": false }, + * null, + * null, + * null, + * null + * ] } ); + * } ); + */ + "bVisible": true, + + + /** + * Developer definable function that is called whenever a cell is created (Ajax source, + * etc) or processed for input (DOM source). This can be used as a compliment to fnRender + * allowing you to modify the DOM element (add background colour for example) when the + * element is available (since it is not when fnRender is called). + * @type function + * @param {element} nTd The TD node that has been created + * @param {*} sData The Data for the cell + * @param {array|object} oData The data for the whole row + * @param {int} iRow The row index for the aoData data store + * @param {int} iCol The column index for aoColumns + * @dtopt Columns + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ { + * "aTargets": [3], + * "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) { + * if ( sData == "1.7" ) { + * $(nTd).css('color', 'blue') + * } + * } + * } ] + * }); + * } ); + */ + "fnCreatedCell": null, + + + /** + * Custom display function that will be called for the display of each cell in + * this column. + * @type function + * @param {object} o Object with the following parameters: + * @param {int} o.iDataRow The row in aoData + * @param {int} o.iDataColumn The column in question + * @param {array} o.aData The data for the row in question + * @param {object} o.oSettings The settings object for this DataTables instance + * @param {object} o.mDataProp The data property used for this column + * @param {*} val The current cell value + * @returns {string} The string you which to use in the display + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { + * "fnRender": function ( o, val ) { + * return o.aData[0] +' '+ o.aData[3]; + * }, + * "aTargets": [ 0 ] + * } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "fnRender": function ( o, val ) { + * return o.aData[0] +' '+ o.aData[3]; + * } }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "fnRender": null, + + + /** + * The column index (starting from 0!) that you wish a sort to be performed + * upon when this column is selected for sorting. This can be used for sorting + * on hidden columns for example. + * @type int + * @default -1 <i>Use automatically calculated column index</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "iDataSort": 1, "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "iDataSort": 1 }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "iDataSort": -1, + + + /** + * This property can be used to read data from any JSON data source property, + * including deeply nested objects / properties. mDataProp can be given in a + * number of different ways which effect its behaviour: + * <ul> + * <li>integer - treated as an array index for the data source. This is the + * default that DataTables uses (incrementally increased for each column).</li> + * <li>string - read an object property from the data source. Note that you can + * use Javascript dotted notation to read deep properties/arrays from the + * data source.</li> + * <li>null - the sDafaultContent option will use used for the cell (empty + * string by default. This can be useful on generated columns such as + * edit / delete action columns.</li> + * <li>function - the function given will be executed whenever DataTables + * needs to set or get the data for a cell in the column. The function + * takes three parameters: + * <ul> + * <li>{array|object} The data source for the row</li> + * <li>{string} The type call data requested - this will be 'set' when + * setting data or 'filter', 'display', 'type' or 'sort' when gathering + * data.</li> + * <li>{*} Data to set when the second parameter is 'set'.</li> + * </ul> + * The return value from the function is not required when 'set' is the type + * of call, but otherwise the return is what will be used for the data + * requested.</li> + * </ul> + * @type string|int|function|null + * @default null <i>Use automatically calculated column index</i> + * @dtopt Columns + * + * @example + * // Read table data from objects + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sAjaxSource": "sources/deep.txt", + * "aoColumns": [ + * { "mDataProp": "engine" }, + * { "mDataProp": "browser" }, + * { "mDataProp": "platform.inner" }, + * { "mDataProp": "platform.details.0" }, + * { "mDataProp": "platform.details.1" } + * ] + * } ); + * } ); + * + * @example + * // Using mDataProp as a function to provide different information for + * // sorting, filtering and display. In this case, currency (price) + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "aoColumnDefs": [ + * { + * "aTargets": [ 0 ], + * "mDataProp": function ( source, type, val ) { + * if (type === 'set') { + * source.price = val; + * // Store the computed dislay and filter values for efficiency + * source.price_display = val=="" ? "" : "$"+numberFormat(val); + * source.price_filter = val=="" ? "" : "$"+numberFormat(val)+" "+val; + * return; + * } + * else if (type === 'display') { + * return source.price_display; + * } + * else if (type === 'filter') { + * return source.price_filter; + * } + * // 'sort' and 'type' both just use the integer + * return source.price; + * } + * ] + * } ); + * } ); + */ + "mDataProp": null, + + + /** + * Class to give to each cell in this column. + * @type string + * @default <i>Empty string</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sClass": "my_class", "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sClass": "my_class" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sClass": "", + + /** + * When DataTables calculates the column widths to assign to each column, + * it finds the longest string in each column and then constructs a + * temporary table and reads the widths from that. The problem with this + * is that "mmm" is much wider then "iiii", but the latter is a longer + * string - thus the calculation can go wrong (doing it properly and putting + * it into an DOM object and measuring that is horribly(!) slow). Thus as + * a "work around" we provide this option. It will append its value to the + * text that is found to be the longest string for the column - i.e. padding. + * Generally you shouldn't need this, and it is not documented on the + * general DataTables.net documentation + * @type string + * @default <i>Empty string<i> + * @dtopt Columns + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * null, + * null, + * null, + * { + * "sContentPadding": "mmm" + * } + * ] + * } ); + * } ); + */ + "sContentPadding": "", + + + /** + * Allows a default value to be given for a column's data, and will be used + * whenever a null data source is encountered (this can be because mDataProp + * is set to null, or because the data source itself is null). + * @type string + * @default null + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { + * "mDataProp": null, + * "sDefaultContent": "Edit", + * "aTargets": [ -1 ] + * } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * null, + * null, + * null, + * { + * "mDataProp": null, + * "sDefaultContent": "Edit" + * } + * ] + * } ); + * } ); + */ + "sDefaultContent": null, + + + /** + * This parameter is only used in DataTables' server-side processing. It can + * be exceptionally useful to know what columns are being displayed on the + * client side, and to map these to database fields. When defined, the names + * also allow DataTables to reorder information from the server if it comes + * back in an unexpected order (i.e. if you switch your columns around on the + * client-side, your server-side code does not also need updating). + * @type string + * @default <i>Empty string</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sName": "engine", "aTargets": [ 0 ] }, + * { "sName": "browser", "aTargets": [ 1 ] }, + * { "sName": "platform", "aTargets": [ 2 ] }, + * { "sName": "version", "aTargets": [ 3 ] }, + * { "sName": "grade", "aTargets": [ 4 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sName": "engine" }, + * { "sName": "browser" }, + * { "sName": "platform" }, + * { "sName": "version" }, + * { "sName": "grade" } + * ] + * } ); + * } ); + */ + "sName": "", + + + /** + * Defines a data source type for the sorting which can be used to read + * realtime information from the table (updating the internally cached + * version) prior to sorting. This allows sorting to occur on user editable + * elements such as form inputs. + * @type string + * @default std + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sSortDataType": "dom-text", "aTargets": [ 2, 3 ] }, + * { "sType": "numeric", "aTargets": [ 3 ] }, + * { "sSortDataType": "dom-select", "aTargets": [ 4 ] }, + * { "sSortDataType": "dom-checkbox", "aTargets": [ 5 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * null, + * null, + * { "sSortDataType": "dom-text" }, + * { "sSortDataType": "dom-text", "sType": "numeric" }, + * { "sSortDataType": "dom-select" }, + * { "sSortDataType": "dom-checkbox" } + * ] + * } ); + * } ); + */ + "sSortDataType": "std", + + + /** + * The title of this column. + * @type string + * @default null <i>Derived from the 'TH' value for this column in the + * original HTML table.</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sTitle": "My column title", "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sTitle": "My column title" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sTitle": null, + + + /** + * The type allows you to specify how the data for this column will be sorted. + * Four types (string, numeric, date and html (which will strip HTML tags + * before sorting)) are currently available. Note that only date formats + * understood by Javascript's Date() object will be accepted as type date. For + * example: "Mar 26, 2008 5:03 PM". May take the values: 'string', 'numeric', + * 'date' or 'html' (by default). Further types can be adding through + * plug-ins. + * @type string + * @default null <i>Auto-detected from raw data</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sType": "html", "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sType": "html" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sType": null, + + + /** + * Defining the width of the column, this parameter may take any CSS value + * (3em, 20px etc). DataTables applys 'smart' widths to columns which have not + * been given a specific width through this interface ensuring that the table + * remains readable. + * @type string + * @default null <i>Automatic</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sWidth": "20%", "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sWidth": "20%" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sWidth": null + }; + + + + /** + * DataTables settings object - this holds all the information needed for a + * given table, including configuration, data and current application of the + * table options. DataTables does not have a single instance for each DataTable + * with the settings attached to that instance, but rather instances of the + * DataTable "class" are created on-the-fly as needed (typically by a + * $().dataTable() call) and the settings object is then applied to that + * instance. + * + * Note that this object is related to {@link DataTable.defaults} but this + * one is the internal data store for DataTables's cache of columns. It should + * NOT be manipulated outside of DataTables. Any configuration should be done + * through the initialisation options. + * @namespace + * @todo Really should attach the settings object to individual instances so we + * don't need to create new instances on each $().dataTable() call (if the + * table already exists). It would also save passing oSettings around and + * into every single function. However, this is a very significant + * architecture change for DataTables and will almost certainly break + * backwards compatibility with older installations. This is something that + * will be done in 2.0. + */ + DataTable.models.oSettings = { + /** + * Primary features of DataTables and their enablement state. + * @namespace + */ + "oFeatures": { + + /** + * Flag to say if DataTables should automatically try to calculate the + * optimum table and columns widths (true) or not (false). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bAutoWidth": null, + + /** + * Delay the creation of TR and TD elements until they are actually + * needed by a driven page draw. This can give a significant speed + * increase for Ajax source and Javascript source data, but makes no + * difference at all fro DOM and server-side processing tables. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bDeferRender": null, + + /** + * Enable filtering on the table or not. Note that if this is disabled + * then there is no filtering at all on the table, including fnFilter. + * To just remove the filtering input use sDom and remove the 'f' option. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bFilter": null, + + /** + * Table information element (the 'Showing x of y records' div) enable + * flag. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bInfo": null, + + /** + * Present a user control allowing the end user to change the page size + * when pagination is enabled. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bLengthChange": null, + + /** + * Pagination enabled or not. Note that if this is disabled then length + * changing must also be disabled. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bPaginate": null, + + /** + * Processing indicator enable flag whenever DataTables is enacting a + * user request - typically an Ajax request for server-side processing. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bProcessing": null, + + /** + * Server-side processing enabled flag - when enabled DataTables will + * get all data from the server for every draw - there is no filtering, + * sorting or paging done on the client-side. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bServerSide": null, + + /** + * Sorting enablement flag. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSort": null, + + /** + * Apply a class to the columns which are being sorted to provide a + * visual highlight or not. This can slow things down when enabled since + * there is a lot of DOM interaction. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSortClasses": null, + + /** + * State saving enablement flag. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bStateSave": null + }, + + + /** + * Scrolling settings for a table. + * @namespace + */ + "oScroll": { + /** + * Indicate if DataTables should be allowed to set the padding / margin + * etc for the scrolling header elements or not. Typically you will want + * this. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bAutoCss": null, + + /** + * When the table is shorter in height than sScrollY, collapse the + * table container down to the height of the table (when true). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bCollapse": null, + + /** + * Infinite scrolling enablement flag. Now deprecated in favour of + * using the Scroller plug-in. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bInfinite": null, + + /** + * Width of the scrollbar for the web-browser's platform. Calculated + * during table initialisation. + * @type int + * @default 0 + */ + "iBarWidth": 0, + + /** + * Space (in pixels) between the bottom of the scrolling container and + * the bottom of the scrolling viewport before the next page is loaded + * when using infinite scrolling. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type int + */ + "iLoadGap": null, + + /** + * Viewport width for horizontal scrolling. Horizontal scrolling is + * disabled if an empty string. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sX": null, + + /** + * Width to expand the table to when using x-scrolling. Typically you + * should not need to use this. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @deprecated + */ + "sXInner": null, + + /** + * Viewport height for vertical scrolling. Vertical scrolling is disabled + * if an empty string. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sY": null + }, + + /** + * Language information for the table. + * @namespace + * @extends DataTable.defaults.oLanguage + */ + "oLanguage": { + /** + * Information callback function. See + * {@link DataTable.defaults.fnInfoCallback} + * @type function + * @default + */ + "fnInfoCallback": null + }, + + /** + * Array referencing the nodes which are used for the features. The + * parameters of this object match what is allowed by sDom - i.e. + * <ul> + * <li>'l' - Length changing</li> + * <li>'f' - Filtering input</li> + * <li>'t' - The table!</li> + * <li>'i' - Information</li> + * <li>'p' - Pagination</li> + * <li>'r' - pRocessing</li> + * </ul> + * @type array + * @default [] + */ + "aanFeatures": [], + + /** + * Store data information - see {@link DataTable.models.oRow} for detailed + * information. + * @type array + * @default [] + */ + "aoData": [], + + /** + * Array of indexes which are in the current display (after filtering etc) + * @type array + * @default [] + */ + "aiDisplay": [], + + /** + * Array of indexes for display - no filtering + * @type array + * @default [] + */ + "aiDisplayMaster": [], + + /** + * Store information about each column that is in use + * @type array + * @default [] + */ + "aoColumns": [], + + /** + * Store information about the table's header + * @type array + * @default [] + */ + "aoHeader": [], + + /** + * Store information about the table's footer + * @type array + * @default [] + */ + "aoFooter": [], + + /** + * Search data array for regular expression searching + * @type array + * @default [] + */ + "asDataSearch": [], + + /** + * Store the applied global search information in case we want to force a + * research or compare the old search to a new one. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @namespace + * @extends DataTable.models.oSearch + */ + "oPreviousSearch": {}, + + /** + * Store the applied search for each column - see + * {@link DataTable.models.oSearch} for the format that is used for the + * filtering information for each column. + * @type array + * @default [] + */ + "aoPreSearchCols": [], + + /** + * Sorting that is applied to the table. Note that the inner arrays are + * used in the following manner: + * <ul> + * <li>Index 0 - column number</li> + * <li>Index 1 - current sorting direction</li> + * <li>Index 2 - index of asSorting for this column</li> + * </ul> + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @todo These inner arrays should really be objects + */ + "aaSorting": null, + + /** + * Sorting that is always applied to the table (i.e. prefixed in front of + * aaSorting). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array|null + * @default null + */ + "aaSortingFixed": null, + + /** + * Classes to use for the striping of a table. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @default [] + */ + "asStripeClasses": null, + + /** + * If restoring a table - we should restore its striping classes as well + * @type array + * @default [] + */ + "asDestroyStripes": [], + + /** + * If restoring a table - we should restore its width + * @type int + * @default 0 + */ + "sDestroyWidth": 0, + + /** + * Callback functions array for every time a row is inserted (i.e. on a draw). + * @type array + * @default [] + */ + "aoRowCallback": [], + + /** + * Callback functions for the header on each draw. + * @type array + * @default [] + */ + "aoHeaderCallback": [], + + /** + * Callback function for the footer on each draw. + * @type array + * @default [] + */ + "aoFooterCallback": [], + + /** + * Array of callback functions for draw callback functions + * @type array + * @default [] + */ + "aoDrawCallback": [], + + /** + * Array of callback functions for row created function + * @type array + * @default [] + */ + "aoRowCreatedCallback": [], + + /** + * Callback functions for just before the table is redrawn. A return of + * false will be used to cancel the draw. + * @type array + * @default [] + */ + "aoPreDrawCallback": [], + + /** + * Callback functions for when the table has been initialised. + * @type array + * @default [] + */ + "aoInitComplete": [], + + + /** + * Callbacks for modifying the settings to be stored for state saving, prior to + * saving state. + * @type array + * @default [] + */ + "aoStateSaveParams": [], + + /** + * Callbacks for modifying the settings that have been stored for state saving + * prior to using the stored values to restore the state. + * @type array + * @default [] + */ + "aoStateLoadParams": [], + + /** + * Callbacks for operating on the settings object once the saved state has been + * loaded + * @type array + * @default [] + */ + "aoStateLoaded": [], + + /** + * Cache the table ID for quick access + * @type string + * @default <i>Empty string</i> + */ + "sTableId": "", + + /** + * The TABLE node for the main table + * @type node + * @default null + */ + "nTable": null, + + /** + * Permanent ref to the thead element + * @type node + * @default null + */ + "nTHead": null, + + /** + * Permanent ref to the tfoot element - if it exists + * @type node + * @default null + */ + "nTFoot": null, + + /** + * Permanent ref to the tbody element + * @type node + * @default null + */ + "nTBody": null, + + /** + * Cache the wrapper node (contains all DataTables controlled elements) + * @type node + * @default null + */ + "nTableWrapper": null, + + /** + * Indicate if when using server-side processing the loading of data + * should be deferred until the second draw. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + * @default false + */ + "bDeferLoading": false, + + /** + * Indicate if all required information has been read in + * @type boolean + * @default false + */ + "bInitialised": false, + + /** + * Information about open rows. Each object in the array has the parameters + * 'nTr' and 'nParent' + * @type array + * @default [] + */ + "aoOpenRows": [], + + /** + * Dictate the positioning of DataTables' control elements - see + * {@link DataTable.model.oInit.sDom}. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default null + */ + "sDom": null, + + /** + * Which type of pagination should be used. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default two_button + */ + "sPaginationType": "two_button", + + /** + * The cookie duration (for bStateSave) in seconds. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type int + * @default 0 + */ + "iCookieDuration": 0, + + /** + * The cookie name prefix. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default <i>Empty string</i> + */ + "sCookiePrefix": "", + + /** + * Callback function for cookie creation. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type function + * @default null + */ + "fnCookieCallback": null, + + /** + * Array of callback functions for state saving. Each array element is an + * object with the following parameters: + * <ul> + * <li>function:fn - function to call. Takes two parameters, oSettings + * and the JSON string to save that has been thus far created. Returns + * a JSON string to be inserted into a json object + * (i.e. '"param": [ 0, 1, 2]')</li> + * <li>string:sName - name of callback</li> + * </ul> + * @type array + * @default [] + */ + "aoStateSave": [], + + /** + * Array of callback functions for state loading. Each array element is an + * object with the following parameters: + * <ul> + * <li>function:fn - function to call. Takes two parameters, oSettings + * and the object stored. May return false to cancel state loading</li> + * <li>string:sName - name of callback</li> + * </ul> + * @type array + * @default [] + */ + "aoStateLoad": [], + + /** + * State that was loaded from the cookie. Useful for back reference + * @type object + * @default null + */ + "oLoadedState": null, + + /** + * Source url for AJAX data for the table. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default null + */ + "sAjaxSource": null, + + /** + * Property from a given object from which to read the table data from. This + * can be an empty string (when not server-side processing), in which case + * it is assumed an an array is given directly. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sAjaxDataProp": null, + + /** + * Note if draw should be blocked while getting data + * @type boolean + * @default true + */ + "bAjaxDataGet": true, + + /** + * The last jQuery XHR object that was used for server-side data gathering. + * This can be used for working with the XHR information in one of the + * callbacks + * @type object + * @default null + */ + "jqXHR": null, + + /** + * Function to get the server-side data. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type function + */ + "fnServerData": null, + + /** + * Functions which are called prior to sending an Ajax request so extra + * parameters can easily be sent to the server + * @type array + * @default [] + */ + "aoServerParams": [], + + /** + * Send the XHR HTTP method - GET or POST (could be PUT or DELETE if + * required). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sServerMethod": null, + + /** + * Format numbers for display. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type function + */ + "fnFormatNumber": null, + + /** + * List of options that can be used for the user selectable length menu. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @default [] + */ + "aLengthMenu": null, + + /** + * Counter for the draws that the table does. Also used as a tracker for + * server-side processing + * @type int + * @default 0 + */ + "iDraw": 0, + + /** + * Indicate if a redraw is being done - useful for Ajax + * @type boolean + * @default false + */ + "bDrawing": false, + + /** + * Draw index (iDraw) of the last error when parsing the returned data + * @type int + * @default -1 + */ + "iDrawError": -1, + + /** + * Paging display length + * @type int + * @default 10 + */ + "_iDisplayLength": 10, + + /** + * Paging start point - aiDisplay index + * @type int + * @default 0 + */ + "_iDisplayStart": 0, + + /** + * Paging end point - aiDisplay index. Use fnDisplayEnd rather than + * this property to get the end point + * @type int + * @default 10 + * @private + */ + "_iDisplayEnd": 10, + + /** + * Server-side processing - number of records in the result set + * (i.e. before filtering), Use fnRecordsTotal rather than + * this property to get the value of the number of records, regardless of + * the server-side processing setting. + * @type int + * @default 0 + * @private + */ + "_iRecordsTotal": 0, + + /** + * Server-side processing - number of records in the current display set + * (i.e. after filtering). Use fnRecordsDisplay rather than + * this property to get the value of the number of records, regardless of + * the server-side processing setting. + * @type boolean + * @default 0 + * @private + */ + "_iRecordsDisplay": 0, + + /** + * Flag to indicate if jQuery UI marking and classes should be used. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bJUI": null, + + /** + * The classes to use for the table + * @type object + * @default {} + */ + "oClasses": {}, + + /** + * Flag attached to the settings object so you can check in the draw + * callback if filtering has been done in the draw. Deprecated in favour of + * events. + * @type boolean + * @default false + * @deprecated + */ + "bFiltered": false, + + /** + * Flag attached to the settings object so you can check in the draw + * callback if sorting has been done in the draw. Deprecated in favour of + * events. + * @type boolean + * @default false + * @deprecated + */ + "bSorted": false, + + /** + * Indicate that if multiple rows are in the header and there is more than + * one unique cell per column, if the top one (true) or bottom one (false) + * should be used for sorting / title by DataTables. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSortCellsTop": null, + + /** + * Initialisation object that is used for the table + * @type object + * @default null + */ + "oInit": null, + + /** + * Destroy callback functions - for plug-ins to attach themselves to the + * destroy so they can clean up markup and events. + * @type array + * @default [] + */ + "aoDestroyCallback": [], + + + /** + * Get the number of records in the current record set, before filtering + * @type function + */ + "fnRecordsTotal": function () + { + if ( this.oFeatures.bServerSide ) { + return parseInt(this._iRecordsTotal, 10); + } else { + return this.aiDisplayMaster.length; + } + }, + + /** + * Get the number of records in the current record set, after filtering + * @type function + */ + "fnRecordsDisplay": function () + { + if ( this.oFeatures.bServerSide ) { + return parseInt(this._iRecordsDisplay, 10); + } else { + return this.aiDisplay.length; + } + }, + + /** + * Set the display end point - aiDisplay index + * @type function + * @todo Should do away with _iDisplayEnd and calculate it on-the-fly here + */ + "fnDisplayEnd": function () + { + if ( this.oFeatures.bServerSide ) { + if ( this.oFeatures.bPaginate === false || this._iDisplayLength == -1 ) { + return this._iDisplayStart+this.aiDisplay.length; + } else { + return Math.min( this._iDisplayStart+this._iDisplayLength, + this._iRecordsDisplay ); + } + } else { + return this._iDisplayEnd; + } + }, + + /** + * The DataTables object for this table + * @type object + * @default null + */ + "oInstance": null, + + /** + * Unique identifier for each instance of the DataTables object. If there + * is an ID on the table node, then it takes that value, otherwise an + * incrementing internal counter is used. + * @type string + * @default null + */ + "sInstance": null, + + /** + * tabindex attribute value that is added to DataTables control elements, allowing + * keyboard navigation of the table and its controls. + */ + "iTabIndex": 0 + }; + + /** + * Extension object for DataTables that is used to provide all extension options. + * + * Note that the <i>DataTable.ext</i> object is available through + * <i>jQuery.fn.dataTable.ext</i> where it may be accessed and manipulated. It is + * also aliased to <i>jQuery.fn.dataTableExt</i> for historic reasons. + * @namespace + * @extends DataTable.models.ext + */ + DataTable.ext = $.extend( true, {}, DataTable.models.ext ); + + $.extend( DataTable.ext.oStdClasses, { + "sTable": "dataTable", + + /* Two buttons buttons */ + "sPagePrevEnabled": "paginate_enabled_previous", + "sPagePrevDisabled": "paginate_disabled_previous", + "sPageNextEnabled": "paginate_enabled_next", + "sPageNextDisabled": "paginate_disabled_next", + "sPageJUINext": "", + "sPageJUIPrev": "", + + /* Full numbers paging buttons */ + "sPageButton": "paginate_button", + "sPageButtonActive": "paginate_active", + "sPageButtonStaticDisabled": "paginate_button paginate_button_disabled", + "sPageFirst": "first", + "sPagePrevious": "previous", + "sPageNext": "next", + "sPageLast": "last", + + /* Striping classes */ + "sStripeOdd": "odd", + "sStripeEven": "even", + + /* Empty row */ + "sRowEmpty": "dataTables_empty", + + /* Features */ + "sWrapper": "dataTables_wrapper", + "sFilter": "dataTables_filter", + "sInfo": "dataTables_info", + "sPaging": "dataTables_paginate paging_", /* Note that the type is postfixed */ + "sLength": "dataTables_length", + "sProcessing": "dataTables_processing", + + /* Sorting */ + "sSortAsc": "sorting_asc", + "sSortDesc": "sorting_desc", + "sSortable": "sorting", /* Sortable in both directions */ + "sSortableAsc": "sorting_asc_disabled", + "sSortableDesc": "sorting_desc_disabled", + "sSortableNone": "sorting_disabled", + "sSortColumn": "sorting_", /* Note that an int is postfixed for the sorting order */ + "sSortJUIAsc": "", + "sSortJUIDesc": "", + "sSortJUI": "", + "sSortJUIAscAllowed": "", + "sSortJUIDescAllowed": "", + "sSortJUIWrapper": "", + "sSortIcon": "", + + /* Scrolling */ + "sScrollWrapper": "dataTables_scroll", + "sScrollHead": "dataTables_scrollHead", + "sScrollHeadInner": "dataTables_scrollHeadInner", + "sScrollBody": "dataTables_scrollBody", + "sScrollFoot": "dataTables_scrollFoot", + "sScrollFootInner": "dataTables_scrollFootInner", + + /* Misc */ + "sFooterTH": "" + } ); + + + $.extend( DataTable.ext.oJUIClasses, DataTable.ext.oStdClasses, { + /* Two buttons buttons */ + "sPagePrevEnabled": "fg-button ui-button ui-state-default ui-corner-left", + "sPagePrevDisabled": "fg-button ui-button ui-state-default ui-corner-left ui-state-disabled", + "sPageNextEnabled": "fg-button ui-button ui-state-default ui-corner-right", + "sPageNextDisabled": "fg-button ui-button ui-state-default ui-corner-right ui-state-disabled", + "sPageJUINext": "ui-icon ui-icon-circle-arrow-e", + "sPageJUIPrev": "ui-icon ui-icon-circle-arrow-w", + + /* Full numbers paging buttons */ + "sPageButton": "fg-button ui-button ui-state-default", + "sPageButtonActive": "fg-button ui-button ui-state-default ui-state-disabled", + "sPageButtonStaticDisabled": "fg-button ui-button ui-state-default ui-state-disabled", + "sPageFirst": "first ui-corner-tl ui-corner-bl", + "sPageLast": "last ui-corner-tr ui-corner-br", + + /* Features */ + "sPaging": "dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi "+ + "ui-buttonset-multi paging_", /* Note that the type is postfixed */ + + /* Sorting */ + "sSortAsc": "ui-state-default", + "sSortDesc": "ui-state-default", + "sSortable": "ui-state-default", + "sSortableAsc": "ui-state-default", + "sSortableDesc": "ui-state-default", + "sSortableNone": "ui-state-default", + "sSortJUIAsc": "css_right ui-icon ui-icon-triangle-1-n", + "sSortJUIDesc": "css_right ui-icon ui-icon-triangle-1-s", + "sSortJUI": "css_right ui-icon ui-icon-carat-2-n-s", + "sSortJUIAscAllowed": "css_right ui-icon ui-icon-carat-1-n", + "sSortJUIDescAllowed": "css_right ui-icon ui-icon-carat-1-s", + "sSortJUIWrapper": "DataTables_sort_wrapper", + "sSortIcon": "DataTables_sort_icon", + + /* Scrolling */ + "sScrollHead": "dataTables_scrollHead ui-state-default", + "sScrollFoot": "dataTables_scrollFoot ui-state-default", + + /* Misc */ + "sFooterTH": "ui-state-default" + } ); + + + /* + * Variable: oPagination + * Purpose: + * Scope: jQuery.fn.dataTableExt + */ + $.extend( DataTable.ext.oPagination, { + /* + * Variable: two_button + * Purpose: Standard two button (forward/back) pagination + * Scope: jQuery.fn.dataTableExt.oPagination + */ + "two_button": { + /* + * Function: oPagination.two_button.fnInit + * Purpose: Initialise dom elements required for pagination with forward/back buttons only + * Returns: - + * Inputs: object:oSettings - dataTables settings object + * node:nPaging - the DIV which contains this pagination control + * function:fnCallbackDraw - draw function which must be called on update + */ + "fnInit": function ( oSettings, nPaging, fnCallbackDraw ) + { + var oLang = oSettings.oLanguage.oPaginate; + var oClasses = oSettings.oClasses; + var fnClickHandler = function ( e ) { + if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) ) + { + fnCallbackDraw( oSettings ); + } + }; + + var sAppend = (!oSettings.bJUI) ? + '<a class="'+oSettings.oClasses.sPagePrevDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button">'+oLang.sPrevious+'</a>'+ + '<a class="'+oSettings.oClasses.sPageNextDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button">'+oLang.sNext+'</a>' + : + '<a class="'+oSettings.oClasses.sPagePrevDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button"><span class="'+oSettings.oClasses.sPageJUIPrev+'"></span></a>'+ + '<a class="'+oSettings.oClasses.sPageNextDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button"><span class="'+oSettings.oClasses.sPageJUINext+'"></span></a>'; + $(nPaging).append( sAppend ); + + var els = $('a', nPaging); + var nPrevious = els[0], + nNext = els[1]; + + oSettings.oApi._fnBindAction( nPrevious, {action: "previous"}, fnClickHandler ); + oSettings.oApi._fnBindAction( nNext, {action: "next"}, fnClickHandler ); + + /* ID the first elements only */ + if ( !oSettings.aanFeatures.p ) + { + nPaging.id = oSettings.sTableId+'_paginate'; + nPrevious.id = oSettings.sTableId+'_previous'; + nNext.id = oSettings.sTableId+'_next'; + + nPrevious.setAttribute('aria-controls', oSettings.sTableId); + nNext.setAttribute('aria-controls', oSettings.sTableId); + } + }, + + /* + * Function: oPagination.two_button.fnUpdate + * Purpose: Update the two button pagination at the end of the draw + * Returns: - + * Inputs: object:oSettings - dataTables settings object + * function:fnCallbackDraw - draw function to call on page change + */ + "fnUpdate": function ( oSettings, fnCallbackDraw ) + { + if ( !oSettings.aanFeatures.p ) + { + return; + } + + var oClasses = oSettings.oClasses; + var an = oSettings.aanFeatures.p; + + /* Loop over each instance of the pager */ + for ( var i=0, iLen=an.length ; i<iLen ; i++ ) + { + if ( an[i].childNodes.length !== 0 ) + { + an[i].childNodes[0].className = ( oSettings._iDisplayStart === 0 ) ? + oClasses.sPagePrevDisabled : oClasses.sPagePrevEnabled; + + an[i].childNodes[1].className = ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) ? + oClasses.sPageNextDisabled : oClasses.sPageNextEnabled; + } + } + } + }, + + + /* + * Variable: iFullNumbersShowPages + * Purpose: Change the number of pages which can be seen + * Scope: jQuery.fn.dataTableExt.oPagination + */ + "iFullNumbersShowPages": 5, + + /* + * Variable: full_numbers + * Purpose: Full numbers pagination + * Scope: jQuery.fn.dataTableExt.oPagination + */ + "full_numbers": { + /* + * Function: oPagination.full_numbers.fnInit + * Purpose: Initialise dom elements required for pagination with a list of the pages + * Returns: - + * Inputs: object:oSettings - dataTables settings object + * node:nPaging - the DIV which contains this pagination control + * function:fnCallbackDraw - draw function which must be called on update + */ + "fnInit": function ( oSettings, nPaging, fnCallbackDraw ) + { + var oLang = oSettings.oLanguage.oPaginate; + var oClasses = oSettings.oClasses; + var fnClickHandler = function ( e ) { + if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) ) + { + fnCallbackDraw( oSettings ); + } + }; + + $(nPaging).append( + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageFirst+'">'+oLang.sFirst+'</a>'+ + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPagePrevious+'">'+oLang.sPrevious+'</a>'+ + '<span></span>'+ + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageNext+'">'+oLang.sNext+'</a>'+ + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageLast+'">'+oLang.sLast+'</a>' + ); + var els = $('a', nPaging); + var nFirst = els[0], + nPrev = els[1], + nNext = els[2], + nLast = els[3]; + + oSettings.oApi._fnBindAction( nFirst, {action: "first"}, fnClickHandler ); + oSettings.oApi._fnBindAction( nPrev, {action: "previous"}, fnClickHandler ); + oSettings.oApi._fnBindAction( nNext, {action: "next"}, fnClickHandler ); + oSettings.oApi._fnBindAction( nLast, {action: "last"}, fnClickHandler ); + + /* ID the first elements only */ + if ( !oSettings.aanFeatures.p ) + { + nPaging.id = oSettings.sTableId+'_paginate'; + nFirst.id =oSettings.sTableId+'_first'; + nPrev.id =oSettings.sTableId+'_previous'; + nNext.id =oSettings.sTableId+'_next'; + nLast.id =oSettings.sTableId+'_last'; + } + }, + + /* + * Function: oPagination.full_numbers.fnUpdate + * Purpose: Update the list of page buttons shows + * Returns: - + * Inputs: object:oSettings - dataTables settings object + * function:fnCallbackDraw - draw function to call on page change + */ + "fnUpdate": function ( oSettings, fnCallbackDraw ) + { + if ( !oSettings.aanFeatures.p ) + { + return; + } + + var iPageCount = DataTable.ext.oPagination.iFullNumbersShowPages; + var iPageCountHalf = Math.floor(iPageCount / 2); + var iPages = Math.ceil((oSettings.fnRecordsDisplay()) / oSettings._iDisplayLength); + var iCurrentPage = Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength) + 1; + var sList = ""; + var iStartButton, iEndButton, i, iLen; + var oClasses = oSettings.oClasses; + var anButtons, anStatic, nPaginateList; + var an = oSettings.aanFeatures.p; + var fnBind = function (j) { + oSettings.oApi._fnBindAction( this, {"page": j+iStartButton-1}, function(e) { + /* Use the information in the element to jump to the required page */ + oSettings.oApi._fnPageChange( oSettings, e.data.page ); + fnCallbackDraw( oSettings ); + e.preventDefault(); + } ); + }; + + /* Pages calculation */ + if (iPages < iPageCount) + { + iStartButton = 1; + iEndButton = iPages; + } + else if (iCurrentPage <= iPageCountHalf) + { + iStartButton = 1; + iEndButton = iPageCount; + } + else if (iCurrentPage >= (iPages - iPageCountHalf)) + { + iStartButton = iPages - iPageCount + 1; + iEndButton = iPages; + } + else + { + iStartButton = iCurrentPage - Math.ceil(iPageCount / 2) + 1; + iEndButton = iStartButton + iPageCount - 1; + } + + /* Build the dynamic list */ + for ( i=iStartButton ; i<=iEndButton ; i++ ) + { + sList += (iCurrentPage !== i) ? + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+'">'+oSettings.fnFormatNumber(i)+'</a>' : + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButtonActive+'">'+oSettings.fnFormatNumber(i)+'</a>'; + } + + /* Loop over each instance of the pager */ + for ( i=0, iLen=an.length ; i<iLen ; i++ ) + { + if ( an[i].childNodes.length === 0 ) + { + continue; + } + + /* Build up the dynamic list forst - html and listeners */ + $('span:eq(0)', an[i]) + .html( sList ) + .children('a').each( fnBind ); + + /* Update the premanent botton's classes */ + anButtons = an[i].getElementsByTagName('a'); + anStatic = [ + anButtons[0], anButtons[1], + anButtons[anButtons.length-2], anButtons[anButtons.length-1] + ]; + + $(anStatic).removeClass( oClasses.sPageButton+" "+oClasses.sPageButtonActive+" "+oClasses.sPageButtonStaticDisabled ); + $([anStatic[0], anStatic[1]]).addClass( + (iCurrentPage==1) ? + oClasses.sPageButtonStaticDisabled : + oClasses.sPageButton + ); + $([anStatic[2], anStatic[3]]).addClass( + (iPages===0 || iCurrentPage===iPages || oSettings._iDisplayLength===-1) ? + oClasses.sPageButtonStaticDisabled : + oClasses.sPageButton + ); + } + } + } + } ); + + $.extend( DataTable.ext.oSort, { + /* + * text sorting + */ + "string-pre": function ( a ) + { + if ( typeof a != 'string' ) { a = ''; } + return a.toLowerCase(); + }, + + "string-asc": function ( x, y ) + { + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + }, + + "string-desc": function ( x, y ) + { + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + }, + + + /* + * html sorting (ignore html tags) + */ + "html-pre": function ( a ) + { + return a.replace( /<.*?>/g, "" ).toLowerCase(); + }, + + "html-asc": function ( x, y ) + { + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + }, + + "html-desc": function ( x, y ) + { + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + }, + + + /* + * date sorting + */ + "date-pre": function ( a ) + { + var x = Date.parse( a ); + + if ( isNaN(x) || x==="" ) + { + x = Date.parse( "01/01/1970 00:00:00" ); + } + return x; + }, + + "date-asc": function ( x, y ) + { + return x - y; + }, + + "date-desc": function ( x, y ) + { + return y - x; + }, + + + /* + * numerical sorting + */ + "numeric-pre": function ( a ) + { + return (a=="-" || a==="") ? 0 : a*1; + }, + + "numeric-asc": function ( x, y ) + { + return x - y; + }, + + "numeric-desc": function ( x, y ) + { + return y - x; + } + } ); + + + $.extend( DataTable.ext.aTypes, [ + /* + * Function: - + * Purpose: Check to see if a string is numeric + * Returns: string:'numeric' or null + * Inputs: mixed:sText - string to check + */ + function ( sData ) + { + /* Allow zero length strings as a number */ + if ( typeof sData === 'number' ) + { + return 'numeric'; + } + else if ( typeof sData !== 'string' ) + { + return null; + } + + var sValidFirstChars = "0123456789-"; + var sValidChars = "0123456789."; + var Char; + var bDecimal = false; + + /* Check for a valid first char (no period and allow negatives) */ + Char = sData.charAt(0); + if (sValidFirstChars.indexOf(Char) == -1) + { + return null; + } + + /* Check all the other characters are valid */ + for ( var i=1 ; i<sData.length ; i++ ) + { + Char = sData.charAt(i); + if (sValidChars.indexOf(Char) == -1) + { + return null; + } + + /* Only allowed one decimal place... */ + if ( Char == "." ) + { + if ( bDecimal ) + { + return null; + } + bDecimal = true; + } + } + + return 'numeric'; + }, + + /* + * Function: - + * Purpose: Check to see if a string is actually a formatted date + * Returns: string:'date' or null + * Inputs: string:sText - string to check + */ + function ( sData ) + { + var iParse = Date.parse(sData); + if ( (iParse !== null && !isNaN(iParse)) || (typeof sData === 'string' && sData.length === 0) ) + { + return 'date'; + } + return null; + }, + + /* + * Function: - + * Purpose: Check to see if a string should be treated as an HTML string + * Returns: string:'html' or null + * Inputs: string:sText - string to check + */ + function ( sData ) + { + if ( typeof sData === 'string' && sData.indexOf('<') != -1 && sData.indexOf('>') != -1 ) + { + return 'html'; + } + return null; + } + ] ); + + + // jQuery aliases + $.fn.DataTable = DataTable; + $.fn.dataTable = DataTable; + $.fn.dataTableSettings = DataTable.settings; + $.fn.dataTableExt = DataTable.ext; + + + // Information about events fired by DataTables - for documentation. + /** + * Draw event, fired whenever the table is redrawn on the page, at the same point as + * fnDrawCallback. This may be useful for binding events or performing calculations when + * the table is altered at all. + * @name DataTable#draw + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * Filter event, fired when the filtering applied to the table (using the build in global + * global filter, or column filters) is altered. + * @name DataTable#filter + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * Page change event, fired when the paging of the table is altered. + * @name DataTable#page + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * Sort event, fired when the sorting applied to the table is altered. + * @name DataTable#sort + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * DataTables initialisation complete event, fired when the table is fully drawn, + * including Ajax data loaded, if Ajax data is required. + * @name DataTable#init + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The JSON object request from the server - only + * present if client-side Ajax sourced data is used</li></ol> + */ + + /** + * State save event, fired when the table has changed state a new state save is required. + * This method allows modification of the state saving object prior to actually doing the + * save, including addition or other state properties (for plug-ins) or modification + * of a DataTables core property. + * @name DataTable#stateSaveParams + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The state information to be saved + */ + + /** + * State load event, fired when the table is loading state from the stored data, but + * prior to the settings object being modified by the saved state - allowing modification + * of the saved state is required or loading of state for a plug-in. + * @name DataTable#stateLoadParams + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The saved state information + */ + + /** + * State loaded event, fired when state has been loaded from stored data and the settings + * object has been modified by the loaded data. + * @name DataTable#stateLoaded + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The saved state information + */ + + /** + * Processing event, fired when DataTables is doing some kind of processing (be it, + * sort, filter or anything else). Can be used to indicate to the end user that + * there is something happening, or that something has finished. + * @name DataTable#processing + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {boolean} bShow Flag for if DataTables is doing processing or not + */ + + /** + * Ajax (XHR) event, fired whenever an Ajax request is completed from a request to + * made to the server for new data (note that this trigger is called in fnServerData, + * if you override fnServerData and which to use this event, you need to trigger it in + * you success function). + * @name DataTable#xhr + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ +}(jQuery, window, document, undefined)); diff --git a/src/warden-server/contrib/wardenweb/datatables/media/js/jquery.js b/src/warden-server/contrib/wardenweb/datatables/media/js/jquery.js new file mode 100644 index 0000000000000000000000000000000000000000..ee0233703da37c9cc42591620e0befa769cd6a2a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/js/jquery.js @@ -0,0 +1,4 @@ +/*! jQuery v1.7.1 jquery.com | jquery.org/license */ +(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cv(a){if(!ck[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){cl||(cl=c.createElement("iframe"),cl.frameBorder=cl.width=cl.height=0),b.appendChild(cl);if(!cm||!cl.createElement)cm=(cl.contentWindow||cl.contentDocument).document,cm.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),cm.close();d=cm.createElement(a),cm.body.appendChild(d),e=f.css(d,"display"),b.removeChild(cl)}ck[a]=e}return ck[a]}function cu(a,b){var c={};f.each(cq.concat.apply([],cq.slice(0,b)),function(){c[this]=a});return c}function ct(){cr=b}function cs(){setTimeout(ct,0);return cr=f.now()}function cj(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ci(){try{return new a.XMLHttpRequest}catch(b){}}function cc(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function cb(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function ca(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bE.test(a)?d(a,e):ca(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)ca(a+"["+e+"]",b[e],c,d);else d(a,b)}function b_(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function b$(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bT,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=b$(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=b$(a,c,d,e,"*",g));return l}function bZ(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bP),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bC(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bx:by,g=0,h=e.length;if(d>0){if(c!=="border")for(;g<h;g++)c||(d-=parseFloat(f.css(a,"padding"+e[g]))||0),c==="margin"?d+=parseFloat(f.css(a,c+e[g]))||0:d-=parseFloat(f.css(a,"border"+e[g]+"Width"))||0;return d+"px"}d=bz(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0;if(c)for(;g<h;g++)d+=parseFloat(f.css(a,"padding"+e[g]))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+e[g]+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+e[g]))||0);return d+"px"}function bp(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bf,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bo(a){var b=c.createElement("div");bh.appendChild(b),b.innerHTML=a.outerHTML;return b.firstChild}function bn(a){var b=(a.nodeName||"").toLowerCase();b==="input"?bm(a):b!=="script"&&typeof a.getElementsByTagName!="undefined"&&f.grep(a.getElementsByTagName("input"),bm)}function bm(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bl(a){return typeof a.getElementsByTagName!="undefined"?a.getElementsByTagName("*"):typeof a.querySelectorAll!="undefined"?a.querySelectorAll("*"):[]}function bk(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bj(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c,d,e,g=f._data(a),h=f._data(b,g),i=g.events;if(i){delete h.handle,h.events={};for(c in i)for(d=0,e=i[c].length;d<e;d++)f.event.add(b,c+(i[c][d].namespace?".":"")+i[c][d].namespace,i[c][d],i[c][d].data)}h.data&&(h.data=f.extend({},h.data))}}function bi(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function U(a){var b=V.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function T(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(O.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?parseFloat(d):j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c<d;c++)b[a[c]]=!0;return b}var c=a.document,d=a.navigator,e=a.location,f=function(){function J(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(J,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.1",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:G?function(a){return a==null?"":G.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?E.call(c,a):e.merge(c,a)}return c},inArray:function(a,b,c){var d;if(b){if(H)return H.call(b,a,c);d=b.length,c=c?c<0?Math.max(0,d+c):c:0;for(;c<d;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=F.call(arguments,2),g=function(){return a.apply(c,f.concat(F.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=r.exec(a)||s.exec(a)||t.exec(a)||a.indexOf("compatible")<0&&u.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){I["[object "+b+"]"]=b.toLowerCase()}),z=e.uaMatch(y),z.browser&&(e.browser[z.browser]=!0,e.browser.version=z.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?B=function(){c.removeEventListener("DOMContentLoaded",B,!1),e.ready()}:c.attachEvent&&(B=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",B),e.ready())});return e}(),g={};f.Callbacks=function(a){a=a?g[a]||h(a):{};var c=[],d=[],e,i,j,k,l,m=function(b){var d,e,g,h,i;for(d=0,e=b.length;d<e;d++)g=b[d],h=f.type(g),h==="array"?m(g):h==="function"&&(!a.unique||!o.has(g))&&c.push(g)},n=function(b,f){f=f||[],e=!a.memory||[b,f],i=!0,l=j||0,j=0,k=c.length;for(;c&&l<k;l++)if(c[l].apply(b,f)===!1&&a.stopOnFalse){e=!0;break}i=!1,c&&(a.once?e===!0?o.disable():c=[]:d&&d.length&&(e=d.shift(),o.fireWith(e[0],e[1])))},o={add:function(){if(c){var a=c.length;m(arguments),i?k=c.length:e&&e!==!0&&(j=a,n(e[0],e[1]))}return this},remove:function(){if(c){var b=arguments,d=0,e=b.length;for(;d<e;d++)for(var f=0;f<c.length;f++)if(b[d]===c[f]){i&&f<=k&&(k--,f<=l&&l--),c.splice(f--,1);if(a.unique)break}}return this},has:function(a){if(c){var b=0,d=c.length;for(;b<d;b++)if(a===c[b])return!0}return!1},empty:function(){c=[];return this},disable:function(){c=d=e=b;return this},disabled:function(){return!c},lock:function(){d=b,(!e||e===!0)&&o.disable();return this},locked:function(){return!d},fireWith:function(b,c){d&&(i?a.once||d.push([b,c]):(!a.once||!e)&&n(b,c));return this},fire:function(){o.fireWith(this,arguments);return this},fired:function(){return!!e}};return o};var i=[].slice;f.extend({Deferred:function(a){var b=f.Callbacks("once memory"),c=f.Callbacks("once memory"),d=f.Callbacks("memory"),e="pending",g={resolve:b,reject:c,notify:d},h={done:b.add,fail:c.add,progress:d.add,state:function(){return e},isResolved:b.fired,isRejected:c.fired,then:function(a,b,c){i.done(a).fail(b).progress(c);return this},always:function(){i.done.apply(i,arguments).fail.apply(i,arguments);return this},pipe:function(a,b,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[b,"reject"],progress:[c,"notify"]},function(a,b){var c=b[0],e=b[1],g;f.isFunction(c)?i[a](function(){g=c.apply(this,arguments),g&&f.isFunction(g.promise)?g.promise().then(d.resolve,d.reject,d.notify):d[e+"With"](this===i?d:this,[g])}):i[a](d[e])})}).promise()},promise:function(a){if(a==null)a=h;else for(var b in h)a[b]=h[b];return a}},i=h.promise({}),j;for(j in g)i[j]=g[j].fire,i[j+"With"]=g[j].fireWith;i.done(function(){e="resolved"},c.disable,d.lock).fail(function(){e="rejected"},b.disable,d.lock),a&&a.call(i,i);return i},when:function(a){function m(a){return function(b){e[a]=arguments.length>1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c<d;c++)b[c]&&b[c].promise&&f.isFunction(b[c].promise)?b[c].promise().then(l(c),j.reject,m(c)):--g;g||j.resolveWith(j,b)}else j!==a&&j.resolveWith(j,d?[a]:[]);return k}}),f.support=function(){var b,d,e,g,h,i,j,k,l,m,n,o,p,q=c.createElement("div"),r=c.documentElement;q.setAttribute("className","t"),q.innerHTML=" <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=q.getElementsByTagName("*"),e=q.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=q.getElementsByTagName("input")[0],b={leadingWhitespace:q.firstChild.nodeType===3,tbody:!q.getElementsByTagName("tbody").length,htmlSerialize:!!q.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:q.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav></:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete q.test}catch(s){b.deleteExpando=!1}!q.addEventListener&&q.attachEvent&&q.fireEvent&&(q.attachEvent("onclick",function(){b.noCloneEvent=!1}),q.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),q.appendChild(i),k=c.createDocumentFragment(),k.appendChild(q.lastChild),b.checkClone=k.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,k.removeChild(i),k.appendChild(q),q.innerHTML="",a.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",q.style.width="2px",q.appendChild(j),b.reliableMarginRight=(parseInt((a.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0);if(q.attachEvent)for(o in{submit:1,change:1,focusin:1})n="on"+o,p=n in q,p||(q.setAttribute(n,"return;"),p=typeof q[n]=="function"),b[o+"Bubbles"]=p;k.removeChild(q),k=g=h=j=q=i=null,f(function(){var a,d,e,g,h,i,j,k,m,n,o,r=c.getElementsByTagName("body")[0];!r||(j=1,k="position:absolute;top:0;left:0;width:1px;height:1px;margin:0;",m="visibility:hidden;border:0;",n="style='"+k+"border:5px solid #000;padding:0;'",o="<div "+n+"><div></div></div>"+"<table "+n+" cellpadding='0' cellspacing='0'>"+"<tr><td></td></tr></table>",a=c.createElement("div"),a.style.cssText=m+"width:0;height:0;position:static;top:0;margin-top:"+j+"px",r.insertBefore(a,r.firstChild),q=c.createElement("div"),a.appendChild(q),q.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",l=q.getElementsByTagName("td"),p=l[0].offsetHeight===0,l[0].style.display="",l[1].style.display="none",b.reliableHiddenOffsets=p&&l[0].offsetHeight===0,q.innerHTML="",q.style.width=q.style.paddingLeft="1px",f.boxModel=b.boxModel=q.offsetWidth===2,typeof q.style.zoom!="undefined"&&(q.style.display="inline",q.style.zoom=1,b.inlineBlockNeedsLayout=q.offsetWidth===2,q.style.display="",q.innerHTML="<div style='width:4px;'></div>",b.shrinkWrapBlocks=q.offsetWidth!==2),q.style.cssText=k+m,q.innerHTML=o,d=q.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,i={doesNotAddBorder:e.offsetTop!==5,doesAddBorderForTableAndCells:h.offsetTop===5},e.style.position="fixed",e.style.top="20px",i.fixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",i.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,i.doesNotIncludeMarginInBodyOffset=r.offsetTop!==j,r.removeChild(a),q=a=null,f.extend(b,i))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e<g;e++)delete d[b[e]];if(!(c?m:f.isEmptyObject)(d))return}}if(!c){delete j[k].data;if(!m(j[k]))return}f.support.deleteExpando||!j.setInterval?delete j[k]:j[k]=null,i&&(f.support.deleteExpando?delete a[h]:a.removeAttribute?a.removeAttribute(h):a[h]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d,e,g,h=null;if(typeof a=="undefined"){if(this.length){h=f.data(this[0]);if(this[0].nodeType===1&&!f._data(this[0],"parsedAttrs")){e=this[0].attributes;for(var i=0,j=e.length;i<j;i++)g=e[i].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),l(this[0],g,h[g]));f._data(this[0],"parsedAttrs",!0)}}return h}if(typeof a=="object")return this.each(function(){f.data(this,a)});d=a.split("."),d[1]=d[1]?"."+d[1]:"";if(c===b){h=this.triggerHandler("getData"+d[1]+"!",[d[0]]),h===b&&this.length&&(h=f.data(this[0],a),h=l(this[0],a,h));return h===b&&d[1]?this.data(d[0]):h}return this.each(function(){var b=f(this),e=[d[0],c];b.triggerHandler("setData"+d[1]+"!",e),f.data(this,a,c),b.triggerHandler("changeData"+d[1]+"!",e)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,b){a&&(b=(b||"fx")+"mark",f._data(a,b,(f._data(a,b)||0)+1))},_unmark:function(a,b,c){a!==!0&&(c=b,b=a,a=!1);if(b){c=c||"fx";var d=c+"mark",e=a?0:(f._data(b,d)||1)-1;e?f._data(b,d,e):(f.removeData(b,d,!0),n(b,c,"mark"))}},queue:function(a,b,c){var d;if(a){b=(b||"fx")+"queue",d=f._data(a,b),c&&(!d||f.isArray(c)?d=f._data(a,b,f.makeArray(c)):d.push(c));return d||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e={};d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),f._data(a,b+".run",e),d.call(a,function(){f.dequeue(a,b)},e)),c.length||(f.removeData(a,b+"queue "+b+".run",!0),n(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f.Callbacks("once memory"),!0))h++,l.add(m);m();return d.promise()}});var o=/[\n\t\r]/g,p=/\s+/,q=/\r/g,r=/^(?:button|input)$/i,s=/^(?:button|input|object|select|textarea)$/i,t=/^a(?:rea)?$/i,u=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,v=f.support.getSetAttribute,w,x,y;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(p);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(p);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(o," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(p);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ",c=0,d=this.length;for(;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(o," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.nodeName.toLowerCase()]||f.valHooks[g.type];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c<d;c++){e=i[c];if(e.selected&&(f.support.optDisabled?!e.disabled:e.getAttribute("disabled")===null)&&(!e.parentNode.disabled||!f.nodeName(e.parentNode,"optgroup"))){b=f(e).val();if(j)return b;h.push(b)}}if(j&&!h.length&&i.length)return f(i[g]).val();return h},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;h<g;h++)e=d[h],e&&(c=f.propFix[e]||e,f.attr(a,e,""),a.removeAttribute(v?e:c),u.test(e)&&c in a&&(a[c]=!1))}},attrHooks:{type:{set:function(a,b){if(r.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(w&&f.nodeName(a,"button"))return w.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(w&&f.nodeName(a,"button"))return w.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e,g,h,i=a.nodeType;if(!!a&&i!==3&&i!==8&&i!==2){h=i!==1||!f.isXMLDoc(a),h&&(c=f.propFix[c]||c,g=f.propHooks[c]);return d!==b?g&&"set"in g&&(e=g.set(a,d,c))!==b?e:a[c]=d:g&&"get"in g&&(e=g.get(a,c))!==null?e:a[c]}},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):s.test(a.nodeName)||t.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabindex=f.propHooks.tabIndex,x={get:function(a,c){var d,e=f.prop(a,c);return e===!0||typeof e!="boolean"&&(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},v||(y={name:!0,id:!0},w=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&(y[c]?d.nodeValue!=="":d.specified)?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.attrHooks.tabindex.set=w.set,f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})}),f.attrHooks.contenteditable={get:w.get,set:function(a,b,c){b===""&&(b="false"),w.set(a,b,c)}}),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.enctype||(f.propFix.enctype="encoding"),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/\bhover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function(a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")}; +f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k<c.length;k++){l=A.exec(c[k])||[],m=l[1],n=(l[2]||"").split(".").sort(),s=f.event.special[m]||{},m=(g?s.delegateType:s.bindType)||m,s=f.event.special[m]||{},o=f.extend({type:m,origType:l[1],data:e,handler:d,guid:d.guid,selector:g,quick:G(g),namespace:n.join(".")},p),r=j[m];if(!r){r=j[m]=[],r.delegateCount=0;if(!s.setup||s.setup.call(a,e,n,i)===!1)a.addEventListener?a.addEventListener(m,i,!1):a.attachEvent&&a.attachEvent("on"+m,i)}s.add&&(s.add.call(a,o),o.handler.guid||(o.handler.guid=d.guid)),g?r.splice(r.delegateCount++,0,o):r.push(o),f.event.global[m]=!0}a=null}},global:{},remove:function(a,b,c,d,e){var g=f.hasData(a)&&f._data(a),h,i,j,k,l,m,n,o,p,q,r,s;if(!!g&&!!(o=g.events)){b=f.trim(I(b||"")).split(" ");for(h=0;h<b.length;h++){i=A.exec(b[h])||[],j=k=i[1],l=i[2];if(!j){for(j in o)f.event.remove(a,j+b[h],c,d,!0);continue}p=f.event.special[j]||{},j=(d?p.delegateType:p.bindType)||j,r=o[j]||[],m=r.length,l=l?new RegExp("(^|\\.)"+l.split(".").sort().join("\\.(?:.*\\.)?")+"(\\.|$)"):null;for(n=0;n<r.length;n++)s=r[n],(e||k===s.origType)&&(!c||c.guid===s.guid)&&(!l||l.test(s.namespace))&&(!d||d===s.selector||d==="**"&&s.selector)&&(r.splice(n--,1),s.selector&&r.delegateCount--,p.remove&&p.remove.call(a,s));r.length===0&&m!==r.length&&((!p.teardown||p.teardown.call(a,l)===!1)&&f.removeEvent(a,j,g.handle),delete o[j])}f.isEmptyObject(o)&&(q=g.handle,q&&(q.elem=null),f.removeData(a,["events","handle"],!0))}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){if(!e||e.nodeType!==3&&e.nodeType!==8){var h=c.type||c,i=[],j,k,l,m,n,o,p,q,r,s;if(E.test(h+f.event.triggered))return;h.indexOf("!")>=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;l<r.length&&!c.isPropagationStopped();l++)m=r[l][0],c.type=r[l][1],q=(f._data(m,"events")||{})[c.type]&&f._data(m,"handle"),q&&q.apply(m,d),q=o&&m[o],q&&f.acceptData(m)&&q.apply(m,d)===!1&&c.preventDefault();c.type=h,!g&&!c.isDefaultPrevented()&&(!p._default||p._default.apply(e.ownerDocument,d)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)&&o&&e[h]&&(h!=="focus"&&h!=="blur"||c.target.offsetWidth!==0)&&!f.isWindow(e)&&(n=e[o],n&&(e[o]=null),f.event.triggered=h,e[h](),f.event.triggered=b,n&&(e[o]=n));return c.result}},dispatch:function(c){c=f.event.fix(c||a.event);var d=(f._data(this,"events")||{})[c.type]||[],e=d.delegateCount,g=[].slice.call(arguments,0),h=!c.exclusive&&!c.namespace,i=[],j,k,l,m,n,o,p,q,r,s,t;g[0]=c,c.delegateTarget=this;if(e&&!c.target.disabled&&(!c.button||c.type!=="click")){m=f(this),m.context=this.ownerDocument||this;for(l=c.target;l!=this;l=l.parentNode||this){o={},q=[],m[0]=l;for(j=0;j<e;j++)r=d[j],s=r.selector,o[s]===b&&(o[s]=r.quick?H(l,r.quick):m.is(s)),o[s]&&q.push(r);q.length&&i.push({elem:l,matches:q})}}d.length>e&&i.push({elem:this,matches:d.slice(e)});for(j=0;j<i.length&&!c.isPropagationStopped();j++){p=i[j],c.currentTarget=p.elem;for(k=0;k<p.matches.length&&!c.isImmediatePropagationStopped();k++){r=p.matches[k];if(h||!c.namespace&&!r.namespace||c.namespace_re&&c.namespace_re.test(r.namespace))c.data=r.data,c.handleObj=r,n=((f.event.special[r.origType]||{}).handle||r.handler).apply(p.elem,g),n!==b&&(c.result=n,n===!1&&(c.preventDefault(),c.stopPropagation()))}}return c.result},props:"attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){a.which==null&&(a.which=b.charCode!=null?b.charCode:b.keyCode);return a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,d){var e,f,g,h=d.button,i=d.fromElement;a.pageX==null&&d.clientX!=null&&(e=a.target.ownerDocument||c,f=e.documentElement,g=e.body,a.pageX=d.clientX+(f&&f.scrollLeft||g&&g.scrollLeft||0)-(f&&f.clientLeft||g&&g.clientLeft||0),a.pageY=d.clientY+(f&&f.scrollTop||g&&g.scrollTop||0)-(f&&f.clientTop||g&&g.clientTop||0)),!a.relatedTarget&&i&&(a.relatedTarget=i===a.target?d.toElement:i),!a.which&&h!==b&&(a.which=h&1?1:h&2?3:h&4?2:0);return a}},fix:function(a){if(a[f.expando])return a;var d,e,g=a,h=f.event.fixHooks[a.type]||{},i=h.props?this.props.concat(h.props):this.props;a=f.Event(g);for(d=i.length;d;)e=i[--d],a[e]=g[e];a.target||(a.target=g.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),a.metaKey===b&&(a.metaKey=a.ctrlKey);return h.filter?h.filter(a,g):a},special:{ready:{setup:f.bindReady},load:{noBubble:!0},focus:{delegateType:"focusin"},blur:{delegateType:"focusout"},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}},simulate:function(a,b,c,d){var e=f.extend(new f.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?f.event.trigger(e,null,b):f.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},f.event.handle=f.event.dispatch,f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!(this instanceof f.Event))return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?K:J):this.type=a,b&&f.extend(this,b),this.timeStamp=a&&a.timeStamp||f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=K;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=K;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=K,this.stopPropagation()},isDefaultPrevented:J,isPropagationStopped:J,isImmediatePropagationStopped:J},f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c=this,d=a.relatedTarget,e=a.handleObj,g=e.selector,h;if(!d||d!==c&&!f.contains(c,d))a.type=e.origType,h=e.handler.apply(this,arguments),a.type=b;return h}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(){if(f.nodeName(this,"form"))return!1;f.event.add(this,"click._submit keypress._submit",function(a){var c=a.target,d=f.nodeName(c,"input")||f.nodeName(c,"button")?c.form:b;d&&!d._submit_attached&&(f.event.add(d,"submit._submit",function(a){this.parentNode&&!a.isTrigger&&f.event.simulate("submit",this.parentNode,a,!0)}),d._submit_attached=!0)})},teardown:function(){if(f.nodeName(this,"form"))return!1;f.event.remove(this,"._submit")}}),f.support.changeBubbles||(f.event.special.change={setup:function(){if(z.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio")f.event.add(this,"propertychange._change",function(a){a.originalEvent.propertyName==="checked"&&(this._just_changed=!0)}),f.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1,f.event.simulate("change",this,a,!0))});return!1}f.event.add(this,"beforeactivate._change",function(a){var b=a.target;z.test(b.nodeName)&&!b._change_attached&&(f.event.add(b,"change._change",function(a){this.parentNode&&!a.isSimulated&&!a.isTrigger&&f.event.simulate("change",this.parentNode,a,!0)}),b._change_attached=!0)})},handle:function(a){var b=a.target;if(this!==b||a.isSimulated||a.isTrigger||b.type!=="radio"&&b.type!=="checkbox")return a.handleObj.handler.apply(this,arguments)},teardown:function(){f.event.remove(this,"._change");return z.test(this.nodeName)}}),f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){var d=0,e=function(a){f.event.simulate(b,a.target,f.event.fix(a),!0)};f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.fn.extend({on:function(a,c,d,e,g){var h,i;if(typeof a=="object"){typeof c!="string"&&(d=c,c=b);for(i in a)this.on(i,c,d,a[i],g);return this}d==null&&e==null?(e=c,d=c=b):e==null&&(typeof c=="string"?(e=d,d=b):(e=d,d=c,c=b));if(e===!1)e=J;else if(!e)return this;g===1&&(h=e,e=function(a){f().off(a);return h.apply(this,arguments)},e.guid=h.guid||(h.guid=f.guid++));return this.each(function(){f.event.add(this,a,e,d,c)})},one:function(a,b,c,d){return this.on.call(this,a,b,c,d,1)},off:function(a,c,d){if(a&&a.preventDefault&&a.handleObj){var e=a.handleObj;f(a.delegateTarget).off(e.namespace?e.type+"."+e.namespace:e.type,e.selector,e.handler);return this}if(typeof a=="object"){for(var g in a)this.off(g,c,a[g]);return this}if(c===!1||typeof c=="function")d=c,c=b;d===!1&&(d=J);return this.each(function(){f.event.remove(this,a,d,c)})},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},live:function(a,b,c){f(this.context).on(a,this.selector,b,c);return this},die:function(a,b){f(this.context).off(a,this.selector||"**",b);return this},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return arguments.length==1?this.off(a,"**"):this.off(b,a,c)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f._data(this,"lastToggle"+a.guid)||0)%d;f._data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}if(j.nodeType===1){g||(j[d]=c,j.sizset=h);if(typeof b!="string"){if(j===b){k=!0;break}}else if(m.filter(b,[j]).length>0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}j.nodeType===1&&!g&&(j[d]=c,j.sizset=h);if(j.nodeName.toLowerCase()===b){k=j;break}j=j[a]}e[h]=k}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},m.matches=function(a,b){return m(a,null,null,b)},m.matchesSelector=function(a,b){return m(b,null,null,[a]).length>0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e<f;e++){h=o.order[e];if(g=o.leftMatch[h].exec(a)){i=g[1],g.splice(1,1);if(i.substr(i.length-1)!=="\\"){g[1]=(g[1]||"").replace(j,""),d=o.find[h](g,b,c);if(d!=null){a=a.replace(o.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},m.filter=function(a,c,d,e){var f,g,h,i,j,k,l,n,p,q=a,r=[],s=c,t=c&&c[0]&&m.isXML(c[0]);while(a&&c.length){for(h in o.filter)if((f=o.leftMatch[h].exec(a))!=null&&f[2]){k=o.filter[h],l=f[1],g=!1,f.splice(1,1);if(l.substr(l.length-1)==="\\")continue;s===r&&(r=[]);if(o.preFilter[h]){f=o.preFilter[h](f,s,d,r,e,t);if(!f)g=i=!0;else if(f===!0)continue}if(f)for(n=0;(j=s[n])!=null;n++)j&&(i=k(j,f,n,s),p=e^i,d&&i!=null?p?g=!0:s[n]=!1:p&&(r.push(j),g=!0));if(i!==b){d||(s=r),a=a.replace(o.match[h],"");if(!g)return[];break}}if(a===q)if(g==null)m.error(a);else break;q=a}return s},m.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)};var n=m.getText=function(a){var b,c,d=a.nodeType,e="";if(d){if(d===1||d===9){if(typeof a.textContent=="string")return a.textContent;if(typeof a.innerText=="string")return a.innerText.replace(k,"");for(a=a.firstChild;a;a=a.nextSibling)e+=n(a)}else if(d===3||d===4)return a.nodeValue}else for(b=0;c=a[b];b++)c.nodeType!==8&&(e+=n(c));return e},o=m.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!l.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&m.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&m.filter(b,a,!0)}},"":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("parentNode",b,f,a,d,c)},"~":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("previousSibling",b,f,a,d,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(j,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}m.error(e)},CHILD:function(a,b){var c,e,f,g,h,i,j,k=b[1],l=a;switch(k){case"only":case"first":while(l=l.previousSibling)if(l.nodeType===1)return!1;if(k==="first")return!0;l=a;case"last":while(l=l.nextSibling)if(l.nodeType===1)return!1;return!0;case"nth":c=b[2],e=b[3];if(c===1&&e===0)return!0;f=b[0],g=a.parentNode;if(g&&(g[d]!==f||!a.nodeIndex)){i=0;for(l=g.firstChild;l;l=l.nextSibling)l.nodeType===1&&(l.nodeIndex=++i);g[d]=f}j=a.nodeIndex-e;return c===0?j===0:j%c===0&&j/c>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c<e;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var u,v;c.documentElement.compareDocumentPosition?u=function(a,b){if(a===b){h=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(u=function(a,b){if(a===b){h=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],g=a.parentNode,i=b.parentNode,j=g;if(g===i)return v(a,b);if(!g)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return v(e[k],f[k]);return k===c?v(a,f[k],-1):v(e[k],b,1)},v=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h<i;h++)m(a,g[h],e,c);return m.filter(f,e)};m.attr=f.attr,m.selectors.attrMap={},f.find=m,f.expr=m.selectors,f.expr[":"]=f.expr.filters,f.unique=m.uniqueSort,f.text=m.getText,f.isXMLDoc=m.isXML,f.contains=m.contains}();var L=/Until$/,M=/^(?:parents|prevUntil|prevAll)/,N=/,/,O=/^.[^:#\[\.,]*$/,P=Array.prototype.slice,Q=f.expr.match.POS,R={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(T(this,a,!1),"not",a)},filter:function(a){return this.pushStack(T(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?Q.test(a)?f(a,this.context).index(this[0])>=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d<a.length;d++)f(g).is(a[d])&&c.push({selector:a[d],elem:g,level:h});g=g.parentNode,h++}return c}var i=Q.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(i?i.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|style)/i,bb=/<(?:script|object|embed|option|style)/i,bc=new RegExp("<(?:"+V+")","i"),bd=/checked\s*(?:[^=]|=\s*.checked.)/i,be=/\/(java|ecma)script/i,bf=/^\s*<!(?:\[CDATA\[|\-\-)/,bg={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function() +{for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bd.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bi(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bp)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i,j=a[0];b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof j=="string"&&j.length<512&&i===c&&j.charAt(0)==="<"&&!bb.test(j)&&(f.support.checkClone||!bd.test(j))&&(f.support.html5Clone||!bc.test(j))&&(g=!0,h=f.fragments[j],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean(a,i,e,d)),g&&(f.fragments[j]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||!bc.test("<"+a.nodeName)?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1></$2>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=bg[l]||bg._default,n=m[0],o=b.createElement("div");b===c?bh.appendChild(o):U(b).appendChild(o),o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bn(k[i]);else bn(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||be.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.event.special,g=f.support.deleteExpando;for(var h=0,i;(i=a[h])!=null;h++){if(i.nodeName&&f.noData[i.nodeName.toLowerCase()])continue;c=i[f.expando];if(c){b=d[c];if(b&&b.events){for(var j in b.events)e[j]?f.event.remove(i,j):f.removeEvent(i,j,b.handle);b.handle&&(b.handle.elem=null)}g?delete i[f.expando]:i.removeAttribute&&i.removeAttribute(f.expando),delete d[c]}}}});var bq=/alpha\([^)]*\)/i,br=/opacity=([^)]*)/,bs=/([A-Z]|^ms)/g,bt=/^-?\d+(?:px)?$/i,bu=/^-?\d/,bv=/^([\-+])=([\-+.\de]+)/,bw={position:"absolute",visibility:"hidden",display:"block"},bx=["Left","Right"],by=["Top","Bottom"],bz,bA,bB;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bz(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=bv.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bz)return bz(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return bC(a,b,d);f.swap(a,bw,function(){e=bC(a,b,d)});return e}},set:function(a,b){if(!bt.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return br.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bq,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bq.test(g)?g.replace(bq,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bz(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bA=function(a,b){var c,d,e;b=b.replace(bs,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b)));return c}),c.documentElement.currentStyle&&(bB=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f===null&&g&&(e=g[b])&&(f=e),!bt.test(f)&&bu.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f||0,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),bz=bA||bB,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bD=/%20/g,bE=/\[\]$/,bF=/\r?\n/g,bG=/#.*$/,bH=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bI=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bJ=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bK=/^(?:GET|HEAD)$/,bL=/^\/\//,bM=/\?/,bN=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bO=/^(?:select|textarea)/i,bP=/\s+/,bQ=/([?&])_=[^&]*/,bR=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bS=f.fn.load,bT={},bU={},bV,bW,bX=["*/"]+["*"];try{bV=e.href}catch(bY){bV=c.createElement("a"),bV.href="",bV=bV.href}bW=bR.exec(bV.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bS)return bS.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bN,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bO.test(this.nodeName)||bI.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bF,"\r\n")}}):{name:b.name,value:c.replace(bF,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b_(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b_(a,b);return a},ajaxSettings:{url:bV,isLocal:bJ.test(bW[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bX},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bZ(bT),ajaxTransport:bZ(bU),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?cb(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cc(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bH.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bG,"").replace(bL,bW[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bP),d.crossDomain==null&&(r=bR.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bW[1]&&r[2]==bW[2]&&(r[3]||(r[1]==="http:"?80:443))==(bW[3]||(bW[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),b$(bT,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bK.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bM.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bQ,"$1_="+x);d.url=y+(y===d.url?(bM.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bX+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=b$(bU,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)ca(g,a[g],c,e);return d.join("&").replace(bD,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cd=f.now(),ce=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cd++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ce.test(b.url)||e&&ce.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ce,l),b.url===j&&(e&&(k=k.replace(ce,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cf=a.ActiveXObject?function(){for(var a in ch)ch[a](0,1)}:!1,cg=0,ch;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ci()||cj()}:ci,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cf&&delete ch[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cg,cf&&(ch||(ch={},f(a).unload(cf)),ch[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var ck={},cl,cm,cn=/^(?:toggle|show|hide)$/,co=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cp,cq=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cr;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cu("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cv(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cu("hide",3),a,b,c);var d,e,g=0,h=this.length;for(;g<h;g++)d=this[g],d.style&&(e=f.css(d,"display"),e!=="none"&&!f._data(d,"olddisplay")&&f._data(d,"olddisplay",e));for(g=0;g<h;g++)this[g].style&&(this[g].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cu("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){function g(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(!f.support.inlineBlockNeedsLayout||cv(this.nodeName)==="inline"?this.style.display="inline-block":this.style.zoom=1))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)j=new f.fx(this,b,i),h=a[i],cn.test(h)?(o=f._data(this,"toggle"+i)||(h==="toggle"?d?"show":"hide":0),o?(f._data(this,"toggle"+i,o==="show"?"hide":"show"),j[o]()):j[h]()):(k=co.exec(h),l=j.cur(),k?(m=parseFloat(k[2]),n=k[3]||(f.cssNumber[i]?"":"px"),n!=="px"&&(f.style(this,i,(m||1)+n),l=(m||1)/j.cur()*l,f.style(this,i,l+n)),k[1]&&(m=(k[1]==="-="?-1:1)*m+l),j.custom(l,m,n)):j.custom(l,h,""));return!0}var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return e.queue===!1?this.each(g):this.queue(e.queue,g)},stop:function(a,c,d){typeof a!="string"&&(d=c,c=a,a=b),c&&a!==!1&&this.queue(a||"fx",[]);return this.each(function(){function h(a,b,c){var e=b[c];f.removeData(a,c,!0),e.stop(d)}var b,c=!1,e=f.timers,g=f._data(this);d||f._unmark(!0,this);if(a==null)for(b in g)g[b]&&g[b].stop&&b.indexOf(".run")===b.length-4&&h(this,g,b);else g[b=a+".run"]&&g[b].stop&&h(this,g,b);for(b=e.length;b--;)e[b].elem===this&&(a==null||e[b].queue===a)&&(d?e[b](!0):e[b].saveState(),c=!0,e.splice(b,1));(!d||!c)&&f.dequeue(this,a)})}}),f.each({slideDown:cu("show",1),slideUp:cu("hide",1),slideToggle:cu("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default;if(d.queue==null||d.queue===!0)d.queue="fx";d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue?f.dequeue(this,d.queue):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,c,d){function h(a){return e.step(a)}var e=this,g=f.fx;this.startTime=cr||cs(),this.end=c,this.now=this.start=a,this.pos=this.state=0,this.unit=d||this.unit||(f.cssNumber[this.prop]?"":"px"),h.queue=this.options.queue,h.elem=this.elem,h.saveState=function(){e.options.hide&&f._data(e.elem,"fxshow"+e.prop)===b&&f._data(e.elem,"fxshow"+e.prop,e.start)},h()&&f.timers.push(h)&&!cp&&(cp=setInterval(g.tick,g.interval))},show:function(){var a=f._data(this.elem,"fxshow"+this.prop);this.options.orig[this.prop]=a||f.style(this.elem,this.prop),this.options.show=!0,a!==b?this.custom(this.cur(),a):this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f._data(this.elem,"fxshow"+this.prop)||f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b,c,d,e=cr||cs(),g=!0,h=this.elem,i=this.options;if(a||e>=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c<b.length;c++)a=b[c],!a()&&b[c]===a&&b.splice(c--,1);b.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cp),cp=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=a.now+a.unit:a.elem[a.prop]=a.now}}}),f.each(["width","height"],function(a,b){f.fx.step[b]=function(a){f.style(a.elem,b,Math.max(0,a.now)+a.unit)}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cw=/^t(?:able|d|h)$/i,cx=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cy(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.support.fixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.support.doesNotAddBorder&&(!f.support.doesAddBorderForTableAndCells||!cw.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.support.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.support.fixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.support.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cy(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cy(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,d,"padding")):this[d]():null},f.fn["outer"+c]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,d,a?"margin":"border")):this[d]():null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNumeric(j)?j:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/DataTables.js b/src/warden-server/contrib/wardenweb/datatables/media/src/DataTables.js new file mode 100644 index 0000000000000000000000000000000000000000..646d3a6de1ed498eb7c46e84d653d2cc71c4cf26 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/DataTables.js @@ -0,0 +1,247 @@ +/** + * @summary DataTables + * @description Paginate, search and sort HTML tables + * @version 1.9.0 + * @file jquery.dataTables.js + * @author Allan Jardine (www.sprymedia.co.uk) + * @contact www.sprymedia.co.uk/contact + * + * @copyright Copyright 2008-2012 Allan Jardine, all rights reserved. + * + * This source file is free software, under either the GPL v2 license or a + * BSD style license, available at: + * http://datatables.net/license_gpl2 + * http://datatables.net/license_bsd + * + * This source file is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + * + * For details please refer to: http://www.datatables.net + */ + +/*jslint evil: true, undef: true, browser: true */ +/*globals $, jQuery,_fnExternApiFunc,_fnInitialise,_fnInitComplete,_fnLanguageCompat,_fnAddColumn,_fnColumnOptions,_fnAddData,_fnCreateTr,_fnGatherData,_fnBuildHead,_fnDrawHead,_fnDraw,_fnReDraw,_fnAjaxUpdate,_fnAjaxParameters,_fnAjaxUpdateDraw,_fnServerParams,_fnAddOptionsHtml,_fnFeatureHtmlTable,_fnScrollDraw,_fnAdjustColumnSizing,_fnFeatureHtmlFilter,_fnFilterComplete,_fnFilterCustom,_fnFilterColumn,_fnFilter,_fnBuildSearchArray,_fnBuildSearchRow,_fnFilterCreateSearch,_fnDataToSearch,_fnSort,_fnSortAttachListener,_fnSortingClasses,_fnFeatureHtmlPaginate,_fnPageChange,_fnFeatureHtmlInfo,_fnUpdateInfo,_fnFeatureHtmlLength,_fnFeatureHtmlProcessing,_fnProcessingDisplay,_fnVisibleToColumnIndex,_fnColumnIndexToVisible,_fnNodeToDataIndex,_fnVisbleColumns,_fnCalculateEnd,_fnConvertToWidth,_fnCalculateColumnWidths,_fnScrollingWidthAdjust,_fnGetWidestNode,_fnGetMaxLenString,_fnStringToCss,_fnDetectType,_fnSettingsFromNode,_fnGetDataMaster,_fnGetTrNodes,_fnGetTdNodes,_fnEscapeRegex,_fnDeleteIndex,_fnReOrderIndex,_fnColumnOrdering,_fnLog,_fnClearTable,_fnSaveState,_fnLoadState,_fnCreateCookie,_fnReadCookie,_fnDetectHeader,_fnGetUniqueThs,_fnScrollBarWidth,_fnApplyToChildren,_fnMap,_fnGetRowData,_fnGetCellData,_fnSetCellData,_fnGetObjectDataFn,_fnSetObjectDataFn,_fnApplyColumnDefs,_fnBindAction,_fnCallbackReg,_fnCallbackFire,_fnJsonString,_fnRender,_fnNodeToColumnIndex*/ + +(/** @lends <global> */function($, window, document, undefined) { + /** + * DataTables is a plug-in for the jQuery Javascript library. It is a + * highly flexible tool, based upon the foundations of progressive + * enhancement, which will add advanced interaction controls to any + * HTML table. For a full list of features please refer to + * <a href="http://datatables.net">DataTables.net</a>. + * + * Note that the <i>DataTable</i> object is not a global variable but is + * aliased to <i>jQuery.fn.DataTable</i> and <i>jQuery.fn.dataTable</i> through which + * it may be accessed. + * + * @class + * @param {object} [oInit={}] Configuration object for DataTables. Options + * are defined by {@link DataTable.defaults} + * @requires jQuery 1.3+ + * + * @example + * // Basic initialisation + * $(document).ready( function { + * $('#example').dataTable(); + * } ); + * + * @example + * // Initialisation with configuration options - in this case, disable + * // pagination and sorting. + * $(document).ready( function { + * $('#example').dataTable( { + * "bPaginate": false, + * "bSort": false + * } ); + * } ); + */ + var DataTable = function( oInit ) + { + require('core.columns.js'); + require('core.data.js'); + require('core.draw.js'); + require('core.ajax.js'); + require('core.filter.js'); + require('core.info.js'); + require('core.init.js'); + require('core.length.js'); + require('core.page.js'); + require('core.processing.js'); + require('core.scrolling.js'); + require('core.sizing.js'); + require('core.sort.js'); + require('core.state.js'); + require('core.support.js'); + + require('api.methods.js'); + require('api.internal.js'); + + var _that = this; + return this.each(function() { + require('core.constructor.js'); + } ); + }; + + /** + * Version string for plug-ins to check compatibility. Allowed format is + * a.b.c.d.e where: a:int, b:int, c:int, d:string(dev|beta), e:int. d and + * e are optional + * @member + * @type string + * @default Version number + */ + DataTable.version = "1.9.0"; + + /** + * Private data store, containing all of the settings objects that are created for the + * tables on a given page. + * + * Note that the <i>DataTable.settings</i> object is aliased to <i>jQuery.fn.dataTableExt</i> + * through which it may be accessed and manipulated, or <i>jQuery.fn.dataTable.settings</i>. + * @member + * @type array + * @default [] + * @private + */ + DataTable.settings = []; + + /** + * Object models container, for the various models that DataTables has available + * to it. These models define the objects that are used to hold the active state + * and configuration of the table. + * @namespace + */ + DataTable.models = {}; + require('model.ext.js'); + require('model.search.js'); + require('model.row.js'); + require('model.column.js'); + require('model.defaults.js'); + require('model.defaults.columns.js'); + require('model.settings.js'); + + /** + * Extension object for DataTables that is used to provide all extension options. + * + * Note that the <i>DataTable.ext</i> object is available through + * <i>jQuery.fn.dataTable.ext</i> where it may be accessed and manipulated. It is + * also aliased to <i>jQuery.fn.dataTableExt</i> for historic reasons. + * @namespace + * @extends DataTable.models.ext + */ + DataTable.ext = $.extend( true, {}, DataTable.models.ext ); + require('ext.classes.js'); + require('ext.paging.js'); + require('ext.sorting.js'); + require('ext.types.js'); + + // jQuery aliases + $.fn.DataTable = DataTable; + $.fn.dataTable = DataTable; + $.fn.dataTableSettings = DataTable.settings; + $.fn.dataTableExt = DataTable.ext; + + + // Information about events fired by DataTables - for documentation. + /** + * Draw event, fired whenever the table is redrawn on the page, at the same point as + * fnDrawCallback. This may be useful for binding events or performing calculations when + * the table is altered at all. + * @name DataTable#draw + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * Filter event, fired when the filtering applied to the table (using the build in global + * global filter, or column filters) is altered. + * @name DataTable#filter + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * Page change event, fired when the paging of the table is altered. + * @name DataTable#page + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * Sort event, fired when the sorting applied to the table is altered. + * @name DataTable#sort + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ + + /** + * DataTables initialisation complete event, fired when the table is fully drawn, + * including Ajax data loaded, if Ajax data is required. + * @name DataTable#init + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The JSON object request from the server - only + * present if client-side Ajax sourced data is used</li></ol> + */ + + /** + * State save event, fired when the table has changed state a new state save is required. + * This method allows modification of the state saving object prior to actually doing the + * save, including addition or other state properties (for plug-ins) or modification + * of a DataTables core property. + * @name DataTable#stateSaveParams + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The state information to be saved + */ + + /** + * State load event, fired when the table is loading state from the stored data, but + * prior to the settings object being modified by the saved state - allowing modification + * of the saved state is required or loading of state for a plug-in. + * @name DataTable#stateLoadParams + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The saved state information + */ + + /** + * State loaded event, fired when state has been loaded from stored data and the settings + * object has been modified by the loaded data. + * @name DataTable#stateLoaded + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {object} json The saved state information + */ + + /** + * Processing event, fired when DataTables is doing some kind of processing (be it, + * sort, filter or anything else). Can be used to indicate to the end user that + * there is something happening, or that something has finished. + * @name DataTable#processing + * @event + * @param {event} e jQuery event object + * @param {object} oSettings DataTables settings object + * @param {boolean} bShow Flag for if DataTables is doing processing or not + */ + + /** + * Ajax (XHR) event, fired whenever an Ajax request is completed from a request to + * made to the server for new data (note that this trigger is called in fnServerData, + * if you override fnServerData and which to use this event, you need to trigger it in + * you success function). + * @name DataTable#xhr + * @event + * @param {event} e jQuery event object + * @param {object} o DataTables settings object {@link DataTable.models.oSettings} + */ +}(jQuery, window, document, undefined)); diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/api/api.internal.js b/src/warden-server/contrib/wardenweb/datatables/media/src/api/api.internal.js new file mode 100644 index 0000000000000000000000000000000000000000..62f6f378dbc6b108f679f812b391b304c31b4ed0 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/api/api.internal.js @@ -0,0 +1,127 @@ + +/* + * This is really a good bit rubbish this method of exposing the internal methods + * publically... - To be fixed in 2.0 using methods on the prototype + */ + + +/** + * Create a wrapper function for exporting an internal functions to an external API. + * @param {string} sFunc API function name + * @returns {function} wrapped function + * @memberof DataTable#oApi + */ +function _fnExternApiFunc (sFunc) +{ + return function() { + var aArgs = [_fnSettingsFromNode(this[DataTable.ext.iApiIndex])].concat( + Array.prototype.slice.call(arguments) ); + return DataTable.ext.oApi[sFunc].apply( this, aArgs ); + }; +} + + +/** + * Reference to internal functions for use by plug-in developers. Note that these + * methods are references to internal functions and are considered to be private. + * If you use these methods, be aware that they are liable to change between versions + * (check the upgrade notes). + * @namespace + */ +this.oApi = { + "_fnExternApiFunc": _fnExternApiFunc, + "_fnInitialise": _fnInitialise, + "_fnInitComplete": _fnInitComplete, + "_fnLanguageCompat": _fnLanguageCompat, + "_fnAddColumn": _fnAddColumn, + "_fnColumnOptions": _fnColumnOptions, + "_fnAddData": _fnAddData, + "_fnCreateTr": _fnCreateTr, + "_fnGatherData": _fnGatherData, + "_fnBuildHead": _fnBuildHead, + "_fnDrawHead": _fnDrawHead, + "_fnDraw": _fnDraw, + "_fnReDraw": _fnReDraw, + "_fnAjaxUpdate": _fnAjaxUpdate, + "_fnAjaxParameters": _fnAjaxParameters, + "_fnAjaxUpdateDraw": _fnAjaxUpdateDraw, + "_fnServerParams": _fnServerParams, + "_fnAddOptionsHtml": _fnAddOptionsHtml, + "_fnFeatureHtmlTable": _fnFeatureHtmlTable, + "_fnScrollDraw": _fnScrollDraw, + "_fnAdjustColumnSizing": _fnAdjustColumnSizing, + "_fnFeatureHtmlFilter": _fnFeatureHtmlFilter, + "_fnFilterComplete": _fnFilterComplete, + "_fnFilterCustom": _fnFilterCustom, + "_fnFilterColumn": _fnFilterColumn, + "_fnFilter": _fnFilter, + "_fnBuildSearchArray": _fnBuildSearchArray, + "_fnBuildSearchRow": _fnBuildSearchRow, + "_fnFilterCreateSearch": _fnFilterCreateSearch, + "_fnDataToSearch": _fnDataToSearch, + "_fnSort": _fnSort, + "_fnSortAttachListener": _fnSortAttachListener, + "_fnSortingClasses": _fnSortingClasses, + "_fnFeatureHtmlPaginate": _fnFeatureHtmlPaginate, + "_fnPageChange": _fnPageChange, + "_fnFeatureHtmlInfo": _fnFeatureHtmlInfo, + "_fnUpdateInfo": _fnUpdateInfo, + "_fnFeatureHtmlLength": _fnFeatureHtmlLength, + "_fnFeatureHtmlProcessing": _fnFeatureHtmlProcessing, + "_fnProcessingDisplay": _fnProcessingDisplay, + "_fnVisibleToColumnIndex": _fnVisibleToColumnIndex, + "_fnColumnIndexToVisible": _fnColumnIndexToVisible, + "_fnNodeToDataIndex": _fnNodeToDataIndex, + "_fnVisbleColumns": _fnVisbleColumns, + "_fnCalculateEnd": _fnCalculateEnd, + "_fnConvertToWidth": _fnConvertToWidth, + "_fnCalculateColumnWidths": _fnCalculateColumnWidths, + "_fnScrollingWidthAdjust": _fnScrollingWidthAdjust, + "_fnGetWidestNode": _fnGetWidestNode, + "_fnGetMaxLenString": _fnGetMaxLenString, + "_fnStringToCss": _fnStringToCss, + "_fnDetectType": _fnDetectType, + "_fnSettingsFromNode": _fnSettingsFromNode, + "_fnGetDataMaster": _fnGetDataMaster, + "_fnGetTrNodes": _fnGetTrNodes, + "_fnGetTdNodes": _fnGetTdNodes, + "_fnEscapeRegex": _fnEscapeRegex, + "_fnDeleteIndex": _fnDeleteIndex, + "_fnReOrderIndex": _fnReOrderIndex, + "_fnColumnOrdering": _fnColumnOrdering, + "_fnLog": _fnLog, + "_fnClearTable": _fnClearTable, + "_fnSaveState": _fnSaveState, + "_fnLoadState": _fnLoadState, + "_fnCreateCookie": _fnCreateCookie, + "_fnReadCookie": _fnReadCookie, + "_fnDetectHeader": _fnDetectHeader, + "_fnGetUniqueThs": _fnGetUniqueThs, + "_fnScrollBarWidth": _fnScrollBarWidth, + "_fnApplyToChildren": _fnApplyToChildren, + "_fnMap": _fnMap, + "_fnGetRowData": _fnGetRowData, + "_fnGetCellData": _fnGetCellData, + "_fnSetCellData": _fnSetCellData, + "_fnGetObjectDataFn": _fnGetObjectDataFn, + "_fnSetObjectDataFn": _fnSetObjectDataFn, + "_fnApplyColumnDefs": _fnApplyColumnDefs, + "_fnBindAction": _fnBindAction, + "_fnExtend": _fnExtend, + "_fnCallbackReg": _fnCallbackReg, + "_fnCallbackFire": _fnCallbackFire, + "_fnJsonString": _fnJsonString, + "_fnRender": _fnRender, + "_fnNodeToColumnIndex": _fnNodeToColumnIndex +}; + +$.extend( DataTable.ext.oApi, this.oApi ); + +for ( var sFunc in DataTable.ext.oApi ) +{ + if ( sFunc ) + { + this[sFunc] = _fnExternApiFunc(sFunc); + } +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/api/api.methods.js b/src/warden-server/contrib/wardenweb/datatables/media/src/api/api.methods.js new file mode 100644 index 0000000000000000000000000000000000000000..9f535af19933ef62de924831a7e295259434f18d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/api/api.methods.js @@ -0,0 +1,1258 @@ + + +/** + * Perform a jQuery selector action on the table's TR elements (from the tbody) and + * return the resulting jQuery object. + * @param {string|node|jQuery} sSelector jQuery selector or node collection to act on + * @param {object} [oOpts] Optional parameters for modifying the rows to be included + * @param {string} [oOpts.filter=none] Select TR elements that meet the current filter + * criterion ("applied") or all TR elements (i.e. no filter). + * @param {string} [oOpts.order=current] Order of the TR elements in the processed array. + * Can be either 'current', whereby the current sorting of the table is used, or + * 'original' whereby the original order the data was read into the table is used. + * @param {string} [oOpts.page=all] Limit the selection to the currently displayed page + * ("current") or not ("all"). If 'current' is given, then order is assumed to be + * 'current' and filter is 'applied', regardless of what they might be given as. + * @returns {object} jQuery object, filtered by the given selector. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Highlight every second row + * oTable.$('tr:odd').css('backgroundColor', 'blue'); + * } ); + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Filter to rows with 'Webkit' in them, add a background colour and then + * // remove the filter, thus highlighting the 'Webkit' rows only. + * oTable.fnFilter('Webkit'); + * oTable.$('tr', {"filter": "applied"}).css('backgroundColor', 'blue'); + * oTable.fnFilter(''); + * } ); + */ +this.$ = function ( sSelector, oOpts ) +{ + var i, iLen, a = []; + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + if ( !oOpts ) + { + oOpts = {}; + } + + oOpts = $.extend( {}, { + "filter": "none", // applied + "order": "current", // "original" + "page": "all" // current + }, oOpts ); + + // Current page implies that order=current and fitler=applied, since it is fairly + // senseless otherwise + if ( oOpts.page == 'current' ) + { + for ( i=oSettings._iDisplayStart, iLen=oSettings.fnDisplayEnd() ; i<iLen ; i++ ) + { + a.push( oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ); + } + } + else if ( oOpts.order == "current" && oOpts.filter == "none" ) + { + for ( i=0, iLen=oSettings.aiDisplayMaster.length ; i<iLen ; i++ ) + { + a.push( oSettings.aoData[ oSettings.aiDisplayMaster[i] ].nTr ); + } + } + else if ( oOpts.order == "current" && oOpts.filter == "applied" ) + { + for ( i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ ) + { + a.push( oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ); + } + } + else if ( oOpts.order == "original" && oOpts.filter == "none" ) + { + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + a.push( oSettings.aoData[ i ].nTr ); + } + } + else if ( oOpts.order == "original" && oOpts.filter == "applied" ) + { + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + if ( $.inArray( i, oSettings.aiDisplay ) !== -1 ) + { + a.push( oSettings.aoData[ i ].nTr ); + } + } + } + else + { + _fnLog( oSettings, 1, "Unknown selection options" ); + } + + /* We need to filter on the TR elements and also 'find' in their descendants + * to make the selector act like it would in a full table - so we need + * to build both results and then combine them together + */ + var jqA = $(a); + var jqTRs = jqA.filter( sSelector ); + var jqDescendants = jqA.find( sSelector ); + + return $( [].concat($.makeArray(jqTRs), $.makeArray(jqDescendants)) ); +}; + + +/** + * Almost identical to $ in operation, but in this case returns the data for the matched + * rows - as such, the jQuery selector used should match TR row nodes or TD/TH cell nodes + * rather than any decendents, so the data can be obtained for the row/cell. If matching + * rows are found, the data returned is the original data array/object that was used to + * create the row (or a generated array if from a DOM source). + * + * This method is often useful incombination with $ where both functions are given the + * same parameters and the array indexes will match identically. + * @param {string|node|jQuery} sSelector jQuery selector or node collection to act on + * @param {object} [oOpts] Optional parameters for modifying the rows to be included + * @param {string} [oOpts.filter=none] Select elements that meet the current filter + * criterion ("applied") or all elements (i.e. no filter). + * @param {string} [oOpts.order=current] Order of the data in the processed array. + * Can be either 'current', whereby the current sorting of the table is used, or + * 'original' whereby the original order the data was read into the table is used. + * @param {string} [oOpts.page=all] Limit the selection to the currently displayed page + * ("current") or not ("all"). If 'current' is given, then order is assumed to be + * 'current' and filter is 'applied', regardless of what they might be given as. + * @returns {array} Data for the matched elements. If any elements, as a result of the + * selector, were not TR, TD or TH elements in the DataTable, they will have a null + * entry in the array. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Get the data from the first row in the table + * var data = oTable._('tr:first'); + * + * // Do something useful with the data + * alert( "First cell is: "+data[0] ); + * } ); + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Filter to 'Webkit' and get all data for + * oTable.fnFilter('Webkit'); + * var data = oTable._('tr', {"filter": "applied"}); + * + * // Do something with the data + * alert( data.length+" rows matched the filter" ); + * } ); + */ +this._ = function ( sSelector, oOpts ) +{ + var aOut = []; + var i, iLen, iIndex; + var aTrs = this.$( sSelector, oOpts ); + + for ( i=0, iLen=aTrs.length ; i<iLen ; i++ ) + { + aOut.push( this.fnGetData(aTrs[i]) ); + } + + return aOut; +}; + + +/** + * Add a single new row or multiple rows of data to the table. Please note + * that this is suitable for client-side processing only - if you are using + * server-side processing (i.e. "bServerSide": true), then to add data, you + * must add it to the data source, i.e. the server-side, through an Ajax call. + * @param {array|object} mData The data to be added to the table. This can be: + * <ul> + * <li>1D array of data - add a single row with the data provided</li> + * <li>2D array of arrays - add multiple rows in a single call</li> + * <li>object - data object when using <i>mDataProp</i></li> + * <li>array of objects - multiple data objects when using <i>mDataProp</i></li> + * </ul> + * @param {bool} [bRedraw=true] redraw the table or not + * @returns {array} An array of integers, representing the list of indexes in + * <i>aoData</i> ({@link DataTable.models.oSettings}) that have been added to + * the table. + * @dtopt API + * + * @example + * // Global var for counter + * var giCount = 2; + * + * $(document).ready(function() { + * $('#example').dataTable(); + * } ); + * + * function fnClickAddRow() { + * $('#example').dataTable().fnAddData( [ + * giCount+".1", + * giCount+".2", + * giCount+".3", + * giCount+".4" ] + * ); + * + * giCount++; + * } + */ +this.fnAddData = function( mData, bRedraw ) +{ + if ( mData.length === 0 ) + { + return []; + } + + var aiReturn = []; + var iTest; + + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + /* Check if we want to add multiple rows or not */ + if ( typeof mData[0] === "object" && mData[0] !== null ) + { + for ( var i=0 ; i<mData.length ; i++ ) + { + iTest = _fnAddData( oSettings, mData[i] ); + if ( iTest == -1 ) + { + return aiReturn; + } + aiReturn.push( iTest ); + } + } + else + { + iTest = _fnAddData( oSettings, mData ); + if ( iTest == -1 ) + { + return aiReturn; + } + aiReturn.push( iTest ); + } + + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + + if ( bRedraw === undefined || bRedraw ) + { + _fnReDraw( oSettings ); + } + return aiReturn; +}; + + +/** + * This function will make DataTables recalculate the column sizes, based on the data + * contained in the table and the sizes applied to the columns (in the DOM, CSS or + * through the sWidth parameter). This can be useful when the width of the table's + * parent element changes (for example a window resize). + * @param {boolean} [bRedraw=true] Redraw the table or not, you will typically want to + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sScrollY": "200px", + * "bPaginate": false + * } ); + * + * $(window).bind('resize', function () { + * oTable.fnAdjustColumnSizing(); + * } ); + * } ); + */ +this.fnAdjustColumnSizing = function ( bRedraw ) +{ + var oSettings = _fnSettingsFromNode(this[DataTable.ext.iApiIndex]); + _fnAdjustColumnSizing( oSettings ); + + if ( bRedraw === undefined || bRedraw ) + { + this.fnDraw( false ); + } + else if ( oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "" ) + { + /* If not redrawing, but scrolling, we want to apply the new column sizes anyway */ + this.oApi._fnScrollDraw(oSettings); + } +}; + + +/** + * Quickly and simply clear a table + * @param {bool} [bRedraw=true] redraw the table or not + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Immediately 'nuke' the current rows (perhaps waiting for an Ajax callback...) + * oTable.fnClearTable(); + * } ); + */ +this.fnClearTable = function( bRedraw ) +{ + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + _fnClearTable( oSettings ); + + if ( bRedraw === undefined || bRedraw ) + { + _fnDraw( oSettings ); + } +}; + + +/** + * The exact opposite of 'opening' a row, this function will close any rows which + * are currently 'open'. + * @param {node} nTr the table row to 'close' + * @returns {int} 0 on success, or 1 if failed (can't find the row) + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable; + * + * // 'open' an information row when a row is clicked on + * $('#example tbody tr').click( function () { + * if ( oTable.fnIsOpen(this) ) { + * oTable.fnClose( this ); + * } else { + * oTable.fnOpen( this, "Temporary row opened", "info_row" ); + * } + * } ); + * + * oTable = $('#example').dataTable(); + * } ); + */ +this.fnClose = function( nTr ) +{ + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + for ( var i=0 ; i<oSettings.aoOpenRows.length ; i++ ) + { + if ( oSettings.aoOpenRows[i].nParent == nTr ) + { + var nTrParent = oSettings.aoOpenRows[i].nTr.parentNode; + if ( nTrParent ) + { + /* Remove it if it is currently on display */ + nTrParent.removeChild( oSettings.aoOpenRows[i].nTr ); + } + oSettings.aoOpenRows.splice( i, 1 ); + return 0; + } + } + return 1; +}; + + +/** + * Remove a row for the table + * @param {mixed} mTarget The index of the row from aoData to be deleted, or + * the TR element you want to delete + * @param {function|null} [fnCallBack] Callback function + * @param {bool} [bRedraw=true] Redraw the table or not + * @returns {array} The row that was deleted + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Immediately remove the first row + * oTable.fnDeleteRow( 0 ); + * } ); + */ +this.fnDeleteRow = function( mTarget, fnCallBack, bRedraw ) +{ + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var i, iLen, iAODataIndex; + + iAODataIndex = (typeof mTarget === 'object') ? + _fnNodeToDataIndex(oSettings, mTarget) : mTarget; + + /* Return the data array from this row */ + var oData = oSettings.aoData.splice( iAODataIndex, 1 ); + + /* Update the _DT_RowIndex parameter */ + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + if ( oSettings.aoData[i].nTr !== null ) + { + oSettings.aoData[i].nTr._DT_RowIndex = i; + } + } + + /* Remove the target row from the search array */ + var iDisplayIndex = $.inArray( iAODataIndex, oSettings.aiDisplay ); + oSettings.asDataSearch.splice( iDisplayIndex, 1 ); + + /* Delete from the display arrays */ + _fnDeleteIndex( oSettings.aiDisplayMaster, iAODataIndex ); + _fnDeleteIndex( oSettings.aiDisplay, iAODataIndex ); + + /* If there is a user callback function - call it */ + if ( typeof fnCallBack === "function" ) + { + fnCallBack.call( this, oSettings, oData ); + } + + /* Check for an 'overflow' they case for dislaying the table */ + if ( oSettings._iDisplayStart >= oSettings.aiDisplay.length ) + { + oSettings._iDisplayStart -= oSettings._iDisplayLength; + if ( oSettings._iDisplayStart < 0 ) + { + oSettings._iDisplayStart = 0; + } + } + + if ( bRedraw === undefined || bRedraw ) + { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + + return oData; +}; + + +/** + * Restore the table to it's original state in the DOM by removing all of DataTables + * enhancements, alterations to the DOM structure of the table and event listeners. + * @param {boolean} [bRemove=false] Completely remove the table from the DOM + * @dtopt API + * + * @example + * $(document).ready(function() { + * // This example is fairly pointless in reality, but shows how fnDestroy can be used + * var oTable = $('#example').dataTable(); + * oTable.fnDestroy(); + * } ); + */ +this.fnDestroy = function ( bRemove ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var nOrig = oSettings.nTableWrapper.parentNode; + var nBody = oSettings.nTBody; + var i, iLen; + + bRemove = (bRemove===undefined) ? false : true; + + /* Flag to note that the table is currently being destroyed - no action should be taken */ + oSettings.bDestroying = true; + + /* Restore hidden columns */ + for ( i=0, iLen=oSettings.aoDestroyCallback.length ; i<iLen ; i++ ) { + oSettings.aoDestroyCallback[i].fn(); + } + + /* Restore hidden columns */ + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible === false ) + { + this.fnSetColumnVis( i, true ); + } + } + + /* Blitz all DT events */ + $(oSettings.nTableWrapper).find('*').andSelf().unbind('.DT'); + + /* If there is an 'empty' indicator row, remove it */ + $('tbody>tr>td.'+oSettings.oClasses.sRowEmpty, oSettings.nTable).parent().remove(); + + /* When scrolling we had to break the table up - restore it */ + if ( oSettings.nTable != oSettings.nTHead.parentNode ) + { + $(oSettings.nTable).children('thead').remove(); + oSettings.nTable.appendChild( oSettings.nTHead ); + } + + if ( oSettings.nTFoot && oSettings.nTable != oSettings.nTFoot.parentNode ) + { + $(oSettings.nTable).children('tfoot').remove(); + oSettings.nTable.appendChild( oSettings.nTFoot ); + } + + /* Remove the DataTables generated nodes, events and classes */ + oSettings.nTable.parentNode.removeChild( oSettings.nTable ); + $(oSettings.nTableWrapper).remove(); + + oSettings.aaSorting = []; + oSettings.aaSortingFixed = []; + _fnSortingClasses( oSettings ); + + $(_fnGetTrNodes( oSettings )).removeClass( oSettings.asStripeClasses.join(' ') ); + + $('th, td', oSettings.nTHead).removeClass( [ + oSettings.oClasses.sSortable, + oSettings.oClasses.sSortableAsc, + oSettings.oClasses.sSortableDesc, + oSettings.oClasses.sSortableNone ].join(' ') + ); + if ( oSettings.bJUI ) + { + $('th span.'+oSettings.oClasses.sSortIcon + + ', td span.'+oSettings.oClasses.sSortIcon, oSettings.nTHead).remove(); + + $('th, td', oSettings.nTHead).each( function () { + var jqWrapper = $('div.'+oSettings.oClasses.sSortJUIWrapper, this); + var kids = jqWrapper.contents(); + $(this).append( kids ); + jqWrapper.remove(); + } ); + } + + /* Add the TR elements back into the table in their original order */ + if ( !bRemove && oSettings.nTableReinsertBefore ) + { + nOrig.insertBefore( oSettings.nTable, oSettings.nTableReinsertBefore ); + } + else if ( !bRemove ) + { + nOrig.appendChild( oSettings.nTable ); + } + + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + if ( oSettings.aoData[i].nTr !== null ) + { + nBody.appendChild( oSettings.aoData[i].nTr ); + } + } + + /* Restore the width of the original table */ + if ( oSettings.oFeatures.bAutoWidth === true ) + { + oSettings.nTable.style.width = _fnStringToCss(oSettings.sDestroyWidth); + } + + /* If the were originally odd/even type classes - then we add them back here. Note + * this is not fool proof (for example if not all rows as odd/even classes - but + * it's a good effort without getting carried away + */ + $(nBody).children('tr:even').addClass( oSettings.asDestroyStripes[0] ); + $(nBody).children('tr:odd').addClass( oSettings.asDestroyStripes[1] ); + + /* Remove the settings object from the settings array */ + for ( i=0, iLen=DataTable.settings.length ; i<iLen ; i++ ) + { + if ( DataTable.settings[i] == oSettings ) + { + DataTable.settings.splice( i, 1 ); + } + } + + /* End it all */ + oSettings = null; +}; + + +/** + * Redraw the table + * @param {bool} [bComplete=true] Re-filter and resort (if enabled) the table before the draw. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Re-draw the table - you wouldn't want to do it here, but it's an example :-) + * oTable.fnDraw(); + * } ); + */ +this.fnDraw = function( bComplete ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + if ( bComplete ) + { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + else + { + _fnReDraw( oSettings ); + } +}; + + +/** + * Filter the input based on data + * @param {string} sInput String to filter the table on + * @param {int|null} [iColumn] Column to limit filtering to + * @param {bool} [bRegex=false] Treat as regular expression or not + * @param {bool} [bSmart=true] Perform smart filtering or not + * @param {bool} [bShowGlobal=true] Show the input global filter in it's input box(es) + * @param {bool} [bCaseInsensitive=true] Do case-insensitive matching (true) or not (false) + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Sometime later - filter... + * oTable.fnFilter( 'test string' ); + * } ); + */ +this.fnFilter = function( sInput, iColumn, bRegex, bSmart, bShowGlobal, bCaseInsensitive ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + if ( !oSettings.oFeatures.bFilter ) + { + return; + } + + if ( bRegex === undefined || bRegex === null ) + { + bRegex = false; + } + + if ( bSmart === undefined || bSmart === null ) + { + bSmart = true; + } + + if ( bShowGlobal === undefined || bShowGlobal === null ) + { + bShowGlobal = true; + } + + if ( bCaseInsensitive === undefined || bCaseInsensitive === null ) + { + bCaseInsensitive = true; + } + + if ( iColumn === undefined || iColumn === null ) + { + /* Global filter */ + _fnFilterComplete( oSettings, { + "sSearch":sInput+"", + "bRegex": bRegex, + "bSmart": bSmart, + "bCaseInsensitive": bCaseInsensitive + }, 1 ); + + if ( bShowGlobal && oSettings.aanFeatures.f ) + { + var n = oSettings.aanFeatures.f; + for ( var i=0, iLen=n.length ; i<iLen ; i++ ) + { + $('input', n[i]).val( sInput ); + } + } + } + else + { + /* Single column filter */ + $.extend( oSettings.aoPreSearchCols[ iColumn ], { + "sSearch": sInput+"", + "bRegex": bRegex, + "bSmart": bSmart, + "bCaseInsensitive": bCaseInsensitive + } ); + _fnFilterComplete( oSettings, oSettings.oPreviousSearch, 1 ); + } +}; + + +/** + * Get the data for the whole table, an individual row or an individual cell based on the + * provided parameters. + * @param {int|node} [mRow] A TR row node, TD/TH cell node or an integer. If given as + * a TR node then the data source for the whole row will be returned. If given as a + * TD/TH cell node then iCol will be automatically calculated and the data for the + * cell returned. If given as an integer, then this is treated as the aoData internal + * data index for the row (see fnGetPosition) and the data for that row used. + * @param {int} [iCol] Optional column index that you want the data of. + * @returns {array|object|string} If mRow is undefined, then the data for all rows is + * returned. If mRow is defined, just data for that row, and is iCol is + * defined, only data for the designated cell is returned. + * @dtopt API + * + * @example + * // Row data + * $(document).ready(function() { + * oTable = $('#example').dataTable(); + * + * oTable.$('tr').click( function () { + * var data = oTable.fnGetData( this ); + * // ... do something with the array / object of data for the row + * } ); + * } ); + * + * @example + * // Individual cell data + * $(document).ready(function() { + * oTable = $('#example').dataTable(); + * + * oTable.$('td').click( function () { + * var sData = oTable.fnGetData( this ); + * alert( 'The cell clicked on had the value of '+sData ); + * } ); + * } ); + */ +this.fnGetData = function( mRow, iCol ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + if ( mRow !== undefined ) + { + var iRow = mRow; + if ( typeof mRow === 'object' ) + { + var sNode = mRow.nodeName.toLowerCase(); + if (sNode === "tr" ) + { + iRow = _fnNodeToDataIndex(oSettings, mRow); + } + else if ( sNode === "td" ) + { + iRow = _fnNodeToDataIndex(oSettings, mRow.parentNode); + iCol = _fnNodeToColumnIndex( oSettings, iRow, mRow ); + } + } + + if ( iCol !== undefined ) + { + return _fnGetCellData( oSettings, iRow, iCol, '' ); + } + return (oSettings.aoData[iRow]!==undefined) ? + oSettings.aoData[iRow]._aData : null; + } + return _fnGetDataMaster( oSettings ); +}; + + +/** + * Get an array of the TR nodes that are used in the table's body. Note that you will + * typically want to use the '$' API method in preference to this as it is more + * flexible. + * @param {int} [iRow] Optional row index for the TR element you want + * @returns {array|node} If iRow is undefined, returns an array of all TR elements + * in the table's body, or iRow is defined, just the TR element requested. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Get the nodes from the table + * var nNodes = oTable.fnGetNodes( ); + * } ); + */ +this.fnGetNodes = function( iRow ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + if ( iRow !== undefined ) { + return (oSettings.aoData[iRow]!==undefined) ? + oSettings.aoData[iRow].nTr : null; + } + return _fnGetTrNodes( oSettings ); +}; + + +/** + * Get the array indexes of a particular cell from it's DOM element + * and column index including hidden columns + * @param {node} nNode this can either be a TR, TD or TH in the table's body + * @returns {int} If nNode is given as a TR, then a single index is returned, or + * if given as a cell, an array of [row index, column index (visible)] is given. + * @dtopt API + * + * @example + * $(document).ready(function() { + * $('#example tbody td').click( function () { + * // Get the position of the current data from the node + * var aPos = oTable.fnGetPosition( this ); + * + * // Get the data array for this row + * var aData = oTable.fnGetData( aPos[0] ); + * + * // Update the data array and return the value + * aData[ aPos[1] ] = 'clicked'; + * this.innerHTML = 'clicked'; + * } ); + * + * // Init DataTables + * oTable = $('#example').dataTable(); + * } ); + */ +this.fnGetPosition = function( nNode ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var sNodeName = nNode.nodeName.toUpperCase(); + + if ( sNodeName == "TR" ) + { + return _fnNodeToDataIndex(oSettings, nNode); + } + else if ( sNodeName == "TD" || sNodeName == "TH" ) + { + var iDataIndex = _fnNodeToDataIndex( oSettings, nNode.parentNode ); + var iColumnIndex = _fnNodeToColumnIndex( oSettings, iDataIndex, nNode ); + return [ iDataIndex, _fnColumnIndexToVisible(oSettings, iColumnIndex ), iColumnIndex ]; + } + return null; +}; + + +/** + * Check to see if a row is 'open' or not. + * @param {node} nTr the table row to check + * @returns {boolean} true if the row is currently open, false otherwise + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable; + * + * // 'open' an information row when a row is clicked on + * $('#example tbody tr').click( function () { + * if ( oTable.fnIsOpen(this) ) { + * oTable.fnClose( this ); + * } else { + * oTable.fnOpen( this, "Temporary row opened", "info_row" ); + * } + * } ); + * + * oTable = $('#example').dataTable(); + * } ); + */ +this.fnIsOpen = function( nTr ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var aoOpenRows = oSettings.aoOpenRows; + + for ( var i=0 ; i<oSettings.aoOpenRows.length ; i++ ) + { + if ( oSettings.aoOpenRows[i].nParent == nTr ) + { + return true; + } + } + return false; +}; + + +/** + * This function will place a new row directly after a row which is currently + * on display on the page, with the HTML contents that is passed into the + * function. This can be used, for example, to ask for confirmation that a + * particular record should be deleted. + * @param {node} nTr The table row to 'open' + * @param {string|node|jQuery} mHtml The HTML to put into the row + * @param {string} sClass Class to give the new TD cell + * @returns {node} The row opened. Note that if the table row passed in as the + * first parameter, is not found in the table, this method will silently + * return. + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable; + * + * // 'open' an information row when a row is clicked on + * $('#example tbody tr').click( function () { + * if ( oTable.fnIsOpen(this) ) { + * oTable.fnClose( this ); + * } else { + * oTable.fnOpen( this, "Temporary row opened", "info_row" ); + * } + * } ); + * + * oTable = $('#example').dataTable(); + * } ); + */ +this.fnOpen = function( nTr, mHtml, sClass ) +{ + /* Find settings from table node */ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + + /* Check that the row given is in the table */ + var nTableRows = _fnGetTrNodes( oSettings ); + if ( $.inArray(nTr, nTableRows) === -1 ) + { + return; + } + + /* the old open one if there is one */ + this.fnClose( nTr ); + + var nNewRow = document.createElement("tr"); + var nNewCell = document.createElement("td"); + nNewRow.appendChild( nNewCell ); + nNewCell.className = sClass; + nNewCell.colSpan = _fnVisbleColumns( oSettings ); + + if (typeof mHtml === "string") + { + nNewCell.innerHTML = mHtml; + } + else + { + $(nNewCell).html( mHtml ); + } + + /* If the nTr isn't on the page at the moment - then we don't insert at the moment */ + var nTrs = $('tr', oSettings.nTBody); + if ( $.inArray(nTr, nTrs) != -1 ) + { + $(nNewRow).insertAfter(nTr); + } + + oSettings.aoOpenRows.push( { + "nTr": nNewRow, + "nParent": nTr + } ); + + return nNewRow; +}; + + +/** + * Change the pagination - provides the internal logic for pagination in a simple API + * function. With this function you can have a DataTables table go to the next, + * previous, first or last pages. + * @param {string|int} mAction Paging action to take: "first", "previous", "next" or "last" + * or page number to jump to (integer), note that page 0 is the first page. + * @param {bool} [bRedraw=true] Redraw the table or not + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * oTable.fnPageChange( 'next' ); + * } ); + */ +this.fnPageChange = function ( mAction, bRedraw ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + _fnPageChange( oSettings, mAction ); + _fnCalculateEnd( oSettings ); + + if ( bRedraw === undefined || bRedraw ) + { + _fnDraw( oSettings ); + } +}; + + +/** + * Show a particular column + * @param {int} iCol The column whose display should be changed + * @param {bool} bShow Show (true) or hide (false) the column + * @param {bool} [bRedraw=true] Redraw the table or not + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Hide the second column after initialisation + * oTable.fnSetColumnVis( 1, false ); + * } ); + */ +this.fnSetColumnVis = function ( iCol, bShow, bRedraw ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var i, iLen; + var aoColumns = oSettings.aoColumns; + var aoData = oSettings.aoData; + var nTd, nCell, anTrs, jqChildren, bAppend, iBefore; + + /* No point in doing anything if we are requesting what is already true */ + if ( aoColumns[iCol].bVisible == bShow ) + { + return; + } + + /* Show the column */ + if ( bShow ) + { + var iInsert = 0; + for ( i=0 ; i<iCol ; i++ ) + { + if ( aoColumns[i].bVisible ) + { + iInsert++; + } + } + + /* Need to decide if we should use appendChild or insertBefore */ + bAppend = (iInsert >= _fnVisbleColumns( oSettings )); + + /* Which coloumn should we be inserting before? */ + if ( !bAppend ) + { + for ( i=iCol ; i<aoColumns.length ; i++ ) + { + if ( aoColumns[i].bVisible ) + { + iBefore = i; + break; + } + } + } + + for ( i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].nTr !== null ) + { + if ( bAppend ) + { + aoData[i].nTr.appendChild( + aoData[i]._anHidden[iCol] + ); + } + else + { + aoData[i].nTr.insertBefore( + aoData[i]._anHidden[iCol], + _fnGetTdNodes( oSettings, i )[iBefore] ); + } + } + } + } + else + { + /* Remove a column from display */ + for ( i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].nTr !== null ) + { + nTd = _fnGetTdNodes( oSettings, i )[iCol]; + aoData[i]._anHidden[iCol] = nTd; + nTd.parentNode.removeChild( nTd ); + } + } + } + + /* Clear to set the visible flag */ + aoColumns[iCol].bVisible = bShow; + + /* Redraw the header and footer based on the new column visibility */ + _fnDrawHead( oSettings, oSettings.aoHeader ); + if ( oSettings.nTFoot ) + { + _fnDrawHead( oSettings, oSettings.aoFooter ); + } + + /* If there are any 'open' rows, then we need to alter the colspan for this col change */ + for ( i=0, iLen=oSettings.aoOpenRows.length ; i<iLen ; i++ ) + { + oSettings.aoOpenRows[i].nTr.colSpan = _fnVisbleColumns( oSettings ); + } + + /* Do a redraw incase anything depending on the table columns needs it + * (built-in: scrolling) + */ + if ( bRedraw === undefined || bRedraw ) + { + _fnAdjustColumnSizing( oSettings ); + _fnDraw( oSettings ); + } + + _fnSaveState( oSettings ); +}; + + +/** + * Get the settings for a particular table for external manipulation + * @returns {object} DataTables settings object. See + * {@link DataTable.models.oSettings} + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * var oSettings = oTable.fnSettings(); + * + * // Show an example parameter from the settings + * alert( oSettings._iDisplayStart ); + * } ); + */ +this.fnSettings = function() +{ + return _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); +}; + + +/** + * Sort the table by a particular row + * @param {int} iCol the data index to sort on. Note that this will not match the + * 'display index' if you have hidden data entries + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Sort immediately with columns 0 and 1 + * oTable.fnSort( [ [0,'asc'], [1,'asc'] ] ); + * } ); + */ +this.fnSort = function( aaSort ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + oSettings.aaSorting = aaSort; + _fnSort( oSettings ); +}; + + +/** + * Attach a sort listener to an element for a given column + * @param {node} nNode the element to attach the sort listener to + * @param {int} iColumn the column that a click on this node will sort on + * @param {function} [fnCallback] callback function when sort is run + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * + * // Sort on column 1, when 'sorter' is clicked on + * oTable.fnSortListener( document.getElementById('sorter'), 1 ); + * } ); + */ +this.fnSortListener = function( nNode, iColumn, fnCallback ) +{ + _fnSortAttachListener( _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ), nNode, iColumn, + fnCallback ); +}; + + +/** + * Update a table cell or row - this method will accept either a single value to + * update the cell with, an array of values with one element for each column or + * an object in the same format as the original data source. The function is + * self-referencing in order to make the multi column updates easier. + * @param {object|array|string} mData Data to update the cell/row with + * @param {node|int} mRow TR element you want to update or the aoData index + * @param {int} [iColumn] The column to update (not used of mData is an array or object) + * @param {bool} [bRedraw=true] Redraw the table or not + * @param {bool} [bAction=true] Perform predraw actions or not + * @returns {int} 0 on success, 1 on error + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * oTable.fnUpdate( 'Example update', 0, 0 ); // Single cell + * oTable.fnUpdate( ['a', 'b', 'c', 'd', 'e'], 1, 0 ); // Row + * } ); + */ +this.fnUpdate = function( mData, mRow, iColumn, bRedraw, bAction ) +{ + var oSettings = _fnSettingsFromNode( this[DataTable.ext.iApiIndex] ); + var iVisibleColumn, i, iLen, sDisplay; + var iRow = (typeof mRow === 'object') ? + _fnNodeToDataIndex(oSettings, mRow) : mRow; + + if ( oSettings.__fnUpdateDeep === undefined && $.isArray(mData) && typeof mData === 'object' ) + { + /* Array update - update the whole row */ + oSettings.aoData[iRow]._aData = mData.slice(); + + /* Flag to the function that we are recursing */ + oSettings.__fnUpdateDeep = true; + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + this.fnUpdate( _fnGetCellData( oSettings, iRow, i ), iRow, i, false, false ); + } + oSettings.__fnUpdateDeep = undefined; + } + else if ( oSettings.__fnUpdateDeep === undefined && mData !== null && typeof mData === 'object' ) + { + /* Object update - update the whole row - assume the developer gets the object right */ + oSettings.aoData[iRow]._aData = $.extend( true, {}, mData ); + + oSettings.__fnUpdateDeep = true; + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + this.fnUpdate( _fnGetCellData( oSettings, iRow, i ), iRow, i, false, false ); + } + oSettings.__fnUpdateDeep = undefined; + } + else + { + /* Individual cell update */ + _fnSetCellData( oSettings, iRow, iColumn, mData ); + sDisplay = _fnGetCellData( oSettings, iRow, iColumn, 'display' ); + + var oCol = oSettings.aoColumns[iColumn]; + if ( oCol.fnRender !== null ) + { + sDisplay = _fnRender( oSettings, iRow, iColumn ); + if ( oCol.bUseRendered ) + { + _fnSetCellData( oSettings, iRow, iColumn, sDisplay ); + } + } + + if ( oSettings.aoData[iRow].nTr !== null ) + { + /* Do the actual HTML update */ + _fnGetTdNodes( oSettings, iRow )[iColumn].innerHTML = sDisplay; + } + } + + /* Modify the search index for this row (strictly this is likely not needed, since fnReDraw + * will rebuild the search array - however, the redraw might be disabled by the user) + */ + var iDisplayIndex = $.inArray( iRow, oSettings.aiDisplay ); + oSettings.asDataSearch[iDisplayIndex] = _fnBuildSearchRow( oSettings, + _fnGetRowData( oSettings, iRow, 'filter' ) ); + + /* Perform pre-draw actions */ + if ( bAction === undefined || bAction ) + { + _fnAdjustColumnSizing( oSettings ); + } + + /* Redraw the table */ + if ( bRedraw === undefined || bRedraw ) + { + _fnReDraw( oSettings ); + } + return 0; +}; + + +/** + * Provide a common method for plug-ins to check the version of DataTables being used, in order + * to ensure compatibility. + * @param {string} sVersion Version string to check for, in the format "X.Y.Z". Note that the + * formats "X" and "X.Y" are also acceptable. + * @returns {boolean} true if this version of DataTables is greater or equal to the required + * version, or false if this version of DataTales is not suitable + * @method + * @dtopt API + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * alert( oTable.fnVersionCheck( '1.9.0' ) ); + * } ); + */ +this.fnVersionCheck = DataTable.ext.fnVersionCheck; + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.ajax.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.ajax.js new file mode 100644 index 0000000000000000000000000000000000000000..687b8dc0b934ab0c5bfa2c173328c59ac634300c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.ajax.js @@ -0,0 +1,181 @@ + + +/** + * Update the table using an Ajax call + * @param {object} oSettings dataTables settings object + * @returns {boolean} Block the table drawing or not + * @memberof DataTable#oApi + */ +function _fnAjaxUpdate( oSettings ) +{ + if ( oSettings.bAjaxDataGet ) + { + oSettings.iDraw++; + _fnProcessingDisplay( oSettings, true ); + var iColumns = oSettings.aoColumns.length; + var aoData = _fnAjaxParameters( oSettings ); + _fnServerParams( oSettings, aoData ); + + oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aoData, + function(json) { + _fnAjaxUpdateDraw( oSettings, json ); + }, oSettings ); + return false; + } + else + { + return true; + } +} + + +/** + * Build up the parameters in an object needed for a server-side processing request + * @param {object} oSettings dataTables settings object + * @returns {bool} block the table drawing or not + * @memberof DataTable#oApi + */ +function _fnAjaxParameters( oSettings ) +{ + var iColumns = oSettings.aoColumns.length; + var aoData = [], mDataProp; + var i; + + aoData.push( { "name": "sEcho", "value": oSettings.iDraw } ); + aoData.push( { "name": "iColumns", "value": iColumns } ); + aoData.push( { "name": "sColumns", "value": _fnColumnOrdering(oSettings) } ); + aoData.push( { "name": "iDisplayStart", "value": oSettings._iDisplayStart } ); + aoData.push( { "name": "iDisplayLength", "value": oSettings.oFeatures.bPaginate !== false ? + oSettings._iDisplayLength : -1 } ); + + for ( i=0 ; i<iColumns ; i++ ) + { + mDataProp = oSettings.aoColumns[i].mDataProp; + aoData.push( { "name": "mDataProp_"+i, "value": typeof(mDataProp)==="function" ? 'function' : mDataProp } ); + } + + /* Filtering */ + if ( oSettings.oFeatures.bFilter !== false ) + { + aoData.push( { "name": "sSearch", "value": oSettings.oPreviousSearch.sSearch } ); + aoData.push( { "name": "bRegex", "value": oSettings.oPreviousSearch.bRegex } ); + for ( i=0 ; i<iColumns ; i++ ) + { + aoData.push( { "name": "sSearch_"+i, "value": oSettings.aoPreSearchCols[i].sSearch } ); + aoData.push( { "name": "bRegex_"+i, "value": oSettings.aoPreSearchCols[i].bRegex } ); + aoData.push( { "name": "bSearchable_"+i, "value": oSettings.aoColumns[i].bSearchable } ); + } + } + + /* Sorting */ + if ( oSettings.oFeatures.bSort !== false ) + { + var iFixed = oSettings.aaSortingFixed !== null ? oSettings.aaSortingFixed.length : 0; + var iUser = oSettings.aaSorting.length; + aoData.push( { "name": "iSortingCols", "value": iFixed+iUser } ); + for ( i=0 ; i<iFixed ; i++ ) + { + aoData.push( { "name": "iSortCol_"+i, "value": oSettings.aaSortingFixed[i][0] } ); + aoData.push( { "name": "sSortDir_"+i, "value": oSettings.aaSortingFixed[i][1] } ); + } + + for ( i=0 ; i<iUser ; i++ ) + { + aoData.push( { "name": "iSortCol_"+(i+iFixed), "value": oSettings.aaSorting[i][0] } ); + aoData.push( { "name": "sSortDir_"+(i+iFixed), "value": oSettings.aaSorting[i][1] } ); + } + + for ( i=0 ; i<iColumns ; i++ ) + { + aoData.push( { "name": "bSortable_"+i, "value": oSettings.aoColumns[i].bSortable } ); + } + } + + return aoData; +} + + +/** + * Add Ajax parameters from plugins + * @param {object} oSettings dataTables settings object + * @param array {objects} aoData name/value pairs to send to the server + * @memberof DataTable#oApi + */ +function _fnServerParams( oSettings, aoData ) +{ + _fnCallbackFire( oSettings, 'aoServerParams', 'serverParams', [aoData] ); +} + + +/** + * Data the data from the server (nuking the old) and redraw the table + * @param {object} oSettings dataTables settings object + * @param {object} json json data return from the server. + * @param {string} json.sEcho Tracking flag for DataTables to match requests + * @param {int} json.iTotalRecords Number of records in the data set, not accounting for filtering + * @param {int} json.iTotalDisplayRecords Number of records in the data set, accounting for filtering + * @param {array} json.aaData The data to display on this page + * @param {string} [json.sColumns] Column ordering (sName, comma separated) + * @memberof DataTable#oApi + */ +function _fnAjaxUpdateDraw ( oSettings, json ) +{ + if ( json.sEcho !== undefined ) + { + /* Protect against old returns over-writing a new one. Possible when you get + * very fast interaction, and later queires are completed much faster + */ + if ( json.sEcho*1 < oSettings.iDraw ) + { + return; + } + else + { + oSettings.iDraw = json.sEcho * 1; + } + } + + if ( !oSettings.oScroll.bInfinite || + (oSettings.oScroll.bInfinite && (oSettings.bSorted || oSettings.bFiltered)) ) + { + _fnClearTable( oSettings ); + } + oSettings._iRecordsTotal = parseInt(json.iTotalRecords, 10); + oSettings._iRecordsDisplay = parseInt(json.iTotalDisplayRecords, 10); + + /* Determine if reordering is required */ + var sOrdering = _fnColumnOrdering(oSettings); + var bReOrder = (json.sColumns !== undefined && sOrdering !== "" && json.sColumns != sOrdering ); + var aiIndex; + if ( bReOrder ) + { + aiIndex = _fnReOrderIndex( oSettings, json.sColumns ); + } + + var aData = _fnGetObjectDataFn( oSettings.sAjaxDataProp )( json ); + for ( var i=0, iLen=aData.length ; i<iLen ; i++ ) + { + if ( bReOrder ) + { + /* If we need to re-order, then create a new array with the correct order and add it */ + var aDataSorted = []; + for ( var j=0, jLen=oSettings.aoColumns.length ; j<jLen ; j++ ) + { + aDataSorted.push( aData[i][ aiIndex[j] ] ); + } + _fnAddData( oSettings, aDataSorted ); + } + else + { + /* No re-order required, sever got it "right" - just straight add */ + _fnAddData( oSettings, aData[i] ); + } + } + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + + oSettings.bAjaxDataGet = false; + _fnDraw( oSettings ); + oSettings.bAjaxDataGet = true; + _fnProcessingDisplay( oSettings, false ); +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.columns.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.columns.js new file mode 100644 index 0000000000000000000000000000000000000000..aef8abe8b335cde18c56f8ee6675b9e4b276f488 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.columns.js @@ -0,0 +1,365 @@ + + +/** + * Add a column to the list used for the table with default values + * @param {object} oSettings dataTables settings object + * @param {node} nTh The th element for this column + * @memberof DataTable#oApi + */ +function _fnAddColumn( oSettings, nTh ) +{ + var oDefaults = DataTable.defaults.columns; + var iCol = oSettings.aoColumns.length; + var oCol = $.extend( {}, DataTable.models.oColumn, oDefaults, { + "sSortingClass": oSettings.oClasses.sSortable, + "sSortingClassJUI": oSettings.oClasses.sSortJUI, + "nTh": nTh ? nTh : document.createElement('th'), + "sTitle": oDefaults.sTitle ? oDefaults.sTitle : nTh ? nTh.innerHTML : '', + "aDataSort": oDefaults.aDataSort ? oDefaults.aDataSort : [iCol], + "mDataProp": oDefaults.mDataProp ? oDefaults.oDefaults : iCol + } ); + oSettings.aoColumns.push( oCol ); + + /* Add a column specific filter */ + if ( oSettings.aoPreSearchCols[ iCol ] === undefined || oSettings.aoPreSearchCols[ iCol ] === null ) + { + oSettings.aoPreSearchCols[ iCol ] = $.extend( {}, DataTable.models.oSearch ); + } + else + { + var oPre = oSettings.aoPreSearchCols[ iCol ]; + + /* Don't require that the user must specify bRegex, bSmart or bCaseInsensitive */ + if ( oPre.bRegex === undefined ) + { + oPre.bRegex = true; + } + + if ( oPre.bSmart === undefined ) + { + oPre.bSmart = true; + } + + if ( oPre.bCaseInsensitive === undefined ) + { + oPre.bCaseInsensitive = true; + } + } + + /* Use the column options function to initialise classes etc */ + _fnColumnOptions( oSettings, iCol, null ); +} + + +/** + * Apply options for a column + * @param {object} oSettings dataTables settings object + * @param {int} iCol column index to consider + * @param {object} oOptions object with sType, bVisible and bSearchable + * @memberof DataTable#oApi + */ +function _fnColumnOptions( oSettings, iCol, oOptions ) +{ + var oCol = oSettings.aoColumns[ iCol ]; + + /* User specified column options */ + if ( oOptions !== undefined && oOptions !== null ) + { + if ( oOptions.sType !== undefined ) + { + oCol.sType = oOptions.sType; + oCol._bAutoType = false; + } + + $.extend( oCol, oOptions ); + _fnMap( oCol, oOptions, "sWidth", "sWidthOrig" ); + + /* iDataSort to be applied (backwards compatibility), but aDataSort will take + * priority if defined + */ + if ( oOptions.iDataSort !== undefined ) + { + oCol.aDataSort = [ oOptions.iDataSort ]; + } + _fnMap( oCol, oOptions, "aDataSort" ); + } + + /* Cache the data get and set functions for speed */ + oCol.fnGetData = _fnGetObjectDataFn( oCol.mDataProp ); + oCol.fnSetData = _fnSetObjectDataFn( oCol.mDataProp ); + + /* Feature sorting overrides column specific when off */ + if ( !oSettings.oFeatures.bSort ) + { + oCol.bSortable = false; + } + + /* Check that the class assignment is correct for sorting */ + if ( !oCol.bSortable || + ($.inArray('asc', oCol.asSorting) == -1 && $.inArray('desc', oCol.asSorting) == -1) ) + { + oCol.sSortingClass = oSettings.oClasses.sSortableNone; + oCol.sSortingClassJUI = ""; + } + else if ( oCol.bSortable || + ($.inArray('asc', oCol.asSorting) == -1 && $.inArray('desc', oCol.asSorting) == -1) ) + { + oCol.sSortingClass = oSettings.oClasses.sSortable; + oCol.sSortingClassJUI = oSettings.oClasses.sSortJUI; + } + else if ( $.inArray('asc', oCol.asSorting) != -1 && $.inArray('desc', oCol.asSorting) == -1 ) + { + oCol.sSortingClass = oSettings.oClasses.sSortableAsc; + oCol.sSortingClassJUI = oSettings.oClasses.sSortJUIAscAllowed; + } + else if ( $.inArray('asc', oCol.asSorting) == -1 && $.inArray('desc', oCol.asSorting) != -1 ) + { + oCol.sSortingClass = oSettings.oClasses.sSortableDesc; + oCol.sSortingClassJUI = oSettings.oClasses.sSortJUIDescAllowed; + } +} + + +/** + * Adjust the table column widths for new data. Note: you would probably want to + * do a redraw after calling this function! + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnAdjustColumnSizing ( oSettings ) +{ + /* Not interested in doing column width calculation if autowidth is disabled */ + if ( oSettings.oFeatures.bAutoWidth === false ) + { + return false; + } + + _fnCalculateColumnWidths( oSettings ); + for ( var i=0 , iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + oSettings.aoColumns[i].nTh.style.width = oSettings.aoColumns[i].sWidth; + } +} + + +/** + * Covert the index of a visible column to the index in the data array (take account + * of hidden columns) + * @param {object} oSettings dataTables settings object + * @param {int} iMatch Visible column index to lookup + * @returns {int} i the data index + * @memberof DataTable#oApi + */ +function _fnVisibleToColumnIndex( oSettings, iMatch ) +{ + var iColumn = -1; + + for ( var i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible === true ) + { + iColumn++; + } + + if ( iColumn == iMatch ) + { + return i; + } + } + + return null; +} + + +/** + * Covert the index of an index in the data array and convert it to the visible + * column index (take account of hidden columns) + * @param {int} iMatch Column index to lookup + * @param {object} oSettings dataTables settings object + * @returns {int} i the data index + * @memberof DataTable#oApi + */ +function _fnColumnIndexToVisible( oSettings, iMatch ) +{ + var iVisible = -1; + for ( var i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible === true ) + { + iVisible++; + } + + if ( i == iMatch ) + { + return oSettings.aoColumns[i].bVisible === true ? iVisible : null; + } + } + + return null; +} + + +/** + * Get the number of visible columns + * @returns {int} i the number of visible columns + * @param {object} oS dataTables settings object + * @memberof DataTable#oApi + */ +function _fnVisbleColumns( oS ) +{ + var iVis = 0; + for ( var i=0 ; i<oS.aoColumns.length ; i++ ) + { + if ( oS.aoColumns[i].bVisible === true ) + { + iVis++; + } + } + return iVis; +} + + +/** + * Get the sort type based on an input string + * @param {string} sData data we wish to know the type of + * @returns {string} type (defaults to 'string' if no type can be detected) + * @memberof DataTable#oApi + */ +function _fnDetectType( sData ) +{ + var aTypes = DataTable.ext.aTypes; + var iLen = aTypes.length; + + for ( var i=0 ; i<iLen ; i++ ) + { + var sType = aTypes[i]( sData ); + if ( sType !== null ) + { + return sType; + } + } + + return 'string'; +} + + +/** + * Figure out how to reorder a display list + * @param {object} oSettings dataTables settings object + * @returns array {int} aiReturn index list for reordering + * @memberof DataTable#oApi + */ +function _fnReOrderIndex ( oSettings, sColumns ) +{ + var aColumns = sColumns.split(','); + var aiReturn = []; + + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + for ( var j=0 ; j<iLen ; j++ ) + { + if ( oSettings.aoColumns[i].sName == aColumns[j] ) + { + aiReturn.push( j ); + break; + } + } + } + + return aiReturn; +} + + +/** + * Get the column ordering that DataTables expects + * @param {object} oSettings dataTables settings object + * @returns {string} comma separated list of names + * @memberof DataTable#oApi + */ +function _fnColumnOrdering ( oSettings ) +{ + var sNames = ''; + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + sNames += oSettings.aoColumns[i].sName+','; + } + if ( sNames.length == iLen ) + { + return ""; + } + return sNames.slice(0, -1); +} + + +/** + * Take the column definitions and static columns arrays and calculate how + * they relate to column indexes. The callback function will then apply the + * definition found for a column to a suitable configuration object. + * @param {object} oSettings dataTables settings object + * @param {array} aoColDefs The aoColumnDefs array that is to be applied + * @param {array} aoCols The aoColumns array that defines columns individually + * @param {function} fn Callback function - takes two parameters, the calculated + * column index and the definition for that column. + * @memberof DataTable#oApi + */ +function _fnApplyColumnDefs( oSettings, aoColDefs, aoCols, fn ) +{ + var i, iLen, j, jLen, k, kLen; + + // Column definitions with aTargets + if ( aoColDefs ) + { + /* Loop over the definitions array - loop in reverse so first instance has priority */ + for ( i=aoColDefs.length-1 ; i>=0 ; i-- ) + { + /* Each definition can target multiple columns, as it is an array */ + var aTargets = aoColDefs[i].aTargets; + if ( !$.isArray( aTargets ) ) + { + _fnLog( oSettings, 1, 'aTargets must be an array of targets, not a '+(typeof aTargets) ); + } + + for ( j=0, jLen=aTargets.length ; j<jLen ; j++ ) + { + if ( typeof aTargets[j] === 'number' && aTargets[j] >= 0 ) + { + /* Add columns that we don't yet know about */ + while( oSettings.aoColumns.length <= aTargets[j] ) + { + _fnAddColumn( oSettings ); + } + + /* Integer, basic index */ + fn( aTargets[j], aoColDefs[i] ); + } + else if ( typeof aTargets[j] === 'number' && aTargets[j] < 0 ) + { + /* Negative integer, right to left column counting */ + fn( oSettings.aoColumns.length+aTargets[j], aoColDefs[i] ); + } + else if ( typeof aTargets[j] === 'string' ) + { + /* Class name matching on TH element */ + for ( k=0, kLen=oSettings.aoColumns.length ; k<kLen ; k++ ) + { + if ( aTargets[j] == "_all" || + $(oSettings.aoColumns[k].nTh).hasClass( aTargets[j] ) ) + { + fn( k, aoColDefs[i] ); + } + } + } + } + } + } + + // Statically defined columns array + if ( aoCols ) + { + for ( i=0, iLen=aoCols.length ; i<iLen ; i++ ) + { + fn( i, aoCols[i] ); + } + } +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.constructor.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.constructor.js new file mode 100644 index 0000000000000000000000000000000000000000..1100d048cd39addbca811d77f5cc629c4f34db17 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.constructor.js @@ -0,0 +1,417 @@ + +var i=0, iLen, j, jLen, k, kLen; +var sId = this.getAttribute( 'id' ); +var bInitHandedOff = false; +var bUsePassedData = false; + + +/* Sanity check */ +if ( this.nodeName.toLowerCase() != 'table' ) +{ + _fnLog( null, 0, "Attempted to initialise DataTables on a node which is not a "+ + "table: "+this.nodeName ); + return; +} + +/* Check to see if we are re-initialising a table */ +for ( i=0, iLen=DataTable.settings.length ; i<iLen ; i++ ) +{ + /* Base check on table node */ + if ( DataTable.settings[i].nTable == this ) + { + if ( oInit === undefined || oInit.bRetrieve ) + { + return DataTable.settings[i].oInstance; + } + else if ( oInit.bDestroy ) + { + DataTable.settings[i].oInstance.fnDestroy(); + break; + } + else + { + _fnLog( DataTable.settings[i], 0, "Cannot reinitialise DataTable.\n\n"+ + "To retrieve the DataTables object for this table, pass no arguments or see "+ + "the docs for bRetrieve and bDestroy" ); + return; + } + } + + /* If the element we are initialising has the same ID as a table which was previously + * initialised, but the table nodes don't match (from before) then we destroy the old + * instance by simply deleting it. This is under the assumption that the table has been + * destroyed by other methods. Anyone using non-id selectors will need to do this manually + */ + if ( DataTable.settings[i].sTableId == this.id ) + { + DataTable.settings.splice( i, 1 ); + break; + } +} + +/* Ensure the table has an ID - required for accessibility */ +if ( sId === null ) +{ + sId = "DataTables_Table_"+(DataTable.ext._oExternConfig.iNextUnique++); + this.id = sId; +} + +/* Create the settings object for this table and set some of the default parameters */ +var oSettings = $.extend( true, {}, DataTable.models.oSettings, { + "nTable": this, + "oApi": _that.oApi, + "oInit": oInit, + "sDestroyWidth": $(this).width(), + "sInstance": sId, + "sTableId": sId +} ); +DataTable.settings.push( oSettings ); + +// Need to add the instance after the instance after the settings object has been added +// to the settings array, so we can self reference the table instance if more than one +oSettings.oInstance = (_that.length===1) ? _that : $(this).dataTable(); + +/* Setting up the initialisation object */ +if ( !oInit ) +{ + oInit = {}; +} + +// Backwards compatibility, before we apply all the defaults +if ( oInit.oLanguage ) +{ + _fnLanguageCompat( oInit.oLanguage ); +} + +oInit = _fnExtend( $.extend(true, {}, DataTable.defaults), oInit ); + +// Map the initialisation options onto the settings object +_fnMap( oSettings.oFeatures, oInit, "bPaginate" ); +_fnMap( oSettings.oFeatures, oInit, "bLengthChange" ); +_fnMap( oSettings.oFeatures, oInit, "bFilter" ); +_fnMap( oSettings.oFeatures, oInit, "bSort" ); +_fnMap( oSettings.oFeatures, oInit, "bInfo" ); +_fnMap( oSettings.oFeatures, oInit, "bProcessing" ); +_fnMap( oSettings.oFeatures, oInit, "bAutoWidth" ); +_fnMap( oSettings.oFeatures, oInit, "bSortClasses" ); +_fnMap( oSettings.oFeatures, oInit, "bServerSide" ); +_fnMap( oSettings.oFeatures, oInit, "bDeferRender" ); +_fnMap( oSettings.oScroll, oInit, "sScrollX", "sX" ); +_fnMap( oSettings.oScroll, oInit, "sScrollXInner", "sXInner" ); +_fnMap( oSettings.oScroll, oInit, "sScrollY", "sY" ); +_fnMap( oSettings.oScroll, oInit, "bScrollCollapse", "bCollapse" ); +_fnMap( oSettings.oScroll, oInit, "bScrollInfinite", "bInfinite" ); +_fnMap( oSettings.oScroll, oInit, "iScrollLoadGap", "iLoadGap" ); +_fnMap( oSettings.oScroll, oInit, "bScrollAutoCss", "bAutoCss" ); +_fnMap( oSettings, oInit, "asStripClasses", "asStripeClasses" ); // legacy +_fnMap( oSettings, oInit, "asStripeClasses" ); +_fnMap( oSettings, oInit, "fnServerData" ); +_fnMap( oSettings, oInit, "fnFormatNumber" ); +_fnMap( oSettings, oInit, "sServerMethod" ); +_fnMap( oSettings, oInit, "aaSorting" ); +_fnMap( oSettings, oInit, "aaSortingFixed" ); +_fnMap( oSettings, oInit, "aLengthMenu" ); +_fnMap( oSettings, oInit, "sPaginationType" ); +_fnMap( oSettings, oInit, "sAjaxSource" ); +_fnMap( oSettings, oInit, "sAjaxDataProp" ); +_fnMap( oSettings, oInit, "iCookieDuration" ); +_fnMap( oSettings, oInit, "sCookiePrefix" ); +_fnMap( oSettings, oInit, "sDom" ); +_fnMap( oSettings, oInit, "bSortCellsTop" ); +_fnMap( oSettings, oInit, "iTabIndex" ); +_fnMap( oSettings, oInit, "oSearch", "oPreviousSearch" ); +_fnMap( oSettings, oInit, "aoSearchCols", "aoPreSearchCols" ); +_fnMap( oSettings, oInit, "iDisplayLength", "_iDisplayLength" ); +_fnMap( oSettings, oInit, "bJQueryUI", "bJUI" ); +_fnMap( oSettings, oInit, "fnCookieCallback" ); +_fnMap( oSettings, oInit, "fnStateLoad" ); +_fnMap( oSettings, oInit, "fnStateSave" ); +_fnMap( oSettings.oLanguage, oInit, "fnInfoCallback" ); + +/* Callback functions which are array driven */ +_fnCallbackReg( oSettings, 'aoDrawCallback', oInit.fnDrawCallback, 'user' ); +_fnCallbackReg( oSettings, 'aoServerParams', oInit.fnServerParams, 'user' ); +_fnCallbackReg( oSettings, 'aoStateSaveParams', oInit.fnStateSaveParams, 'user' ); +_fnCallbackReg( oSettings, 'aoStateLoadParams', oInit.fnStateLoadParams, 'user' ); +_fnCallbackReg( oSettings, 'aoStateLoaded', oInit.fnStateLoaded, 'user' ); +_fnCallbackReg( oSettings, 'aoRowCallback', oInit.fnRowCallback, 'user' ); +_fnCallbackReg( oSettings, 'aoRowCreatedCallback', oInit.fnCreatedRow, 'user' ); +_fnCallbackReg( oSettings, 'aoHeaderCallback', oInit.fnHeaderCallback, 'user' ); +_fnCallbackReg( oSettings, 'aoFooterCallback', oInit.fnFooterCallback, 'user' ); +_fnCallbackReg( oSettings, 'aoInitComplete', oInit.fnInitComplete, 'user' ); +_fnCallbackReg( oSettings, 'aoPreDrawCallback', oInit.fnPreDrawCallback, 'user' ); + +if ( oSettings.oFeatures.bServerSide && oSettings.oFeatures.bSort && + oSettings.oFeatures.bSortClasses ) +{ + /* Enable sort classes for server-side processing. Safe to do it here, since server-side + * processing must be enabled by the developer + */ + _fnCallbackReg( oSettings, 'aoDrawCallback', _fnSortingClasses, 'server_side_sort_classes' ); +} +else if ( oSettings.oFeatures.bDeferRender ) +{ + _fnCallbackReg( oSettings, 'aoDrawCallback', _fnSortingClasses, 'defer_sort_classes' ); +} + +if ( oInit.bJQueryUI ) +{ + /* Use the JUI classes object for display. You could clone the oStdClasses object if + * you want to have multiple tables with multiple independent classes + */ + $.extend( oSettings.oClasses, DataTable.ext.oJUIClasses ); + + if ( oInit.sDom === DataTable.defaults.sDom && DataTable.defaults.sDom === "lfrtip" ) + { + /* Set the DOM to use a layout suitable for jQuery UI's theming */ + oSettings.sDom = '<"H"lfr>t<"F"ip>'; + } +} +else +{ + $.extend( oSettings.oClasses, DataTable.ext.oStdClasses ); +} +$(this).addClass( oSettings.oClasses.sTable ); + +/* Calculate the scroll bar width and cache it for use later on */ +if ( oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "" ) +{ + oSettings.oScroll.iBarWidth = _fnScrollBarWidth(); +} + +if ( oSettings.iInitDisplayStart === undefined ) +{ + /* Display start point, taking into account the save saving */ + oSettings.iInitDisplayStart = oInit.iDisplayStart; + oSettings._iDisplayStart = oInit.iDisplayStart; +} + +/* Must be done after everything which can be overridden by a cookie! */ +if ( oInit.bStateSave ) +{ + oSettings.oFeatures.bStateSave = true; + _fnLoadState( oSettings, oInit ); + _fnCallbackReg( oSettings, 'aoDrawCallback', _fnSaveState, 'state_save' ); +} + +if ( oInit.iDeferLoading !== null ) +{ + oSettings.bDeferLoading = true; + oSettings._iRecordsTotal = oInit.iDeferLoading; + oSettings._iRecordsDisplay = oInit.iDeferLoading; +} + +if ( oInit.aaData !== null ) +{ + bUsePassedData = true; +} + +/* Language definitions */ +if ( oInit.oLanguage.sUrl !== "" ) +{ + /* Get the language definitions from a file - because this Ajax call makes the language + * get async to the remainder of this function we use bInitHandedOff to indicate that + * _fnInitialise will be fired by the returned Ajax handler, rather than the constructor + */ + oSettings.oLanguage.sUrl = oInit.oLanguage.sUrl; + $.getJSON( oSettings.oLanguage.sUrl, null, function( json ) { + _fnLanguageCompat( json ); + $.extend( true, oSettings.oLanguage, oInit.oLanguage, json ); + _fnInitialise( oSettings ); + } ); + bInitHandedOff = true; +} +else +{ + $.extend( true, oSettings.oLanguage, oInit.oLanguage ); +} + + +/* + * Stripes + */ + +/* Remove row stripe classes if they are already on the table row */ +var bStripeRemove = false; +var anRows = $(this).children('tbody').children('tr'); +for ( i=0, iLen=oSettings.asStripeClasses.length ; i<iLen ; i++ ) +{ + if ( anRows.filter(":lt(2)").hasClass( oSettings.asStripeClasses[i]) ) + { + bStripeRemove = true; + break; + } +} + +if ( bStripeRemove ) +{ + /* Store the classes which we are about to remove so they can be readded on destroy */ + oSettings.asDestroyStripes = [ '', '' ]; + if ( $(anRows[0]).hasClass(oSettings.oClasses.sStripeOdd) ) + { + oSettings.asDestroyStripes[0] += oSettings.oClasses.sStripeOdd+" "; + } + if ( $(anRows[0]).hasClass(oSettings.oClasses.sStripeEven) ) + { + oSettings.asDestroyStripes[0] += oSettings.oClasses.sStripeEven; + } + if ( $(anRows[1]).hasClass(oSettings.oClasses.sStripeOdd) ) + { + oSettings.asDestroyStripes[1] += oSettings.oClasses.sStripeOdd+" "; + } + if ( $(anRows[1]).hasClass(oSettings.oClasses.sStripeEven) ) + { + oSettings.asDestroyStripes[1] += oSettings.oClasses.sStripeEven; + } + + anRows.removeClass( oSettings.asStripeClasses.join(' ') ); +} + + +/* + * Columns + * See if we should load columns automatically or use defined ones + */ +var anThs = []; +var aoColumnsInit; +var nThead = this.getElementsByTagName('thead'); +if ( nThead.length !== 0 ) +{ + _fnDetectHeader( oSettings.aoHeader, nThead[0] ); + anThs = _fnGetUniqueThs( oSettings ); +} + +/* If not given a column array, generate one with nulls */ +if ( oInit.aoColumns === null ) +{ + aoColumnsInit = []; + for ( i=0, iLen=anThs.length ; i<iLen ; i++ ) + { + aoColumnsInit.push( null ); + } +} +else +{ + aoColumnsInit = oInit.aoColumns; +} + +/* Add the columns */ +for ( i=0, iLen=aoColumnsInit.length ; i<iLen ; i++ ) +{ + /* Short cut - use the loop to check if we have column visibility state to restore */ + if ( oInit.saved_aoColumns !== undefined && oInit.saved_aoColumns.length == iLen ) + { + if ( aoColumnsInit[i] === null ) + { + aoColumnsInit[i] = {}; + } + aoColumnsInit[i].bVisible = oInit.saved_aoColumns[i].bVisible; + } + + _fnAddColumn( oSettings, anThs ? anThs[i] : null ); +} + +/* Apply the column definitions */ +_fnApplyColumnDefs( oSettings, oInit.aoColumnDefs, aoColumnsInit, function (iCol, oDef) { + _fnColumnOptions( oSettings, iCol, oDef ); +} ); + + +/* + * Sorting + * Check the aaSorting array + */ +for ( i=0, iLen=oSettings.aaSorting.length ; i<iLen ; i++ ) +{ + if ( oSettings.aaSorting[i][0] >= oSettings.aoColumns.length ) + { + oSettings.aaSorting[i][0] = 0; + } + var oColumn = oSettings.aoColumns[ oSettings.aaSorting[i][0] ]; + + /* Add a default sorting index */ + if ( oSettings.aaSorting[i][2] === undefined ) + { + oSettings.aaSorting[i][2] = 0; + } + + /* If aaSorting is not defined, then we use the first indicator in asSorting */ + if ( oInit.aaSorting === undefined && oSettings.saved_aaSorting === undefined ) + { + oSettings.aaSorting[i][1] = oColumn.asSorting[0]; + } + + /* Set the current sorting index based on aoColumns.asSorting */ + for ( j=0, jLen=oColumn.asSorting.length ; j<jLen ; j++ ) + { + if ( oSettings.aaSorting[i][1] == oColumn.asSorting[j] ) + { + oSettings.aaSorting[i][2] = j; + break; + } + } +} + +/* Do a first pass on the sorting classes (allows any size changes to be taken into + * account, and also will apply sorting disabled classes if disabled + */ +_fnSortingClasses( oSettings ); + + +/* + * Final init + * Cache the header, body and footer as required, creating them if needed + */ +var thead = $(this).children('thead'); +if ( thead.length === 0 ) +{ + thead = [ document.createElement( 'thead' ) ]; + this.appendChild( thead[0] ); +} +oSettings.nTHead = thead[0]; + +var tbody = $(this).children('tbody'); +if ( tbody.length === 0 ) +{ + tbody = [ document.createElement( 'tbody' ) ]; + this.appendChild( tbody[0] ); +} +oSettings.nTBody = tbody[0]; +oSettings.nTBody.setAttribute( "role", "alert" ); +oSettings.nTBody.setAttribute( "aria-live", "polite" ); +oSettings.nTBody.setAttribute( "aria-relevant", "all" ); + +var tfoot = $(this).children('tfoot'); +if ( tfoot.length > 0 ) +{ + oSettings.nTFoot = tfoot[0]; + _fnDetectHeader( oSettings.aoFooter, oSettings.nTFoot ); +} + +/* Check if there is data passing into the constructor */ +if ( bUsePassedData ) +{ + for ( i=0 ; i<oInit.aaData.length ; i++ ) + { + _fnAddData( oSettings, oInit.aaData[ i ] ); + } +} +else +{ + /* Grab the data from the page */ + _fnGatherData( oSettings ); +} + +/* Copy the data index array */ +oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + +/* Initialisation complete - table can be drawn */ +oSettings.bInitialised = true; + +/* Check if we need to initialise the table (it might not have been handed off to the + * language processor) + */ +if ( bInitHandedOff === false ) +{ + _fnInitialise( oSettings ); +} diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.data.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.data.js new file mode 100644 index 0000000000000000000000000000000000000000..52e86bf4dcacd8996ab9f8f1903016d816969144 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.data.js @@ -0,0 +1,536 @@ + + +/** + * Add a data array to the table, creating DOM node etc. This is the parallel to + * _fnGatherData, but for adding rows from a Javascript source, rather than a + * DOM source. + * @param {object} oSettings dataTables settings object + * @param {array} aData data array to be added + * @returns {int} >=0 if successful (index of new aoData entry), -1 if failed + * @memberof DataTable#oApi + */ +function _fnAddData ( oSettings, aDataSupplied ) +{ + var oCol; + + /* Take an independent copy of the data source so we can bash it about as we wish */ + var aDataIn = ($.isArray(aDataSupplied)) ? + aDataSupplied.slice() : + $.extend( true, {}, aDataSupplied ); + + /* Create the object for storing information about this new row */ + var iRow = oSettings.aoData.length; + var oData = $.extend( true, {}, DataTable.models.oRow, { + "_aData": aDataIn + } ); + oSettings.aoData.push( oData ); + + /* Create the cells */ + var nTd, sThisType; + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + oCol = oSettings.aoColumns[i]; + + /* Use rendered data for filtering/sorting */ + if ( typeof oCol.fnRender === 'function' && oCol.bUseRendered && oCol.mDataProp !== null ) + { + _fnSetCellData( oSettings, iRow, i, _fnRender(oSettings, iRow, i) ); + } + + /* See if we should auto-detect the column type */ + if ( oCol._bAutoType && oCol.sType != 'string' ) + { + /* Attempt to auto detect the type - same as _fnGatherData() */ + var sVarType = _fnGetCellData( oSettings, iRow, i, 'type' ); + if ( sVarType !== null && sVarType !== '' ) + { + sThisType = _fnDetectType( sVarType ); + if ( oCol.sType === null ) + { + oCol.sType = sThisType; + } + else if ( oCol.sType != sThisType && oCol.sType != "html" ) + { + /* String is always the 'fallback' option */ + oCol.sType = 'string'; + } + } + } + } + + /* Add to the display array */ + oSettings.aiDisplayMaster.push( iRow ); + + /* Create the DOM imformation */ + if ( !oSettings.oFeatures.bDeferRender ) + { + _fnCreateTr( oSettings, iRow ); + } + + return iRow; +} + + +/** + * Read in the data from the target table from the DOM + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnGatherData( oSettings ) +{ + var iLoop, i, iLen, j, jLen, jInner, + nTds, nTrs, nTd, aLocalData, iThisIndex, + iRow, iRows, iColumn, iColumns, sNodeName, + oCol, oData; + + /* + * Process by row first + * Add the data object for the whole table - storing the tr node. Note - no point in getting + * DOM based data if we are going to go and replace it with Ajax source data. + */ + if ( oSettings.bDeferLoading || oSettings.sAjaxSource === null ) + { + nTrs = oSettings.nTBody.childNodes; + for ( i=0, iLen=nTrs.length ; i<iLen ; i++ ) + { + if ( nTrs[i].nodeName.toUpperCase() == "TR" ) + { + iThisIndex = oSettings.aoData.length; + nTrs[i]._DT_RowIndex = iThisIndex; + oSettings.aoData.push( $.extend( true, {}, DataTable.models.oRow, { + "nTr": nTrs[i] + } ) ); + + oSettings.aiDisplayMaster.push( iThisIndex ); + nTds = nTrs[i].childNodes; + jInner = 0; + + for ( j=0, jLen=nTds.length ; j<jLen ; j++ ) + { + sNodeName = nTds[j].nodeName.toUpperCase(); + if ( sNodeName == "TD" || sNodeName == "TH" ) + { + _fnSetCellData( oSettings, iThisIndex, jInner, $.trim(nTds[j].innerHTML) ); + jInner++; + } + } + } + } + } + + /* Gather in the TD elements of the Table - note that this is basically the same as + * fnGetTdNodes, but that function takes account of hidden columns, which we haven't yet + * setup! + */ + nTrs = _fnGetTrNodes( oSettings ); + nTds = []; + for ( i=0, iLen=nTrs.length ; i<iLen ; i++ ) + { + for ( j=0, jLen=nTrs[i].childNodes.length ; j<jLen ; j++ ) + { + nTd = nTrs[i].childNodes[j]; + sNodeName = nTd.nodeName.toUpperCase(); + if ( sNodeName == "TD" || sNodeName == "TH" ) + { + nTds.push( nTd ); + } + } + } + + /* Now process by column */ + for ( iColumn=0, iColumns=oSettings.aoColumns.length ; iColumn<iColumns ; iColumn++ ) + { + oCol = oSettings.aoColumns[iColumn]; + + /* Get the title of the column - unless there is a user set one */ + if ( oCol.sTitle === null ) + { + oCol.sTitle = oCol.nTh.innerHTML; + } + + var + bAutoType = oCol._bAutoType, + bRender = typeof oCol.fnRender === 'function', + bClass = oCol.sClass !== null, + bVisible = oCol.bVisible, + nCell, sThisType, sRendered, sValType; + + /* A single loop to rule them all (and be more efficient) */ + if ( bAutoType || bRender || bClass || !bVisible ) + { + for ( iRow=0, iRows=oSettings.aoData.length ; iRow<iRows ; iRow++ ) + { + oData = oSettings.aoData[iRow]; + nCell = nTds[ (iRow*iColumns) + iColumn ]; + + /* Type detection */ + if ( bAutoType && oCol.sType != 'string' ) + { + sValType = _fnGetCellData( oSettings, iRow, iColumn, 'type' ); + if ( sValType !== '' ) + { + sThisType = _fnDetectType( sValType ); + if ( oCol.sType === null ) + { + oCol.sType = sThisType; + } + else if ( oCol.sType != sThisType && + oCol.sType != "html" ) + { + /* String is always the 'fallback' option */ + oCol.sType = 'string'; + } + } + } + + if ( typeof oCol.mDataProp === 'function' ) + { + nCell.innerHTML = _fnGetCellData( oSettings, iRow, iColumn, 'display' ); + } + + /* Rendering */ + if ( bRender ) + { + sRendered = _fnRender( oSettings, iRow, iColumn ); + nCell.innerHTML = sRendered; + if ( oCol.bUseRendered ) + { + /* Use the rendered data for filtering/sorting */ + _fnSetCellData( oSettings, iRow, iColumn, sRendered ); + } + } + + /* Classes */ + if ( bClass ) + { + nCell.className += ' '+oCol.sClass; + } + + /* Column visability */ + if ( !bVisible ) + { + oData._anHidden[iColumn] = nCell; + nCell.parentNode.removeChild( nCell ); + } + else + { + oData._anHidden[iColumn] = null; + } + + if ( oCol.fnCreatedCell ) + { + oCol.fnCreatedCell.call( oSettings.oInstance, + nCell, _fnGetCellData( oSettings, iRow, iColumn, 'display' ), oData._aData, iRow, iColumn + ); + } + } + } + } + + /* Row created callbacks */ + if ( oSettings.aoRowCreatedCallback.length !== 0 ) + { + for ( i=0, iLen=oSettings.aoData.length ; i<iLen ; i++ ) + { + oData = oSettings.aoData[i]; + _fnCallbackFire( oSettings, 'aoRowCreatedCallback', null, [oData.nTr, oData._aData, i] ); + } + } +} + + +/** + * Take a TR element and convert it to an index in aoData + * @param {object} oSettings dataTables settings object + * @param {node} n the TR element to find + * @returns {int} index if the node is found, null if not + * @memberof DataTable#oApi + */ +function _fnNodeToDataIndex( oSettings, n ) +{ + return (n._DT_RowIndex!==undefined) ? n._DT_RowIndex : null; +} + + +/** + * Take a TD element and convert it into a column data index (not the visible index) + * @param {object} oSettings dataTables settings object + * @param {int} iRow The row number the TD/TH can be found in + * @param {node} n The TD/TH element to find + * @returns {int} index if the node is found, -1 if not + * @memberof DataTable#oApi + */ +function _fnNodeToColumnIndex( oSettings, iRow, n ) +{ + var anCells = _fnGetTdNodes( oSettings, iRow ); + + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + if ( anCells[i] === n ) + { + return i; + } + } + return -1; +} + + +/** + * Get an array of data for a given row from the internal data cache + * @param {object} oSettings dataTables settings object + * @param {int} iRow aoData row id + * @param {string} sSpecific data get type ('type' 'filter' 'sort') + * @returns {array} Data array + * @memberof DataTable#oApi + */ +function _fnGetRowData( oSettings, iRow, sSpecific ) +{ + var out = []; + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + out.push( _fnGetCellData( oSettings, iRow, i, sSpecific ) ); + } + return out; +} + + +/** + * Get the data for a given cell from the internal cache, taking into account data mapping + * @param {object} oSettings dataTables settings object + * @param {int} iRow aoData row id + * @param {int} iCol Column index + * @param {string} sSpecific data get type ('display', 'type' 'filter' 'sort') + * @returns {*} Cell data + * @memberof DataTable#oApi + */ +function _fnGetCellData( oSettings, iRow, iCol, sSpecific ) +{ + var sData; + var oCol = oSettings.aoColumns[iCol]; + var oData = oSettings.aoData[iRow]._aData; + + if ( (sData=oCol.fnGetData( oData, sSpecific )) === undefined ) + { + if ( oSettings.iDrawError != oSettings.iDraw && oCol.sDefaultContent === null ) + { + _fnLog( oSettings, 0, "Requested unknown parameter '"+oCol.mDataProp+ + "' from the data source for row "+iRow ); + oSettings.iDrawError = oSettings.iDraw; + } + return oCol.sDefaultContent; + } + + /* When the data source is null, we can use default column data */ + if ( sData === null && oCol.sDefaultContent !== null ) + { + sData = oCol.sDefaultContent; + } + else if ( typeof sData === 'function' ) + { + /* If the data source is a function, then we run it and use the return */ + return sData(); + } + + if ( sSpecific == 'display' && sData === null ) + { + return ''; + } + return sData; +} + + +/** + * Set the value for a specific cell, into the internal data cache + * @param {object} oSettings dataTables settings object + * @param {int} iRow aoData row id + * @param {int} iCol Column index + * @param {*} val Value to set + * @memberof DataTable#oApi + */ +function _fnSetCellData( oSettings, iRow, iCol, val ) +{ + var oCol = oSettings.aoColumns[iCol]; + var oData = oSettings.aoData[iRow]._aData; + + oCol.fnSetData( oData, val ); +} + + +/** + * Return a function that can be used to get data from a source object, taking + * into account the ability to use nested objects as a source + * @param {string|int|function} mSource The data source for the object + * @returns {function} Data get function + * @memberof DataTable#oApi + */ +function _fnGetObjectDataFn( mSource ) +{ + if ( mSource === null ) + { + /* Give an empty string for rendering / sorting etc */ + return function (data, type) { + return null; + }; + } + else if ( typeof mSource === 'function' ) + { + return function (data, type) { + return mSource( data, type ); + }; + } + else if ( typeof mSource === 'string' && mSource.indexOf('.') != -1 ) + { + /* If there is a . in the source string then the data source is in a + * nested object so we loop over the data for each level to get the next + * level down. On each loop we test for undefined, and if found immediatly + * return. This allows entire objects to be missing and sDefaultContent to + * be used if defined, rather than throwing an error + */ + var a = mSource.split('.'); + return function (data, type) { + for ( var i=0, iLen=a.length ; i<iLen ; i++ ) + { + data = data[ a[i] ]; + if ( data === undefined ) + { + return undefined; + } + } + return data; + }; + } + else + { + /* Array or flat object mapping */ + return function (data, type) { + return data[mSource]; + }; + } +} + + +/** + * Return a function that can be used to set data from a source object, taking + * into account the ability to use nested objects as a source + * @param {string|int|function} mSource The data source for the object + * @returns {function} Data set function + * @memberof DataTable#oApi + */ +function _fnSetObjectDataFn( mSource ) +{ + if ( mSource === null ) + { + /* Nothing to do when the data source is null */ + return function (data, val) {}; + } + else if ( typeof mSource === 'function' ) + { + return function (data, val) { + mSource( data, 'set', val ); + }; + } + else if ( typeof mSource === 'string' && mSource.indexOf('.') != -1 ) + { + /* Like the get, we need to get data from a nested object. */ + var a = mSource.split('.'); + return function (data, val) { + for ( var i=0, iLen=a.length-1 ; i<iLen ; i++ ) + { + data = data[ a[i] ]; + } + data[ a[a.length-1] ] = val; + }; + } + else + { + /* Array or flat object mapping */ + return function (data, val) { + data[mSource] = val; + }; + } +} + + +/** + * Return an array with the full table data + * @param {object} oSettings dataTables settings object + * @returns array {array} aData Master data array + * @memberof DataTable#oApi + */ +function _fnGetDataMaster ( oSettings ) +{ + var aData = []; + var iLen = oSettings.aoData.length; + for ( var i=0 ; i<iLen; i++ ) + { + aData.push( oSettings.aoData[i]._aData ); + } + return aData; +} + + +/** + * Nuke the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnClearTable( oSettings ) +{ + oSettings.aoData.splice( 0, oSettings.aoData.length ); + oSettings.aiDisplayMaster.splice( 0, oSettings.aiDisplayMaster.length ); + oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length ); + _fnCalculateEnd( oSettings ); +} + + + /** + * Take an array of integers (index array) and remove a target integer (value - not + * the key!) + * @param {array} a Index array to target + * @param {int} iTarget value to find + * @memberof DataTable#oApi + */ +function _fnDeleteIndex( a, iTarget ) +{ + var iTargetIndex = -1; + + for ( var i=0, iLen=a.length ; i<iLen ; i++ ) + { + if ( a[i] == iTarget ) + { + iTargetIndex = i; + } + else if ( a[i] > iTarget ) + { + a[i]--; + } + } + + if ( iTargetIndex != -1 ) + { + a.splice( iTargetIndex, 1 ); + } +} + + + /** + * Call the developer defined fnRender function for a given cell (row/column) with + * the required parameters and return the result. + * @param {object} oSettings dataTables settings object + * @param {int} iRow aoData index for the row + * @param {int} iCol aoColumns index for the column + * @returns {*} Return of the developer's fnRender function + * @memberof DataTable#oApi + */ +function _fnRender( oSettings, iRow, iCol ) +{ + var oCol = oSettings.aoColumns[iCol]; + + return oCol.fnRender( { + "iDataRow": iRow, + "iDataColumn": iCol, + "oSettings": oSettings, + "aData": oSettings.aoData[iRow]._aData, + "mDataProp": oCol.mDataProp + }, _fnGetCellData(oSettings, iRow, iCol, 'display') ); +} diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.draw.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.draw.js new file mode 100644 index 0000000000000000000000000000000000000000..568cb155ab6443943d98005d80d08dba69002021 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.draw.js @@ -0,0 +1,788 @@ + + +/** + * Create a new TR element (and it's TD children) for a row + * @param {object} oSettings dataTables settings object + * @param {int} iRow Row to consider + * @memberof DataTable#oApi + */ +function _fnCreateTr ( oSettings, iRow ) +{ + var oData = oSettings.aoData[iRow]; + var nTd; + + if ( oData.nTr === null ) + { + oData.nTr = document.createElement('tr'); + + /* Use a private property on the node to allow reserve mapping from the node + * to the aoData array for fast look up + */ + oData.nTr._DT_RowIndex = iRow; + + /* Special parameters can be given by the data source to be used on the row */ + if ( oData._aData.DT_RowId ) + { + oData.nTr.id = oData._aData.DT_RowId; + } + + if ( oData._aData.DT_RowClass ) + { + $(oData.nTr).addClass( oData._aData.DT_RowClass ); + } + + /* Process each column */ + for ( var i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + var oCol = oSettings.aoColumns[i]; + nTd = document.createElement('td'); + + /* Render if needed - if bUseRendered is true then we already have the rendered + * value in the data source - so can just use that + */ + nTd.innerHTML = (typeof oCol.fnRender === 'function' && (!oCol.bUseRendered || oCol.mDataProp === null)) ? + _fnRender( oSettings, iRow, i ) : + _fnGetCellData( oSettings, iRow, i, 'display' ); + + /* Add user defined class */ + if ( oCol.sClass !== null ) + { + nTd.className = oCol.sClass; + } + + if ( oCol.bVisible ) + { + oData.nTr.appendChild( nTd ); + oData._anHidden[i] = null; + } + else + { + oData._anHidden[i] = nTd; + } + + if ( oCol.fnCreatedCell ) + { + oCol.fnCreatedCell.call( oSettings.oInstance, + nTd, _fnGetCellData( oSettings, iRow, i, 'display' ), oData._aData, iRow, i + ); + } + } + + _fnCallbackFire( oSettings, 'aoRowCreatedCallback', null, [oData.nTr, oData._aData, iRow] ); + } +} + + +/** + * Create the HTML header for the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnBuildHead( oSettings ) +{ + var i, nTh, iLen, j, jLen; + var iThs = oSettings.nTHead.getElementsByTagName('th').length; + var iCorrector = 0; + var jqChildren; + + /* If there is a header in place - then use it - otherwise it's going to get nuked... */ + if ( iThs !== 0 ) + { + /* We've got a thead from the DOM, so remove hidden columns and apply width to vis cols */ + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + nTh = oSettings.aoColumns[i].nTh; + nTh.setAttribute('role', 'columnheader'); + if ( oSettings.aoColumns[i].bSortable ) + { + nTh.setAttribute('tabindex', oSettings.iTabIndex); + nTh.setAttribute('aria-controls', oSettings.sTableId); + } + + if ( oSettings.aoColumns[i].sClass !== null ) + { + $(nTh).addClass( oSettings.aoColumns[i].sClass ); + } + + /* Set the title of the column if it is user defined (not what was auto detected) */ + if ( oSettings.aoColumns[i].sTitle != nTh.innerHTML ) + { + nTh.innerHTML = oSettings.aoColumns[i].sTitle; + } + } + } + else + { + /* We don't have a header in the DOM - so we are going to have to create one */ + var nTr = document.createElement( "tr" ); + + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + nTh = oSettings.aoColumns[i].nTh; + nTh.innerHTML = oSettings.aoColumns[i].sTitle; + nTh.setAttribute('tabindex', '0'); + + if ( oSettings.aoColumns[i].sClass !== null ) + { + $(nTh).addClass( oSettings.aoColumns[i].sClass ); + } + + nTr.appendChild( nTh ); + } + $(oSettings.nTHead).html( '' )[0].appendChild( nTr ); + _fnDetectHeader( oSettings.aoHeader, oSettings.nTHead ); + } + + /* ARIA role for the rows */ + $(oSettings.nTHead).children('tr').attr('role', 'row'); + + /* Add the extra markup needed by jQuery UI's themes */ + if ( oSettings.bJUI ) + { + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + nTh = oSettings.aoColumns[i].nTh; + + var nDiv = document.createElement('div'); + nDiv.className = oSettings.oClasses.sSortJUIWrapper; + $(nTh).contents().appendTo(nDiv); + + var nSpan = document.createElement('span'); + nSpan.className = oSettings.oClasses.sSortIcon; + nDiv.appendChild( nSpan ); + nTh.appendChild( nDiv ); + } + } + + if ( oSettings.oFeatures.bSort ) + { + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bSortable !== false ) + { + _fnSortAttachListener( oSettings, oSettings.aoColumns[i].nTh, i ); + } + else + { + $(oSettings.aoColumns[i].nTh).addClass( oSettings.oClasses.sSortableNone ); + } + } + } + + /* Deal with the footer - add classes if required */ + if ( oSettings.oClasses.sFooterTH !== "" ) + { + $(oSettings.nTFoot).children('tr').children('th').addClass( oSettings.oClasses.sFooterTH ); + } + + /* Cache the footer elements */ + if ( oSettings.nTFoot !== null ) + { + var anCells = _fnGetUniqueThs( oSettings, null, oSettings.aoFooter ); + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + if ( anCells[i] ) + { + oSettings.aoColumns[i].nTf = anCells[i]; + if ( oSettings.aoColumns[i].sClass ) + { + $(anCells[i]).addClass( oSettings.aoColumns[i].sClass ); + } + } + } + } +} + + +/** + * Draw the header (or footer) element based on the column visibility states. The + * methodology here is to use the layout array from _fnDetectHeader, modified for + * the instantaneous column visibility, to construct the new layout. The grid is + * traversed over cell at a time in a rows x columns grid fashion, although each + * cell insert can cover multiple elements in the grid - which is tracks using the + * aApplied array. Cell inserts in the grid will only occur where there isn't + * already a cell in that position. + * @param {object} oSettings dataTables settings object + * @param array {objects} aoSource Layout array from _fnDetectHeader + * @param {boolean} [bIncludeHidden=false] If true then include the hidden columns in the calc, + * @memberof DataTable#oApi + */ +function _fnDrawHead( oSettings, aoSource, bIncludeHidden ) +{ + var i, iLen, j, jLen, k, kLen, n, nLocalTr; + var aoLocal = []; + var aApplied = []; + var iColumns = oSettings.aoColumns.length; + var iRowspan, iColspan; + + if ( bIncludeHidden === undefined ) + { + bIncludeHidden = false; + } + + /* Make a copy of the master layout array, but without the visible columns in it */ + for ( i=0, iLen=aoSource.length ; i<iLen ; i++ ) + { + aoLocal[i] = aoSource[i].slice(); + aoLocal[i].nTr = aoSource[i].nTr; + + /* Remove any columns which are currently hidden */ + for ( j=iColumns-1 ; j>=0 ; j-- ) + { + if ( !oSettings.aoColumns[j].bVisible && !bIncludeHidden ) + { + aoLocal[i].splice( j, 1 ); + } + } + + /* Prep the applied array - it needs an element for each row */ + aApplied.push( [] ); + } + + for ( i=0, iLen=aoLocal.length ; i<iLen ; i++ ) + { + nLocalTr = aoLocal[i].nTr; + + /* All cells are going to be replaced, so empty out the row */ + if ( nLocalTr ) + { + while( (n = nLocalTr.firstChild) ) + { + nLocalTr.removeChild( n ); + } + } + + for ( j=0, jLen=aoLocal[i].length ; j<jLen ; j++ ) + { + iRowspan = 1; + iColspan = 1; + + /* Check to see if there is already a cell (row/colspan) covering our target + * insert point. If there is, then there is nothing to do. + */ + if ( aApplied[i][j] === undefined ) + { + nLocalTr.appendChild( aoLocal[i][j].cell ); + aApplied[i][j] = 1; + + /* Expand the cell to cover as many rows as needed */ + while ( aoLocal[i+iRowspan] !== undefined && + aoLocal[i][j].cell == aoLocal[i+iRowspan][j].cell ) + { + aApplied[i+iRowspan][j] = 1; + iRowspan++; + } + + /* Expand the cell to cover as many columns as needed */ + while ( aoLocal[i][j+iColspan] !== undefined && + aoLocal[i][j].cell == aoLocal[i][j+iColspan].cell ) + { + /* Must update the applied array over the rows for the columns */ + for ( k=0 ; k<iRowspan ; k++ ) + { + aApplied[i+k][j+iColspan] = 1; + } + iColspan++; + } + + /* Do the actual expansion in the DOM */ + aoLocal[i][j].cell.rowSpan = iRowspan; + aoLocal[i][j].cell.colSpan = iColspan; + } + } + } +} + + +/** + * Insert the required TR nodes into the table for display + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnDraw( oSettings ) +{ + var i, iLen, n; + var anRows = []; + var iRowCount = 0; + var iStripes = oSettings.asStripeClasses.length; + var iOpenRows = oSettings.aoOpenRows.length; + + /* Provide a pre-callback function which can be used to cancel the draw is false is returned */ + var aPreDraw = _fnCallbackFire( oSettings, 'aoPreDrawCallback', 'preDraw', [oSettings] ); + if ( $.inArray( false, aPreDraw ) !== -1 ) + { + return; + } + + oSettings.bDrawing = true; + + /* Check and see if we have an initial draw position from state saving */ + if ( oSettings.iInitDisplayStart !== undefined && oSettings.iInitDisplayStart != -1 ) + { + if ( oSettings.oFeatures.bServerSide ) + { + oSettings._iDisplayStart = oSettings.iInitDisplayStart; + } + else + { + oSettings._iDisplayStart = (oSettings.iInitDisplayStart >= oSettings.fnRecordsDisplay()) ? + 0 : oSettings.iInitDisplayStart; + } + oSettings.iInitDisplayStart = -1; + _fnCalculateEnd( oSettings ); + } + + /* Server-side processing draw intercept */ + if ( oSettings.bDeferLoading ) + { + oSettings.bDeferLoading = false; + oSettings.iDraw++; + } + else if ( !oSettings.oFeatures.bServerSide ) + { + oSettings.iDraw++; + } + else if ( !oSettings.bDestroying && !_fnAjaxUpdate( oSettings ) ) + { + return; + } + + if ( oSettings.aiDisplay.length !== 0 ) + { + var iStart = oSettings._iDisplayStart; + var iEnd = oSettings._iDisplayEnd; + + if ( oSettings.oFeatures.bServerSide ) + { + iStart = 0; + iEnd = oSettings.aoData.length; + } + + for ( var j=iStart ; j<iEnd ; j++ ) + { + var aoData = oSettings.aoData[ oSettings.aiDisplay[j] ]; + if ( aoData.nTr === null ) + { + _fnCreateTr( oSettings, oSettings.aiDisplay[j] ); + } + + var nRow = aoData.nTr; + + /* Remove the old striping classes and then add the new one */ + if ( iStripes !== 0 ) + { + var sStripe = oSettings.asStripeClasses[ iRowCount % iStripes ]; + if ( aoData._sRowStripe != sStripe ) + { + $(nRow).removeClass( aoData._sRowStripe ).addClass( sStripe ); + aoData._sRowStripe = sStripe; + } + } + + /* Row callback functions - might want to manipule the row */ + _fnCallbackFire( oSettings, 'aoRowCallback', null, + [nRow, oSettings.aoData[ oSettings.aiDisplay[j] ]._aData, iRowCount, j] ); + + anRows.push( nRow ); + iRowCount++; + + /* If there is an open row - and it is attached to this parent - attach it on redraw */ + if ( iOpenRows !== 0 ) + { + for ( var k=0 ; k<iOpenRows ; k++ ) + { + if ( nRow == oSettings.aoOpenRows[k].nParent ) + { + anRows.push( oSettings.aoOpenRows[k].nTr ); + break; + } + } + } + } + } + else + { + /* Table is empty - create a row with an empty message in it */ + anRows[ 0 ] = document.createElement( 'tr' ); + + if ( oSettings.asStripeClasses[0] ) + { + anRows[ 0 ].className = oSettings.asStripeClasses[0]; + } + + var sZero = oSettings.oLanguage.sZeroRecords.replace( + '_MAX_', oSettings.fnFormatNumber(oSettings.fnRecordsTotal()) ); + if ( oSettings.iDraw == 1 && oSettings.sAjaxSource !== null && !oSettings.oFeatures.bServerSide ) + { + sZero = oSettings.oLanguage.sLoadingRecords; + } + else if ( oSettings.oLanguage.sEmptyTable && oSettings.fnRecordsTotal() === 0 ) + { + sZero = oSettings.oLanguage.sEmptyTable; + } + + var nTd = document.createElement( 'td' ); + nTd.setAttribute( 'valign', "top" ); + nTd.colSpan = _fnVisbleColumns( oSettings ); + nTd.className = oSettings.oClasses.sRowEmpty; + nTd.innerHTML = sZero; + + anRows[ iRowCount ].appendChild( nTd ); + } + + /* Header and footer callbacks */ + _fnCallbackFire( oSettings, 'aoHeaderCallback', 'header', [ $(oSettings.nTHead).children('tr')[0], + _fnGetDataMaster( oSettings ), oSettings._iDisplayStart, oSettings.fnDisplayEnd(), oSettings.aiDisplay ] ); + + _fnCallbackFire( oSettings, 'aoFooterCallback', 'footer', [ $(oSettings.nTFoot).children('tr')[0], + _fnGetDataMaster( oSettings ), oSettings._iDisplayStart, oSettings.fnDisplayEnd(), oSettings.aiDisplay ] ); + + /* + * Need to remove any old row from the display - note we can't just empty the tbody using + * $().html('') since this will unbind the jQuery event handlers (even although the node + * still exists!) - equally we can't use innerHTML, since IE throws an exception. + */ + var + nAddFrag = document.createDocumentFragment(), + nRemoveFrag = document.createDocumentFragment(), + nBodyPar, nTrs; + + if ( oSettings.nTBody ) + { + nBodyPar = oSettings.nTBody.parentNode; + nRemoveFrag.appendChild( oSettings.nTBody ); + + /* When doing infinite scrolling, only remove child rows when sorting, filtering or start + * up. When not infinite scroll, always do it. + */ + if ( !oSettings.oScroll.bInfinite || !oSettings._bInitComplete || + oSettings.bSorted || oSettings.bFiltered ) + { + while( (n = oSettings.nTBody.firstChild) ) + { + oSettings.nTBody.removeChild( n ); + } + } + + /* Put the draw table into the dom */ + for ( i=0, iLen=anRows.length ; i<iLen ; i++ ) + { + nAddFrag.appendChild( anRows[i] ); + } + + oSettings.nTBody.appendChild( nAddFrag ); + if ( nBodyPar !== null ) + { + nBodyPar.appendChild( oSettings.nTBody ); + } + } + + /* Call all required callback functions for the end of a draw */ + _fnCallbackFire( oSettings, 'aoDrawCallback', 'draw', [oSettings] ); + + /* Draw is complete, sorting and filtering must be as well */ + oSettings.bSorted = false; + oSettings.bFiltered = false; + oSettings.bDrawing = false; + + if ( oSettings.oFeatures.bServerSide ) + { + _fnProcessingDisplay( oSettings, false ); + if ( !oSettings._bInitComplete ) + { + _fnInitComplete( oSettings ); + } + } +} + + +/** + * Redraw the table - taking account of the various features which are enabled + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnReDraw( oSettings ) +{ + if ( oSettings.oFeatures.bSort ) + { + /* Sorting will refilter and draw for us */ + _fnSort( oSettings, oSettings.oPreviousSearch ); + } + else if ( oSettings.oFeatures.bFilter ) + { + /* Filtering will redraw for us */ + _fnFilterComplete( oSettings, oSettings.oPreviousSearch ); + } + else + { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } +} + + +/** + * Add the options to the page HTML for the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnAddOptionsHtml ( oSettings ) +{ + /* + * Create a temporary, empty, div which we can later on replace with what we have generated + * we do it this way to rendering the 'options' html offline - speed :-) + */ + var nHolding = $('<div></div>')[0]; + oSettings.nTable.parentNode.insertBefore( nHolding, oSettings.nTable ); + + /* + * All DataTables are wrapped in a div + */ + oSettings.nTableWrapper = $('<div id="'+oSettings.sTableId+'_wrapper" class="'+oSettings.oClasses.sWrapper+'" role="grid"></div>')[0]; + oSettings.nTableReinsertBefore = oSettings.nTable.nextSibling; + + /* Track where we want to insert the option */ + var nInsertNode = oSettings.nTableWrapper; + + /* Loop over the user set positioning and place the elements as needed */ + var aDom = oSettings.sDom.split(''); + var nTmp, iPushFeature, cOption, nNewNode, cNext, sAttr, j; + for ( var i=0 ; i<aDom.length ; i++ ) + { + iPushFeature = 0; + cOption = aDom[i]; + + if ( cOption == '<' ) + { + /* New container div */ + nNewNode = $('<div></div>')[0]; + + /* Check to see if we should append an id and/or a class name to the container */ + cNext = aDom[i+1]; + if ( cNext == "'" || cNext == '"' ) + { + sAttr = ""; + j = 2; + while ( aDom[i+j] != cNext ) + { + sAttr += aDom[i+j]; + j++; + } + + /* Replace jQuery UI constants */ + if ( sAttr == "H" ) + { + sAttr = "fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"; + } + else if ( sAttr == "F" ) + { + sAttr = "fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"; + } + + /* The attribute can be in the format of "#id.class", "#id" or "class" This logic + * breaks the string into parts and applies them as needed + */ + if ( sAttr.indexOf('.') != -1 ) + { + var aSplit = sAttr.split('.'); + nNewNode.id = aSplit[0].substr(1, aSplit[0].length-1); + nNewNode.className = aSplit[1]; + } + else if ( sAttr.charAt(0) == "#" ) + { + nNewNode.id = sAttr.substr(1, sAttr.length-1); + } + else + { + nNewNode.className = sAttr; + } + + i += j; /* Move along the position array */ + } + + nInsertNode.appendChild( nNewNode ); + nInsertNode = nNewNode; + } + else if ( cOption == '>' ) + { + /* End container div */ + nInsertNode = nInsertNode.parentNode; + } + else if ( cOption == 'l' && oSettings.oFeatures.bPaginate && oSettings.oFeatures.bLengthChange ) + { + /* Length */ + nTmp = _fnFeatureHtmlLength( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 'f' && oSettings.oFeatures.bFilter ) + { + /* Filter */ + nTmp = _fnFeatureHtmlFilter( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 'r' && oSettings.oFeatures.bProcessing ) + { + /* pRocessing */ + nTmp = _fnFeatureHtmlProcessing( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 't' ) + { + /* Table */ + nTmp = _fnFeatureHtmlTable( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 'i' && oSettings.oFeatures.bInfo ) + { + /* Info */ + nTmp = _fnFeatureHtmlInfo( oSettings ); + iPushFeature = 1; + } + else if ( cOption == 'p' && oSettings.oFeatures.bPaginate ) + { + /* Pagination */ + nTmp = _fnFeatureHtmlPaginate( oSettings ); + iPushFeature = 1; + } + else if ( DataTable.ext.aoFeatures.length !== 0 ) + { + /* Plug-in features */ + var aoFeatures = DataTable.ext.aoFeatures; + for ( var k=0, kLen=aoFeatures.length ; k<kLen ; k++ ) + { + if ( cOption == aoFeatures[k].cFeature ) + { + nTmp = aoFeatures[k].fnInit( oSettings ); + if ( nTmp ) + { + iPushFeature = 1; + } + break; + } + } + } + + /* Add to the 2D features array */ + if ( iPushFeature == 1 && nTmp !== null ) + { + if ( typeof oSettings.aanFeatures[cOption] !== 'object' ) + { + oSettings.aanFeatures[cOption] = []; + } + oSettings.aanFeatures[cOption].push( nTmp ); + nInsertNode.appendChild( nTmp ); + } + } + + /* Built our DOM structure - replace the holding div with what we want */ + nHolding.parentNode.replaceChild( oSettings.nTableWrapper, nHolding ); +} + + +/** + * Use the DOM source to create up an array of header cells. The idea here is to + * create a layout grid (array) of rows x columns, which contains a reference + * to the cell that that point in the grid (regardless of col/rowspan), such that + * any column / row could be removed and the new grid constructed + * @param array {object} aLayout Array to store the calculated layout in + * @param {node} nThead The header/footer element for the table + * @memberof DataTable#oApi + */ +function _fnDetectHeader ( aLayout, nThead ) +{ + var nTrs = $(nThead).children('tr'); + var nCell; + var i, j, k, l, iLen, jLen, iColShifted; + var fnShiftCol = function ( a, i, j ) { + while ( a[i][j] ) { + j++; + } + return j; + }; + + aLayout.splice( 0, aLayout.length ); + + /* We know how many rows there are in the layout - so prep it */ + for ( i=0, iLen=nTrs.length ; i<iLen ; i++ ) + { + aLayout.push( [] ); + } + + /* Calculate a layout array */ + for ( i=0, iLen=nTrs.length ; i<iLen ; i++ ) + { + var iColumn = 0; + + /* For every cell in the row... */ + for ( j=0, jLen=nTrs[i].childNodes.length ; j<jLen ; j++ ) + { + nCell = nTrs[i].childNodes[j]; + + if ( nCell.nodeName.toUpperCase() == "TD" || + nCell.nodeName.toUpperCase() == "TH" ) + { + /* Get the col and rowspan attributes from the DOM and sanitise them */ + var iColspan = nCell.getAttribute('colspan') * 1; + var iRowspan = nCell.getAttribute('rowspan') * 1; + iColspan = (!iColspan || iColspan===0 || iColspan===1) ? 1 : iColspan; + iRowspan = (!iRowspan || iRowspan===0 || iRowspan===1) ? 1 : iRowspan; + + /* There might be colspan cells already in this row, so shift our target + * accordingly + */ + iColShifted = fnShiftCol( aLayout, i, iColumn ); + + /* If there is col / rowspan, copy the information into the layout grid */ + for ( l=0 ; l<iColspan ; l++ ) + { + for ( k=0 ; k<iRowspan ; k++ ) + { + aLayout[i+k][iColShifted+l] = { + "cell": nCell, + "unique": iColspan == 1 ? true : false + }; + aLayout[i+k].nTr = nTrs[i]; + } + } + } + } + } +} + + +/** + * Get an array of unique th elements, one for each column + * @param {object} oSettings dataTables settings object + * @param {node} nHeader automatically detect the layout from this node - optional + * @param {array} aLayout thead/tfoot layout from _fnDetectHeader - optional + * @returns array {node} aReturn list of unique ths + * @memberof DataTable#oApi + */ +function _fnGetUniqueThs ( oSettings, nHeader, aLayout ) +{ + var aReturn = []; + if ( !aLayout ) + { + aLayout = oSettings.aoHeader; + if ( nHeader ) + { + aLayout = []; + _fnDetectHeader( aLayout, nHeader ); + } + } + + for ( var i=0, iLen=aLayout.length ; i<iLen ; i++ ) + { + for ( var j=0, jLen=aLayout[i].length ; j<jLen ; j++ ) + { + if ( aLayout[i][j].unique && + (!aReturn[j] || !oSettings.bSortCellsTop) ) + { + aReturn[j] = aLayout[i][j].cell; + } + } + } + + return aReturn; +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.filter.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.filter.js new file mode 100644 index 0000000000000000000000000000000000000000..4dd05bf135b3da02a51a80ef46da9412afd30161 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.filter.js @@ -0,0 +1,398 @@ + + +/** + * Generate the node required for filtering text + * @returns {node} Filter control element + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnFeatureHtmlFilter ( oSettings ) +{ + var oPreviousSearch = oSettings.oPreviousSearch; + + var sSearchStr = oSettings.oLanguage.sSearch; + sSearchStr = (sSearchStr.indexOf('_INPUT_') !== -1) ? + sSearchStr.replace('_INPUT_', '<input type="text" />') : + sSearchStr==="" ? '<input type="text" />' : sSearchStr+' <input type="text" />'; + + var nFilter = document.createElement( 'div' ); + nFilter.className = oSettings.oClasses.sFilter; + nFilter.innerHTML = '<label>'+sSearchStr+'</label>'; + if ( !oSettings.aanFeatures.f ) + { + nFilter.id = oSettings.sTableId+'_filter'; + } + + var jqFilter = $("input", nFilter); + jqFilter.val( oPreviousSearch.sSearch.replace('"','"') ); + jqFilter.bind( 'keyup.DT', function(e) { + /* Update all other filter input elements for the new display */ + var n = oSettings.aanFeatures.f; + for ( var i=0, iLen=n.length ; i<iLen ; i++ ) + { + if ( n[i] != $(this).parents('div.dataTables_filter')[0] ) + { + $('input', n[i]).val( this.value ); + } + } + + /* Now do the filter */ + if ( this.value != oPreviousSearch.sSearch ) + { + _fnFilterComplete( oSettings, { + "sSearch": this.value, + "bRegex": oPreviousSearch.bRegex, + "bSmart": oPreviousSearch.bSmart , + "bCaseInsensitive": oPreviousSearch.bCaseInsensitive + } ); + } + } ); + + jqFilter + .attr('aria-controls', oSettings.sTableId) + .bind( 'keypress.DT', function(e) { + /* Prevent form submission */ + if ( e.keyCode == 13 ) + { + return false; + } + } + ); + + return nFilter; +} + + +/** + * Filter the table using both the global filter and column based filtering + * @param {object} oSettings dataTables settings object + * @param {object} oSearch search information + * @param {int} [iForce] force a research of the master array (1) or not (undefined or 0) + * @memberof DataTable#oApi + */ +function _fnFilterComplete ( oSettings, oInput, iForce ) +{ + var oPrevSearch = oSettings.oPreviousSearch; + var aoPrevSearch = oSettings.aoPreSearchCols; + var fnSaveFilter = function ( oFilter ) { + /* Save the filtering values */ + oPrevSearch.sSearch = oFilter.sSearch; + oPrevSearch.bRegex = oFilter.bRegex; + oPrevSearch.bSmart = oFilter.bSmart; + oPrevSearch.bCaseInsensitive = oFilter.bCaseInsensitive; + }; + + /* In server-side processing all filtering is done by the server, so no point hanging around here */ + if ( !oSettings.oFeatures.bServerSide ) + { + /* Global filter */ + _fnFilter( oSettings, oInput.sSearch, iForce, oInput.bRegex, oInput.bSmart, oInput.bCaseInsensitive ); + fnSaveFilter( oInput ); + + /* Now do the individual column filter */ + for ( var i=0 ; i<oSettings.aoPreSearchCols.length ; i++ ) + { + _fnFilterColumn( oSettings, aoPrevSearch[i].sSearch, i, aoPrevSearch[i].bRegex, + aoPrevSearch[i].bSmart, aoPrevSearch[i].bCaseInsensitive ); + } + + /* Custom filtering */ + _fnFilterCustom( oSettings ); + } + else + { + fnSaveFilter( oInput ); + } + + /* Tell the draw function we have been filtering */ + oSettings.bFiltered = true; + $(oSettings.oInstance).trigger('filter', oSettings); + + /* Redraw the table */ + oSettings._iDisplayStart = 0; + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + + /* Rebuild search array 'offline' */ + _fnBuildSearchArray( oSettings, 0 ); +} + + +/** + * Apply custom filtering functions + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnFilterCustom( oSettings ) +{ + var afnFilters = DataTable.ext.afnFiltering; + for ( var i=0, iLen=afnFilters.length ; i<iLen ; i++ ) + { + var iCorrector = 0; + for ( var j=0, jLen=oSettings.aiDisplay.length ; j<jLen ; j++ ) + { + var iDisIndex = oSettings.aiDisplay[j-iCorrector]; + + /* Check if we should use this row based on the filtering function */ + if ( !afnFilters[i]( oSettings, _fnGetRowData( oSettings, iDisIndex, 'filter' ), iDisIndex ) ) + { + oSettings.aiDisplay.splice( j-iCorrector, 1 ); + iCorrector++; + } + } + } +} + + +/** + * Filter the table on a per-column basis + * @param {object} oSettings dataTables settings object + * @param {string} sInput string to filter on + * @param {int} iColumn column to filter + * @param {bool} bRegex treat search string as a regular expression or not + * @param {bool} bSmart use smart filtering or not + * @param {bool} bCaseInsensitive Do case insenstive matching or not + * @memberof DataTable#oApi + */ +function _fnFilterColumn ( oSettings, sInput, iColumn, bRegex, bSmart, bCaseInsensitive ) +{ + if ( sInput === "" ) + { + return; + } + + var iIndexCorrector = 0; + var rpSearch = _fnFilterCreateSearch( sInput, bRegex, bSmart, bCaseInsensitive ); + + for ( var i=oSettings.aiDisplay.length-1 ; i>=0 ; i-- ) + { + var sData = _fnDataToSearch( _fnGetCellData( oSettings, oSettings.aiDisplay[i], iColumn, 'filter' ), + oSettings.aoColumns[iColumn].sType ); + if ( ! rpSearch.test( sData ) ) + { + oSettings.aiDisplay.splice( i, 1 ); + iIndexCorrector++; + } + } +} + + +/** + * Filter the data table based on user input and draw the table + * @param {object} oSettings dataTables settings object + * @param {string} sInput string to filter on + * @param {int} iForce optional - force a research of the master array (1) or not (undefined or 0) + * @param {bool} bRegex treat as a regular expression or not + * @param {bool} bSmart perform smart filtering or not + * @param {bool} bCaseInsensitive Do case insenstive matching or not + * @memberof DataTable#oApi + */ +function _fnFilter( oSettings, sInput, iForce, bRegex, bSmart, bCaseInsensitive ) +{ + var i; + var rpSearch = _fnFilterCreateSearch( sInput, bRegex, bSmart, bCaseInsensitive ); + var oPrevSearch = oSettings.oPreviousSearch; + + /* Check if we are forcing or not - optional parameter */ + if ( !iForce ) + { + iForce = 0; + } + + /* Need to take account of custom filtering functions - always filter */ + if ( DataTable.ext.afnFiltering.length !== 0 ) + { + iForce = 1; + } + + /* + * If the input is blank - we want the full data set + */ + if ( sInput.length <= 0 ) + { + oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length); + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + } + else + { + /* + * We are starting a new search or the new search string is smaller + * then the old one (i.e. delete). Search from the master array + */ + if ( oSettings.aiDisplay.length == oSettings.aiDisplayMaster.length || + oPrevSearch.sSearch.length > sInput.length || iForce == 1 || + sInput.indexOf(oPrevSearch.sSearch) !== 0 ) + { + /* Nuke the old display array - we are going to rebuild it */ + oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length); + + /* Force a rebuild of the search array */ + _fnBuildSearchArray( oSettings, 1 ); + + /* Search through all records to populate the search array + * The the oSettings.aiDisplayMaster and asDataSearch arrays have 1 to 1 + * mapping + */ + for ( i=0 ; i<oSettings.aiDisplayMaster.length ; i++ ) + { + if ( rpSearch.test(oSettings.asDataSearch[i]) ) + { + oSettings.aiDisplay.push( oSettings.aiDisplayMaster[i] ); + } + } + } + else + { + /* Using old search array - refine it - do it this way for speed + * Don't have to search the whole master array again + */ + var iIndexCorrector = 0; + + /* Search the current results */ + for ( i=0 ; i<oSettings.asDataSearch.length ; i++ ) + { + if ( ! rpSearch.test(oSettings.asDataSearch[i]) ) + { + oSettings.aiDisplay.splice( i-iIndexCorrector, 1 ); + iIndexCorrector++; + } + } + } + } +} + + +/** + * Create an array which can be quickly search through + * @param {object} oSettings dataTables settings object + * @param {int} iMaster use the master data array - optional + * @memberof DataTable#oApi + */ +function _fnBuildSearchArray ( oSettings, iMaster ) +{ + if ( !oSettings.oFeatures.bServerSide ) + { + /* Clear out the old data */ + oSettings.asDataSearch.splice( 0, oSettings.asDataSearch.length ); + + var aArray = (iMaster && iMaster===1) ? + oSettings.aiDisplayMaster : oSettings.aiDisplay; + + for ( var i=0, iLen=aArray.length ; i<iLen ; i++ ) + { + oSettings.asDataSearch[i] = _fnBuildSearchRow( oSettings, + _fnGetRowData( oSettings, aArray[i], 'filter' ) ); + } + } +} + + +/** + * Create a searchable string from a single data row + * @param {object} oSettings dataTables settings object + * @param {array} aData Row data array to use for the data to search + * @memberof DataTable#oApi + */ +function _fnBuildSearchRow( oSettings, aData ) +{ + var sSearch = ''; + if ( oSettings.__nTmpFilter === undefined ) + { + oSettings.__nTmpFilter = document.createElement('div'); + } + var nTmp = oSettings.__nTmpFilter; + + for ( var j=0, jLen=oSettings.aoColumns.length ; j<jLen ; j++ ) + { + if ( oSettings.aoColumns[j].bSearchable ) + { + var sData = aData[j]; + sSearch += _fnDataToSearch( sData, oSettings.aoColumns[j].sType )+' '; + } + } + + /* If it looks like there is an HTML entity in the string, attempt to decode it */ + if ( sSearch.indexOf('&') !== -1 ) + { + nTmp.innerHTML = sSearch; + sSearch = nTmp.textContent ? nTmp.textContent : nTmp.innerText; + + /* IE and Opera appear to put an newline where there is a <br> tag - remove it */ + sSearch = sSearch.replace(/\n/g," ").replace(/\r/g,""); + } + + return sSearch; +} + +/** + * Build a regular expression object suitable for searching a table + * @param {string} sSearch string to search for + * @param {bool} bRegex treat as a regular expression or not + * @param {bool} bSmart perform smart filtering or not + * @param {bool} bCaseInsensitive Do case insenstive matching or not + * @returns {RegExp} constructed object + * @memberof DataTable#oApi + */ +function _fnFilterCreateSearch( sSearch, bRegex, bSmart, bCaseInsensitive ) +{ + var asSearch, sRegExpString; + + if ( bSmart ) + { + /* Generate the regular expression to use. Something along the lines of: + * ^(?=.*?\bone\b)(?=.*?\btwo\b)(?=.*?\bthree\b).*$ + */ + asSearch = bRegex ? sSearch.split( ' ' ) : _fnEscapeRegex( sSearch ).split( ' ' ); + sRegExpString = '^(?=.*?'+asSearch.join( ')(?=.*?' )+').*$'; + return new RegExp( sRegExpString, bCaseInsensitive ? "i" : "" ); + } + else + { + sSearch = bRegex ? sSearch : _fnEscapeRegex( sSearch ); + return new RegExp( sSearch, bCaseInsensitive ? "i" : "" ); + } +} + + +/** + * Convert raw data into something that the user can search on + * @param {string} sData data to be modified + * @param {string} sType data type + * @returns {string} search string + * @memberof DataTable#oApi + */ +function _fnDataToSearch ( sData, sType ) +{ + if ( typeof DataTable.ext.ofnSearch[sType] === "function" ) + { + return DataTable.ext.ofnSearch[sType]( sData ); + } + else if ( sType == "html" ) + { + return sData.replace(/[\r\n]/g," ").replace( /<.*?>/g, "" ); + } + else if ( typeof sData === "string" ) + { + return sData.replace(/[\r\n]/g," "); + } + else if ( sData === null ) + { + return ''; + } + return sData; +} + + +/** + * scape a string stuch that it can be used in a regular expression + * @param {string} sVal string to escape + * @returns {string} escaped string + * @memberof DataTable#oApi + */ +function _fnEscapeRegex ( sVal ) +{ + var acEscape = [ '/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\', '$', '^' ]; + var reReplace = new RegExp( '(\\' + acEscape.join('|\\') + ')', 'g' ); + return sVal.replace(reReplace, '\\$1'); +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.info.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.info.js new file mode 100644 index 0000000000000000000000000000000000000000..97d6e9e143e98ff04d90d92a3185bc58e032ecbe --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.info.js @@ -0,0 +1,106 @@ + + +/** + * Generate the node required for the info display + * @param {object} oSettings dataTables settings object + * @returns {node} Information element + * @memberof DataTable#oApi + */ +function _fnFeatureHtmlInfo ( oSettings ) +{ + var nInfo = document.createElement( 'div' ); + nInfo.className = oSettings.oClasses.sInfo; + + /* Actions that are to be taken once only for this feature */ + if ( !oSettings.aanFeatures.i ) + { + /* Add draw callback */ + oSettings.aoDrawCallback.push( { + "fn": _fnUpdateInfo, + "sName": "information" + } ); + + /* Add id */ + nInfo.id = oSettings.sTableId+'_info'; + } + oSettings.nTable.setAttribute( 'aria-describedby', oSettings.sTableId+'_info' ); + + return nInfo; +} + + +/** + * Update the information elements in the display + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnUpdateInfo ( oSettings ) +{ + /* Show information about the table */ + if ( !oSettings.oFeatures.bInfo || oSettings.aanFeatures.i.length === 0 ) + { + return; + } + + var + iStart = oSettings._iDisplayStart+1, iEnd = oSettings.fnDisplayEnd(), + iMax = oSettings.fnRecordsTotal(), iTotal = oSettings.fnRecordsDisplay(), + sStart = oSettings.fnFormatNumber( iStart ), sEnd = oSettings.fnFormatNumber( iEnd ), + sMax = oSettings.fnFormatNumber( iMax ), sTotal = oSettings.fnFormatNumber( iTotal ), + sOut; + + /* When infinite scrolling, we are always starting at 1. _iDisplayStart is used only + * internally + */ + if ( oSettings.oScroll.bInfinite ) + { + sStart = oSettings.fnFormatNumber( 1 ); + } + + if ( oSettings.fnRecordsDisplay() === 0 && + oSettings.fnRecordsDisplay() == oSettings.fnRecordsTotal() ) + { + /* Empty record set */ + sOut = oSettings.oLanguage.sInfoEmpty+ oSettings.oLanguage.sInfoPostFix; + } + else if ( oSettings.fnRecordsDisplay() === 0 ) + { + /* Rmpty record set after filtering */ + sOut = oSettings.oLanguage.sInfoEmpty +' '+ + oSettings.oLanguage.sInfoFiltered.replace('_MAX_', sMax)+ + oSettings.oLanguage.sInfoPostFix; + } + else if ( oSettings.fnRecordsDisplay() == oSettings.fnRecordsTotal() ) + { + /* Normal record set */ + sOut = oSettings.oLanguage.sInfo. + replace('_START_', sStart). + replace('_END_', sEnd). + replace('_TOTAL_', sTotal)+ + oSettings.oLanguage.sInfoPostFix; + } + else + { + /* Record set after filtering */ + sOut = oSettings.oLanguage.sInfo. + replace('_START_', sStart). + replace('_END_', sEnd). + replace('_TOTAL_', sTotal) +' '+ + oSettings.oLanguage.sInfoFiltered.replace('_MAX_', + oSettings.fnFormatNumber(oSettings.fnRecordsTotal()))+ + oSettings.oLanguage.sInfoPostFix; + } + + if ( oSettings.oLanguage.fnInfoCallback !== null ) + { + sOut = oSettings.oLanguage.fnInfoCallback.call( oSettings.oInstance, + oSettings, iStart, iEnd, iMax, iTotal, sOut ); + } + + var n = oSettings.aanFeatures.i; + for ( var i=0, iLen=n.length ; i<iLen ; i++ ) + { + $(n[i]).html( sOut ); + } +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.init.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.init.js new file mode 100644 index 0000000000000000000000000000000000000000..6d798688fdbf6ccbc86306867193b6303e63524d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.init.js @@ -0,0 +1,149 @@ + + +/** + * Draw the table for the first time, adding all required features + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnInitialise ( oSettings ) +{ + var i, iLen, iAjaxStart=oSettings.iInitDisplayStart; + + /* Ensure that the table data is fully initialised */ + if ( oSettings.bInitialised === false ) + { + setTimeout( function(){ _fnInitialise( oSettings ); }, 200 ); + return; + } + + /* Show the display HTML options */ + _fnAddOptionsHtml( oSettings ); + + /* Build and draw the header / footer for the table */ + _fnBuildHead( oSettings ); + _fnDrawHead( oSettings, oSettings.aoHeader ); + if ( oSettings.nTFoot ) + { + _fnDrawHead( oSettings, oSettings.aoFooter ); + } + + /* Okay to show that something is going on now */ + _fnProcessingDisplay( oSettings, true ); + + /* Calculate sizes for columns */ + if ( oSettings.oFeatures.bAutoWidth ) + { + _fnCalculateColumnWidths( oSettings ); + } + + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + if ( oSettings.aoColumns[i].sWidth !== null ) + { + oSettings.aoColumns[i].nTh.style.width = _fnStringToCss( oSettings.aoColumns[i].sWidth ); + } + } + + /* If there is default sorting required - let's do it. The sort function will do the + * drawing for us. Otherwise we draw the table regardless of the Ajax source - this allows + * the table to look initialised for Ajax sourcing data (show 'loading' message possibly) + */ + if ( oSettings.oFeatures.bSort ) + { + _fnSort( oSettings ); + } + else if ( oSettings.oFeatures.bFilter ) + { + _fnFilterComplete( oSettings, oSettings.oPreviousSearch ); + } + else + { + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + + /* if there is an ajax source load the data */ + if ( oSettings.sAjaxSource !== null && !oSettings.oFeatures.bServerSide ) + { + var aoData = []; + _fnServerParams( oSettings, aoData ); + oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aoData, function(json) { + var aData = (oSettings.sAjaxDataProp !== "") ? + _fnGetObjectDataFn( oSettings.sAjaxDataProp )(json) : json; + + /* Got the data - add it to the table */ + for ( i=0 ; i<aData.length ; i++ ) + { + _fnAddData( oSettings, aData[i] ); + } + + /* Reset the init display for cookie saving. We've already done a filter, and + * therefore cleared it before. So we need to make it appear 'fresh' + */ + oSettings.iInitDisplayStart = iAjaxStart; + + if ( oSettings.oFeatures.bSort ) + { + _fnSort( oSettings ); + } + else + { + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + + _fnProcessingDisplay( oSettings, false ); + _fnInitComplete( oSettings, json ); + }, oSettings ); + return; + } + + /* Server-side processing initialisation complete is done at the end of _fnDraw */ + if ( !oSettings.oFeatures.bServerSide ) + { + _fnProcessingDisplay( oSettings, false ); + _fnInitComplete( oSettings ); + } +} + + +/** + * Draw the table for the first time, adding all required features + * @param {object} oSettings dataTables settings object + * @param {object} [json] JSON from the server that completed the table, if using Ajax source + * with client-side processing (optional) + * @memberof DataTable#oApi + */ +function _fnInitComplete ( oSettings, json ) +{ + oSettings._bInitComplete = true; + _fnCallbackFire( oSettings, 'aoInitComplete', 'init', [oSettings, json] ); +} + + +/** + * Language compatibility - when certain options are given, and others aren't, we + * need to duplicate the values over, in order to provide backwards compatibility + * with older language files. + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnLanguageCompat( oLanguage ) +{ + /* Backwards compatibility - if there is no sEmptyTable given, then use the same as + * sZeroRecords - assuming that is given. + */ + if ( !oLanguage.sEmptyTable && oLanguage.sZeroRecords ) + { + _fnMap( oLanguage, oLanguage, 'sZeroRecords', 'sEmptyTable' ); + } + + /* Likewise with loading records */ + if ( !oLanguage.sLoadingRecords && oLanguage.sZeroRecords ) + { + _fnMap( oLanguage, oLanguage, 'sZeroRecords', 'sLoadingRecords' ); + } +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.length.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.length.js new file mode 100644 index 0000000000000000000000000000000000000000..ecdb46bb48c2ad866d6294c224ce5b7594714875 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.length.js @@ -0,0 +1,122 @@ + + +/** + * Generate the node required for user display length changing + * @param {object} oSettings dataTables settings object + * @returns {node} Display length feature node + * @memberof DataTable#oApi + */ +function _fnFeatureHtmlLength ( oSettings ) +{ + if ( oSettings.oScroll.bInfinite ) + { + return null; + } + + /* This can be overruled by not using the _MENU_ var/macro in the language variable */ + var sName = 'name="'+oSettings.sTableId+'_length"'; + var sStdMenu = '<select size="1" '+sName+'>'; + var i, iLen; + var aLengthMenu = oSettings.aLengthMenu; + + if ( aLengthMenu.length == 2 && typeof aLengthMenu[0] === 'object' && + typeof aLengthMenu[1] === 'object' ) + { + for ( i=0, iLen=aLengthMenu[0].length ; i<iLen ; i++ ) + { + sStdMenu += '<option value="'+aLengthMenu[0][i]+'">'+aLengthMenu[1][i]+'</option>'; + } + } + else + { + for ( i=0, iLen=aLengthMenu.length ; i<iLen ; i++ ) + { + sStdMenu += '<option value="'+aLengthMenu[i]+'">'+aLengthMenu[i]+'</option>'; + } + } + sStdMenu += '</select>'; + + var nLength = document.createElement( 'div' ); + if ( !oSettings.aanFeatures.l ) + { + nLength.id = oSettings.sTableId+'_length'; + } + nLength.className = oSettings.oClasses.sLength; + nLength.innerHTML = '<label>'+oSettings.oLanguage.sLengthMenu.replace( '_MENU_', sStdMenu )+'</label>'; + + /* + * Set the length to the current display length - thanks to Andrea Pavlovic for this fix, + * and Stefan Skopnik for fixing the fix! + */ + $('select option[value="'+oSettings._iDisplayLength+'"]', nLength).attr("selected", true); + + $('select', nLength).bind( 'change.DT', function(e) { + var iVal = $(this).val(); + + /* Update all other length options for the new display */ + var n = oSettings.aanFeatures.l; + for ( i=0, iLen=n.length ; i<iLen ; i++ ) + { + if ( n[i] != this.parentNode ) + { + $('select', n[i]).val( iVal ); + } + } + + /* Redraw the table */ + oSettings._iDisplayLength = parseInt(iVal, 10); + _fnCalculateEnd( oSettings ); + + /* If we have space to show extra rows (backing up from the end point - then do so */ + if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) + { + oSettings._iDisplayStart = oSettings.fnDisplayEnd() - oSettings._iDisplayLength; + if ( oSettings._iDisplayStart < 0 ) + { + oSettings._iDisplayStart = 0; + } + } + + if ( oSettings._iDisplayLength == -1 ) + { + oSettings._iDisplayStart = 0; + } + + _fnDraw( oSettings ); + } ); + + + $('select', nLength).attr('aria-controls', oSettings.sTableId); + + return nLength; +} + + +/** + * Rcalculate the end point based on the start point + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnCalculateEnd( oSettings ) +{ + if ( oSettings.oFeatures.bPaginate === false ) + { + oSettings._iDisplayEnd = oSettings.aiDisplay.length; + } + else + { + /* Set the end point of the display - based on how many elements there are + * still to display + */ + if ( oSettings._iDisplayStart + oSettings._iDisplayLength > oSettings.aiDisplay.length || + oSettings._iDisplayLength == -1 ) + { + oSettings._iDisplayEnd = oSettings.aiDisplay.length; + } + else + { + oSettings._iDisplayEnd = oSettings._iDisplayStart + oSettings._iDisplayLength; + } + } +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.page.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.page.js new file mode 100644 index 0000000000000000000000000000000000000000..c652da8cf2045a8d0d94cdb875b571a867d71a55 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.page.js @@ -0,0 +1,119 @@ + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Note that most of the paging logic is done in + * DataTable.ext.oPagination + */ + +/** + * Generate the node required for default pagination + * @param {object} oSettings dataTables settings object + * @returns {node} Pagination feature node + * @memberof DataTable#oApi + */ +function _fnFeatureHtmlPaginate ( oSettings ) +{ + if ( oSettings.oScroll.bInfinite ) + { + return null; + } + + var nPaginate = document.createElement( 'div' ); + nPaginate.className = oSettings.oClasses.sPaging+oSettings.sPaginationType; + + DataTable.ext.oPagination[ oSettings.sPaginationType ].fnInit( oSettings, nPaginate, + function( oSettings ) { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + ); + + /* Add a draw callback for the pagination on first instance, to update the paging display */ + if ( !oSettings.aanFeatures.p ) + { + oSettings.aoDrawCallback.push( { + "fn": function( oSettings ) { + DataTable.ext.oPagination[ oSettings.sPaginationType ].fnUpdate( oSettings, function( oSettings ) { + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } ); + }, + "sName": "pagination" + } ); + } + return nPaginate; +} + + +/** + * Alter the display settings to change the page + * @param {object} oSettings dataTables settings object + * @param {string|int} mAction Paging action to take: "first", "previous", "next" or "last" + * or page number to jump to (integer) + * @returns {bool} true page has changed, false - no change (no effect) eg 'first' on page 1 + * @memberof DataTable#oApi + */ +function _fnPageChange ( oSettings, mAction ) +{ + var iOldStart = oSettings._iDisplayStart; + + if ( typeof mAction === "number" ) + { + oSettings._iDisplayStart = mAction * oSettings._iDisplayLength; + if ( oSettings._iDisplayStart > oSettings.fnRecordsDisplay() ) + { + oSettings._iDisplayStart = 0; + } + } + else if ( mAction == "first" ) + { + oSettings._iDisplayStart = 0; + } + else if ( mAction == "previous" ) + { + oSettings._iDisplayStart = oSettings._iDisplayLength>=0 ? + oSettings._iDisplayStart - oSettings._iDisplayLength : + 0; + + /* Correct for underrun */ + if ( oSettings._iDisplayStart < 0 ) + { + oSettings._iDisplayStart = 0; + } + } + else if ( mAction == "next" ) + { + if ( oSettings._iDisplayLength >= 0 ) + { + /* Make sure we are not over running the display array */ + if ( oSettings._iDisplayStart + oSettings._iDisplayLength < oSettings.fnRecordsDisplay() ) + { + oSettings._iDisplayStart += oSettings._iDisplayLength; + } + } + else + { + oSettings._iDisplayStart = 0; + } + } + else if ( mAction == "last" ) + { + if ( oSettings._iDisplayLength >= 0 ) + { + var iPages = parseInt( (oSettings.fnRecordsDisplay()-1) / oSettings._iDisplayLength, 10 ) + 1; + oSettings._iDisplayStart = (iPages-1) * oSettings._iDisplayLength; + } + else + { + oSettings._iDisplayStart = 0; + } + } + else + { + _fnLog( oSettings, 0, "Unknown paging action: "+mAction ); + } + $(oSettings.oInstance).trigger('page', oSettings); + + return iOldStart != oSettings._iDisplayStart; +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.processing.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.processing.js new file mode 100644 index 0000000000000000000000000000000000000000..8d29f6f5c5e84542c42f1a3516c9a25af65fd6f5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.processing.js @@ -0,0 +1,44 @@ + + +/** + * Generate the node required for the processing node + * @param {object} oSettings dataTables settings object + * @returns {node} Processing element + * @memberof DataTable#oApi + */ +function _fnFeatureHtmlProcessing ( oSettings ) +{ + var nProcessing = document.createElement( 'div' ); + + if ( !oSettings.aanFeatures.r ) + { + nProcessing.id = oSettings.sTableId+'_processing'; + } + nProcessing.innerHTML = oSettings.oLanguage.sProcessing; + nProcessing.className = oSettings.oClasses.sProcessing; + oSettings.nTable.parentNode.insertBefore( nProcessing, oSettings.nTable ); + + return nProcessing; +} + + +/** + * Display or hide the processing indicator + * @param {object} oSettings dataTables settings object + * @param {bool} bShow Show the processing indicator (true) or not (false) + * @memberof DataTable#oApi + */ +function _fnProcessingDisplay ( oSettings, bShow ) +{ + if ( oSettings.oFeatures.bProcessing ) + { + var an = oSettings.aanFeatures.r; + for ( var i=0, iLen=an.length ; i<iLen ; i++ ) + { + an[i].style.visibility = bShow ? "visible" : "hidden"; + } + } + + $(oSettings.oInstance).trigger('processing', [oSettings, bShow]); +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.scrolling.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.scrolling.js new file mode 100644 index 0000000000000000000000000000000000000000..4b13bfde0b69c5fbc555679e81a5c5366bf7ea02 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.scrolling.js @@ -0,0 +1,482 @@ + + +/** + * Add any control elements for the table - specifically scrolling + * @param {object} oSettings dataTables settings object + * @returns {node} Node to add to the DOM + * @memberof DataTable#oApi + */ +function _fnFeatureHtmlTable ( oSettings ) +{ + /* Check if scrolling is enabled or not - if not then leave the DOM unaltered */ + if ( oSettings.oScroll.sX === "" && oSettings.oScroll.sY === "" ) + { + return oSettings.nTable; + } + + /* + * The HTML structure that we want to generate in this function is: + * div - nScroller + * div - nScrollHead + * div - nScrollHeadInner + * table - nScrollHeadTable + * thead - nThead + * div - nScrollBody + * table - oSettings.nTable + * thead - nTheadSize + * tbody - nTbody + * div - nScrollFoot + * div - nScrollFootInner + * table - nScrollFootTable + * tfoot - nTfoot + */ + var + nScroller = document.createElement('div'), + nScrollHead = document.createElement('div'), + nScrollHeadInner = document.createElement('div'), + nScrollBody = document.createElement('div'), + nScrollFoot = document.createElement('div'), + nScrollFootInner = document.createElement('div'), + nScrollHeadTable = oSettings.nTable.cloneNode(false), + nScrollFootTable = oSettings.nTable.cloneNode(false), + nThead = oSettings.nTable.getElementsByTagName('thead')[0], + nTfoot = oSettings.nTable.getElementsByTagName('tfoot').length === 0 ? null : + oSettings.nTable.getElementsByTagName('tfoot')[0], + oClasses = oSettings.oClasses; + + nScrollHead.appendChild( nScrollHeadInner ); + nScrollFoot.appendChild( nScrollFootInner ); + nScrollBody.appendChild( oSettings.nTable ); + nScroller.appendChild( nScrollHead ); + nScroller.appendChild( nScrollBody ); + nScrollHeadInner.appendChild( nScrollHeadTable ); + nScrollHeadTable.appendChild( nThead ); + if ( nTfoot !== null ) + { + nScroller.appendChild( nScrollFoot ); + nScrollFootInner.appendChild( nScrollFootTable ); + nScrollFootTable.appendChild( nTfoot ); + } + + nScroller.className = oClasses.sScrollWrapper; + nScrollHead.className = oClasses.sScrollHead; + nScrollHeadInner.className = oClasses.sScrollHeadInner; + nScrollBody.className = oClasses.sScrollBody; + nScrollFoot.className = oClasses.sScrollFoot; + nScrollFootInner.className = oClasses.sScrollFootInner; + + if ( oSettings.oScroll.bAutoCss ) + { + nScrollHead.style.overflow = "hidden"; + nScrollHead.style.position = "relative"; + nScrollFoot.style.overflow = "hidden"; + nScrollBody.style.overflow = "auto"; + } + + nScrollHead.style.border = "0"; + nScrollHead.style.width = "100%"; + nScrollFoot.style.border = "0"; + nScrollHeadInner.style.width = "150%"; /* will be overwritten */ + + /* Modify attributes to respect the clones */ + nScrollHeadTable.removeAttribute('id'); + nScrollHeadTable.style.marginLeft = "0"; + oSettings.nTable.style.marginLeft = "0"; + if ( nTfoot !== null ) + { + nScrollFootTable.removeAttribute('id'); + nScrollFootTable.style.marginLeft = "0"; + } + + /* Move any caption elements from the body to the header */ + var nCaptions = $(oSettings.nTable).children('caption'); + for ( var i=0, iLen=nCaptions.length ; i<iLen ; i++ ) + { + nScrollHeadTable.appendChild( nCaptions[i] ); + } + + /* + * Sizing + */ + /* When xscrolling add the width and a scroller to move the header with the body */ + if ( oSettings.oScroll.sX !== "" ) + { + nScrollHead.style.width = _fnStringToCss( oSettings.oScroll.sX ); + nScrollBody.style.width = _fnStringToCss( oSettings.oScroll.sX ); + + if ( nTfoot !== null ) + { + nScrollFoot.style.width = _fnStringToCss( oSettings.oScroll.sX ); + } + + /* When the body is scrolled, then we also want to scroll the headers */ + $(nScrollBody).scroll( function (e) { + nScrollHead.scrollLeft = this.scrollLeft; + + if ( nTfoot !== null ) + { + nScrollFoot.scrollLeft = this.scrollLeft; + } + } ); + } + + /* When yscrolling, add the height */ + if ( oSettings.oScroll.sY !== "" ) + { + nScrollBody.style.height = _fnStringToCss( oSettings.oScroll.sY ); + } + + /* Redraw - align columns across the tables */ + oSettings.aoDrawCallback.push( { + "fn": _fnScrollDraw, + "sName": "scrolling" + } ); + + /* Infinite scrolling event handlers */ + if ( oSettings.oScroll.bInfinite ) + { + $(nScrollBody).scroll( function() { + /* Use a blocker to stop scrolling from loading more data while other data is still loading */ + if ( !oSettings.bDrawing && $(this).scrollTop() !== 0 ) + { + /* Check if we should load the next data set */ + if ( $(this).scrollTop() + $(this).height() > + $(oSettings.nTable).height() - oSettings.oScroll.iLoadGap ) + { + /* Only do the redraw if we have to - we might be at the end of the data */ + if ( oSettings.fnDisplayEnd() < oSettings.fnRecordsDisplay() ) + { + _fnPageChange( oSettings, 'next' ); + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } + } + } + } ); + } + + oSettings.nScrollHead = nScrollHead; + oSettings.nScrollFoot = nScrollFoot; + + return nScroller; +} + + +/** + * Update the various tables for resizing. It's a bit of a pig this function, but + * basically the idea to: + * 1. Re-create the table inside the scrolling div + * 2. Take live measurements from the DOM + * 3. Apply the measurements + * 4. Clean up + * @param {object} o dataTables settings object + * @returns {node} Node to add to the DOM + * @memberof DataTable#oApi + */ +function _fnScrollDraw ( o ) +{ + var + nScrollHeadInner = o.nScrollHead.getElementsByTagName('div')[0], + nScrollHeadTable = nScrollHeadInner.getElementsByTagName('table')[0], + nScrollBody = o.nTable.parentNode, + i, iLen, j, jLen, anHeadToSize, anHeadSizers, anFootSizers, anFootToSize, oStyle, iVis, + iWidth, aApplied=[], iSanityWidth, + nScrollFootInner = (o.nTFoot !== null) ? o.nScrollFoot.getElementsByTagName('div')[0] : null, + nScrollFootTable = (o.nTFoot !== null) ? nScrollFootInner.getElementsByTagName('table')[0] : null, + ie67 = $.browser.msie && $.browser.version <= 7; + + /* + * 1. Re-create the table inside the scrolling div + */ + + /* Remove the old minimised thead and tfoot elements in the inner table */ + var nTheadSize = o.nTable.getElementsByTagName('thead'); + if ( nTheadSize.length > 0 ) + { + o.nTable.removeChild( nTheadSize[0] ); + } + + var nTfootSize; + if ( o.nTFoot !== null ) + { + /* Remove the old minimised footer element in the cloned header */ + nTfootSize = o.nTable.getElementsByTagName('tfoot'); + if ( nTfootSize.length > 0 ) + { + o.nTable.removeChild( nTfootSize[0] ); + } + } + + /* Clone the current header and footer elements and then place it into the inner table */ + nTheadSize = o.nTHead.cloneNode(true); + o.nTable.insertBefore( nTheadSize, o.nTable.childNodes[0] ); + + if ( o.nTFoot !== null ) + { + nTfootSize = o.nTFoot.cloneNode(true); + o.nTable.insertBefore( nTfootSize, o.nTable.childNodes[1] ); + } + + /* + * 2. Take live measurements from the DOM - do not alter the DOM itself! + */ + + /* Remove old sizing and apply the calculated column widths + * Get the unique column headers in the newly created (cloned) header. We want to apply the + * calclated sizes to this header + */ + if ( o.oScroll.sX === "" ) + { + nScrollBody.style.width = '100%'; + nScrollHeadInner.parentNode.style.width = '100%'; + } + + var nThs = _fnGetUniqueThs( o, nTheadSize ); + for ( i=0, iLen=nThs.length ; i<iLen ; i++ ) + { + iVis = _fnVisibleToColumnIndex( o, i ); + nThs[i].style.width = o.aoColumns[iVis].sWidth; + } + + if ( o.nTFoot !== null ) + { + _fnApplyToChildren( function(n) { + n.style.width = ""; + }, nTfootSize.getElementsByTagName('tr') ); + } + + /* Size the table as a whole */ + iSanityWidth = $(o.nTable).outerWidth(); + if ( o.oScroll.sX === "" ) + { + /* No x scrolling */ + o.nTable.style.width = "100%"; + + /* I know this is rubbish - but IE7 will make the width of the table when 100% include + * the scrollbar - which is shouldn't. When there is a scrollbar we need to take this + * into account. + */ + if ( ie67 && ($('tbody', nScrollBody).height() > nScrollBody.offsetHeight || + $(nScrollBody).css('overflow-y') == "scroll") ) + { + o.nTable.style.width = _fnStringToCss( $(o.nTable).outerWidth()-o.oScroll.iBarWidth ); + } + } + else + { + if ( o.oScroll.sXInner !== "" ) + { + /* x scroll inner has been given - use it */ + o.nTable.style.width = _fnStringToCss(o.oScroll.sXInner); + } + else if ( iSanityWidth == $(nScrollBody).width() && + $(nScrollBody).height() < $(o.nTable).height() ) + { + /* There is y-scrolling - try to take account of the y scroll bar */ + o.nTable.style.width = _fnStringToCss( iSanityWidth-o.oScroll.iBarWidth ); + if ( $(o.nTable).outerWidth() > iSanityWidth-o.oScroll.iBarWidth ) + { + /* Not possible to take account of it */ + o.nTable.style.width = _fnStringToCss( iSanityWidth ); + } + } + else + { + /* All else fails */ + o.nTable.style.width = _fnStringToCss( iSanityWidth ); + } + } + + /* Recalculate the sanity width - now that we've applied the required width, before it was + * a temporary variable. This is required because the column width calculation is done + * before this table DOM is created. + */ + iSanityWidth = $(o.nTable).outerWidth(); + + /* We want the hidden header to have zero height, so remove padding and borders. Then + * set the width based on the real headers + */ + anHeadToSize = o.nTHead.getElementsByTagName('tr'); + anHeadSizers = nTheadSize.getElementsByTagName('tr'); + + _fnApplyToChildren( function(nSizer, nToSize) { + oStyle = nSizer.style; + oStyle.paddingTop = "0"; + oStyle.paddingBottom = "0"; + oStyle.borderTopWidth = "0"; + oStyle.borderBottomWidth = "0"; + oStyle.height = 0; + + iWidth = $(nSizer).width(); + nToSize.style.width = _fnStringToCss( iWidth ); + aApplied.push( iWidth ); + }, anHeadSizers, anHeadToSize ); + $(anHeadSizers).height(0); + + if ( o.nTFoot !== null ) + { + /* Clone the current footer and then place it into the body table as a "hidden header" */ + anFootSizers = nTfootSize.getElementsByTagName('tr'); + anFootToSize = o.nTFoot.getElementsByTagName('tr'); + + _fnApplyToChildren( function(nSizer, nToSize) { + oStyle = nSizer.style; + oStyle.paddingTop = "0"; + oStyle.paddingBottom = "0"; + oStyle.borderTopWidth = "0"; + oStyle.borderBottomWidth = "0"; + oStyle.height = 0; + + iWidth = $(nSizer).width(); + nToSize.style.width = _fnStringToCss( iWidth ); + aApplied.push( iWidth ); + }, anFootSizers, anFootToSize ); + $(anFootSizers).height(0); + } + + /* + * 3. Apply the measurements + */ + + /* "Hide" the header and footer that we used for the sizing. We want to also fix their width + * to what they currently are + */ + _fnApplyToChildren( function(nSizer) { + nSizer.innerHTML = ""; + nSizer.style.width = _fnStringToCss( aApplied.shift() ); + }, anHeadSizers ); + + if ( o.nTFoot !== null ) + { + _fnApplyToChildren( function(nSizer) { + nSizer.innerHTML = ""; + nSizer.style.width = _fnStringToCss( aApplied.shift() ); + }, anFootSizers ); + } + + /* Sanity check that the table is of a sensible width. If not then we are going to get + * misalignment - try to prevent this by not allowing the table to shrink below its min width + */ + if ( $(o.nTable).outerWidth() < iSanityWidth ) + { + /* The min width depends upon if we have a vertical scrollbar visible or not */ + var iCorrection = ((nScrollBody.scrollHeight > nScrollBody.offsetHeight || + $(nScrollBody).css('overflow-y') == "scroll")) ? + iSanityWidth+o.oScroll.iBarWidth : iSanityWidth; + + /* IE6/7 are a law unto themselves... */ + if ( ie67 && (nScrollBody.scrollHeight > + nScrollBody.offsetHeight || $(nScrollBody).css('overflow-y') == "scroll") ) + { + o.nTable.style.width = _fnStringToCss( iCorrection-o.oScroll.iBarWidth ); + } + + /* Apply the calculated minimum width to the table wrappers */ + nScrollBody.style.width = _fnStringToCss( iCorrection ); + nScrollHeadInner.parentNode.style.width = _fnStringToCss( iCorrection ); + + if ( o.nTFoot !== null ) + { + nScrollFootInner.parentNode.style.width = _fnStringToCss( iCorrection ); + } + + /* And give the user a warning that we've stopped the table getting too small */ + if ( o.oScroll.sX === "" ) + { + _fnLog( o, 1, "The table cannot fit into the current element which will cause column"+ + " misalignment. The table has been drawn at its minimum possible width." ); + } + else if ( o.oScroll.sXInner !== "" ) + { + _fnLog( o, 1, "The table cannot fit into the current element which will cause column"+ + " misalignment. Increase the sScrollXInner value or remove it to allow automatic"+ + " calculation" ); + } + } + else + { + nScrollBody.style.width = _fnStringToCss( '100%' ); + nScrollHeadInner.parentNode.style.width = _fnStringToCss( '100%' ); + + if ( o.nTFoot !== null ) + { + nScrollFootInner.parentNode.style.width = _fnStringToCss( '100%' ); + } + } + + + /* + * 4. Clean up + */ + if ( o.oScroll.sY === "" ) + { + /* IE7< puts a vertical scrollbar in place (when it shouldn't be) due to subtracting + * the scrollbar height from the visible display, rather than adding it on. We need to + * set the height in order to sort this. Don't want to do it in any other browsers. + */ + if ( ie67 ) + { + nScrollBody.style.height = _fnStringToCss( o.nTable.offsetHeight+o.oScroll.iBarWidth ); + } + } + + if ( o.oScroll.sY !== "" && o.oScroll.bCollapse ) + { + nScrollBody.style.height = _fnStringToCss( o.oScroll.sY ); + + var iExtra = (o.oScroll.sX !== "" && o.nTable.offsetWidth > nScrollBody.offsetWidth) ? + o.oScroll.iBarWidth : 0; + if ( o.nTable.offsetHeight < nScrollBody.offsetHeight ) + { + nScrollBody.style.height = _fnStringToCss( $(o.nTable).height()+iExtra ); + } + } + + /* Finally set the width's of the header and footer tables */ + var iOuterWidth = $(o.nTable).outerWidth(); + nScrollHeadTable.style.width = _fnStringToCss( iOuterWidth ); + nScrollHeadInner.style.width = _fnStringToCss( iOuterWidth ); + + if ( o.nTFoot !== null ) + { + nScrollFootInner.style.width = _fnStringToCss( o.nTable.offsetWidth ); + nScrollFootTable.style.width = _fnStringToCss( o.nTable.offsetWidth ); + } + + /* If sorting or filtering has occurred, jump the scrolling back to the top */ + if ( o.bSorted || o.bFiltered ) + { + nScrollBody.scrollTop = 0; + } +} + + +/** + * Apply a given function to the display child nodes of an element array (typically + * TD children of TR rows + * @param {function} fn Method to apply to the objects + * @param array {nodes} an1 List of elements to look through for display children + * @param array {nodes} an2 Another list (identical structure to the first) - optional + * @memberof DataTable#oApi + */ +function _fnApplyToChildren( fn, an1, an2 ) +{ + for ( var i=0, iLen=an1.length ; i<iLen ; i++ ) + { + for ( var j=0, jLen=an1[i].childNodes.length ; j<jLen ; j++ ) + { + if ( an1[i].childNodes[j].nodeType == 1 ) + { + if ( an2 ) + { + fn( an1[i].childNodes[j], an2[i].childNodes[j] ); + } + else + { + fn( an1[i].childNodes[j] ); + } + } + } + } +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.sizing.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.sizing.js new file mode 100644 index 0000000000000000000000000000000000000000..81b217a378dc84788e5cc812defc7f47accc2c60 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.sizing.js @@ -0,0 +1,405 @@ + + +/** + * Convert a CSS unit width to pixels (e.g. 2em) + * @param {string} sWidth width to be converted + * @param {node} nParent parent to get the with for (required for relative widths) - optional + * @returns {int} iWidth width in pixels + * @memberof DataTable#oApi + */ +function _fnConvertToWidth ( sWidth, nParent ) +{ + if ( !sWidth || sWidth === null || sWidth === '' ) + { + return 0; + } + + if ( !nParent ) + { + nParent = document.getElementsByTagName('body')[0]; + } + + var iWidth; + var nTmp = document.createElement( "div" ); + nTmp.style.width = _fnStringToCss( sWidth ); + + nParent.appendChild( nTmp ); + iWidth = nTmp.offsetWidth; + nParent.removeChild( nTmp ); + + return ( iWidth ); +} + + +/** + * Calculate the width of columns for the table + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnCalculateColumnWidths ( oSettings ) +{ + var iTableWidth = oSettings.nTable.offsetWidth; + var iUserInputs = 0; + var iTmpWidth; + var iVisibleColumns = 0; + var iColums = oSettings.aoColumns.length; + var i, iIndex, iCorrector, iWidth; + var oHeaders = $('th', oSettings.nTHead); + var widthAttr = oSettings.nTable.getAttribute('width'); + + /* Convert any user input sizes into pixel sizes */ + for ( i=0 ; i<iColums ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible ) + { + iVisibleColumns++; + + if ( oSettings.aoColumns[i].sWidth !== null ) + { + iTmpWidth = _fnConvertToWidth( oSettings.aoColumns[i].sWidthOrig, + oSettings.nTable.parentNode ); + if ( iTmpWidth !== null ) + { + oSettings.aoColumns[i].sWidth = _fnStringToCss( iTmpWidth ); + } + + iUserInputs++; + } + } + } + + /* If the number of columns in the DOM equals the number that we have to process in + * DataTables, then we can use the offsets that are created by the web-browser. No custom + * sizes can be set in order for this to happen, nor scrolling used + */ + if ( iColums == oHeaders.length && iUserInputs === 0 && iVisibleColumns == iColums && + oSettings.oScroll.sX === "" && oSettings.oScroll.sY === "" ) + { + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + iTmpWidth = $(oHeaders[i]).width(); + if ( iTmpWidth !== null ) + { + oSettings.aoColumns[i].sWidth = _fnStringToCss( iTmpWidth ); + } + } + } + else + { + /* Otherwise we are going to have to do some calculations to get the width of each column. + * Construct a 1 row table with the widest node in the data, and any user defined widths, + * then insert it into the DOM and allow the browser to do all the hard work of + * calculating table widths. + */ + var + nCalcTmp = oSettings.nTable.cloneNode( false ), + nTheadClone = oSettings.nTHead.cloneNode(true), + nBody = document.createElement( 'tbody' ), + nTr = document.createElement( 'tr' ), + nDivSizing; + + nCalcTmp.removeAttribute( "id" ); + nCalcTmp.appendChild( nTheadClone ); + if ( oSettings.nTFoot !== null ) + { + nCalcTmp.appendChild( oSettings.nTFoot.cloneNode(true) ); + _fnApplyToChildren( function(n) { + n.style.width = ""; + }, nCalcTmp.getElementsByTagName('tr') ); + } + + nCalcTmp.appendChild( nBody ); + nBody.appendChild( nTr ); + + /* Remove any sizing that was previously applied by the styles */ + var jqColSizing = $('thead th', nCalcTmp); + if ( jqColSizing.length === 0 ) + { + jqColSizing = $('tbody tr:eq(0)>td', nCalcTmp); + } + + /* Apply custom sizing to the cloned header */ + var nThs = _fnGetUniqueThs( oSettings, nTheadClone ); + iCorrector = 0; + for ( i=0 ; i<iColums ; i++ ) + { + var oColumn = oSettings.aoColumns[i]; + if ( oColumn.bVisible && oColumn.sWidthOrig !== null && oColumn.sWidthOrig !== "" ) + { + nThs[i-iCorrector].style.width = _fnStringToCss( oColumn.sWidthOrig ); + } + else if ( oColumn.bVisible ) + { + nThs[i-iCorrector].style.width = ""; + } + else + { + iCorrector++; + } + } + + /* Find the biggest td for each column and put it into the table */ + for ( i=0 ; i<iColums ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible ) + { + var nTd = _fnGetWidestNode( oSettings, i ); + if ( nTd !== null ) + { + nTd = nTd.cloneNode(true); + if ( oSettings.aoColumns[i].sContentPadding !== "" ) + { + nTd.innerHTML += oSettings.aoColumns[i].sContentPadding; + } + nTr.appendChild( nTd ); + } + } + } + + /* Build the table and 'display' it */ + var nWrapper = oSettings.nTable.parentNode; + nWrapper.appendChild( nCalcTmp ); + + /* When scrolling (X or Y) we want to set the width of the table as appropriate. However, + * when not scrolling leave the table width as it is. This results in slightly different, + * but I think correct behaviour + */ + if ( oSettings.oScroll.sX !== "" && oSettings.oScroll.sXInner !== "" ) + { + nCalcTmp.style.width = _fnStringToCss(oSettings.oScroll.sXInner); + } + else if ( oSettings.oScroll.sX !== "" ) + { + nCalcTmp.style.width = ""; + if ( $(nCalcTmp).width() < nWrapper.offsetWidth ) + { + nCalcTmp.style.width = _fnStringToCss( nWrapper.offsetWidth ); + } + } + else if ( oSettings.oScroll.sY !== "" ) + { + nCalcTmp.style.width = _fnStringToCss( nWrapper.offsetWidth ); + } + else if ( widthAttr ) + { + nCalcTmp.style.width = _fnStringToCss( widthAttr ); + } + nCalcTmp.style.visibility = "hidden"; + + /* Scrolling considerations */ + _fnScrollingWidthAdjust( oSettings, nCalcTmp ); + + /* Read the width's calculated by the browser and store them for use by the caller. We + * first of all try to use the elements in the body, but it is possible that there are + * no elements there, under which circumstances we use the header elements + */ + var oNodes = $("tbody tr:eq(0)", nCalcTmp).children(); + if ( oNodes.length === 0 ) + { + oNodes = _fnGetUniqueThs( oSettings, $('thead', nCalcTmp)[0] ); + } + + /* Browsers need a bit of a hand when a width is assigned to any columns when + * x-scrolling as they tend to collapse the table to the min-width, even if + * we sent the column widths. So we need to keep track of what the table width + * should be by summing the user given values, and the automatic values + */ + if ( oSettings.oScroll.sX !== "" ) + { + var iTotal = 0; + iCorrector = 0; + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible ) + { + if ( oSettings.aoColumns[i].sWidthOrig === null ) + { + iTotal += $(oNodes[iCorrector]).outerWidth(); + } + else + { + iTotal += parseInt(oSettings.aoColumns[i].sWidth.replace('px',''), 10) + + ($(oNodes[iCorrector]).outerWidth() - $(oNodes[iCorrector]).width()); + } + iCorrector++; + } + } + + nCalcTmp.style.width = _fnStringToCss( iTotal ); + oSettings.nTable.style.width = _fnStringToCss( iTotal ); + } + + iCorrector = 0; + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bVisible ) + { + iWidth = $(oNodes[iCorrector]).width(); + if ( iWidth !== null && iWidth > 0 ) + { + oSettings.aoColumns[i].sWidth = _fnStringToCss( iWidth ); + } + iCorrector++; + } + } + + var cssWidth = $(nCalcTmp).css('width'); + oSettings.nTable.style.width = (cssWidth.indexOf('%') !== -1) ? + cssWidth : _fnStringToCss( $(nCalcTmp).outerWidth() ); + nCalcTmp.parentNode.removeChild( nCalcTmp ); + } + + if ( widthAttr ) + { + oSettings.nTable.style.width = _fnStringToCss( widthAttr ); + } +} + + +/** + * Adjust a table's width to take account of scrolling + * @param {object} oSettings dataTables settings object + * @param {node} n table node + * @memberof DataTable#oApi + */ +function _fnScrollingWidthAdjust ( oSettings, n ) +{ + if ( oSettings.oScroll.sX === "" && oSettings.oScroll.sY !== "" ) + { + /* When y-scrolling only, we want to remove the width of the scroll bar so the table + * + scroll bar will fit into the area avaialble. + */ + var iOrigWidth = $(n).width(); + n.style.width = _fnStringToCss( $(n).outerWidth()-oSettings.oScroll.iBarWidth ); + } + else if ( oSettings.oScroll.sX !== "" ) + { + /* When x-scrolling both ways, fix the table at it's current size, without adjusting */ + n.style.width = _fnStringToCss( $(n).outerWidth() ); + } +} + + +/** + * Get the widest node + * @param {object} oSettings dataTables settings object + * @param {int} iCol column of interest + * @returns {string} max strlens for each column + * @memberof DataTable#oApi + */ +function _fnGetWidestNode( oSettings, iCol ) +{ + var iMaxIndex = _fnGetMaxLenString( oSettings, iCol ); + if ( iMaxIndex < 0 ) + { + return null; + } + + if ( oSettings.aoData[iMaxIndex].nTr === null ) + { + var n = document.createElement('td'); + n.innerHTML = _fnGetCellData( oSettings, iMaxIndex, iCol, '' ); + return n; + } + return _fnGetTdNodes(oSettings, iMaxIndex)[iCol]; +} + + +/** + * Get the maximum strlen for each data column + * @param {object} oSettings dataTables settings object + * @param {int} iCol column of interest + * @returns {string} max strlens for each column + * @memberof DataTable#oApi + */ +function _fnGetMaxLenString( oSettings, iCol ) +{ + var iMax = -1; + var iMaxIndex = -1; + + for ( var i=0 ; i<oSettings.aoData.length ; i++ ) + { + var s = _fnGetCellData( oSettings, i, iCol, 'display' )+""; + s = s.replace( /<.*?>/g, "" ); + if ( s.length > iMax ) + { + iMax = s.length; + iMaxIndex = i; + } + } + + return iMaxIndex; +} + + +/** + * Append a CSS unit (only if required) to a string + * @param {array} aArray1 first array + * @param {array} aArray2 second array + * @returns {int} 0 if match, 1 if length is different, 2 if no match + * @memberof DataTable#oApi + */ +function _fnStringToCss( s ) +{ + if ( s === null ) + { + return "0px"; + } + + if ( typeof s == 'number' ) + { + if ( s < 0 ) + { + return "0px"; + } + return s+"px"; + } + + /* Check if the last character is not 0-9 */ + var c = s.charCodeAt( s.length-1 ); + if (c < 0x30 || c > 0x39) + { + return s; + } + return s+"px"; +} + + +/** + * Get the width of a scroll bar in this browser being used + * @returns {int} width in pixels + * @memberof DataTable#oApi + */ +function _fnScrollBarWidth () +{ + var inner = document.createElement('p'); + var style = inner.style; + style.width = "100%"; + style.height = "200px"; + style.padding = "0px"; + + var outer = document.createElement('div'); + style = outer.style; + style.position = "absolute"; + style.top = "0px"; + style.left = "0px"; + style.visibility = "hidden"; + style.width = "200px"; + style.height = "150px"; + style.padding = "0px"; + style.overflow = "hidden"; + outer.appendChild(inner); + + document.body.appendChild(outer); + var w1 = inner.offsetWidth; + outer.style.overflow = 'scroll'; + var w2 = inner.offsetWidth; + if ( w1 == w2 ) + { + w2 = outer.clientWidth; + } + + document.body.removeChild(outer); + return (w1 - w2); +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.sort.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.sort.js new file mode 100644 index 0000000000000000000000000000000000000000..6a02ab2adafa9ecde046d4a174beb71f2a647ff6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.sort.js @@ -0,0 +1,455 @@ + + +/** + * Change the order of the table + * @param {object} oSettings dataTables settings object + * @param {bool} bApplyClasses optional - should we apply classes or not + * @memberof DataTable#oApi + */ +function _fnSort ( oSettings, bApplyClasses ) +{ + var + i, iLen, j, jLen, k, kLen, + sDataType, nTh, + aaSort = [], + aiOrig = [], + oSort = DataTable.ext.oSort, + aoData = oSettings.aoData, + aoColumns = oSettings.aoColumns, + oAria = oSettings.oLanguage.oAria; + + /* No sorting required if server-side or no sorting array */ + if ( !oSettings.oFeatures.bServerSide && + (oSettings.aaSorting.length !== 0 || oSettings.aaSortingFixed !== null) ) + { + if ( oSettings.aaSortingFixed !== null ) + { + aaSort = oSettings.aaSortingFixed.concat( oSettings.aaSorting ); + } + else + { + aaSort = oSettings.aaSorting.slice(); + } + + /* If there is a sorting data type, and a fuction belonging to it, then we need to + * get the data from the developer's function and apply it for this column + */ + for ( i=0 ; i<aaSort.length ; i++ ) + { + var iColumn = aaSort[i][0]; + var iVisColumn = _fnColumnIndexToVisible( oSettings, iColumn ); + sDataType = oSettings.aoColumns[ iColumn ].sSortDataType; + if ( DataTable.ext.afnSortData[sDataType] ) + { + var aData = DataTable.ext.afnSortData[sDataType]( oSettings, iColumn, iVisColumn ); + for ( j=0, jLen=aoData.length ; j<jLen ; j++ ) + { + _fnSetCellData( oSettings, j, iColumn, aData[j] ); + } + } + } + + /* Create a value - key array of the current row positions such that we can use their + * current position during the sort, if values match, in order to perform stable sorting + */ + for ( i=0, iLen=oSettings.aiDisplayMaster.length ; i<iLen ; i++ ) + { + aiOrig[ oSettings.aiDisplayMaster[i] ] = i; + } + + /* Build an internal data array which is specific to the sort, so we can get and prep + * the data to be sorted only once, rather than needing to do it every time the sorting + * function runs. This make the sorting function a very simple comparison + */ + var iSortLen = aaSort.length; + var fnSortFormat, aDataSort; + for ( i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + for ( j=0 ; j<iSortLen ; j++ ) + { + aDataSort = aoColumns[ aaSort[j][0] ].aDataSort; + + for ( k=0, kLen=aDataSort.length ; k<kLen ; k++ ) + { + sDataType = aoColumns[ aDataSort[k] ].sType; + fnSortFormat = oSort[ (sDataType ? sDataType : 'string')+"-pre" ]; + + aoData[i]._aSortData[ aDataSort[k] ] = fnSortFormat ? + fnSortFormat( _fnGetCellData( oSettings, i, aDataSort[k], 'sort' ) ) : + _fnGetCellData( oSettings, i, aDataSort[k], 'sort' ); + } + } + } + + /* Do the sort - here we want multi-column sorting based on a given data source (column) + * and sorting function (from oSort) in a certain direction. It's reasonably complex to + * follow on it's own, but this is what we want (example two column sorting): + * fnLocalSorting = function(a,b){ + * var iTest; + * iTest = oSort['string-asc']('data11', 'data12'); + * if (iTest !== 0) + * return iTest; + * iTest = oSort['numeric-desc']('data21', 'data22'); + * if (iTest !== 0) + * return iTest; + * return oSort['numeric-asc']( aiOrig[a], aiOrig[b] ); + * } + * Basically we have a test for each sorting column, if the data in that column is equal, + * test the next column. If all columns match, then we use a numeric sort on the row + * positions in the original data array to provide a stable sort. + */ + oSettings.aiDisplayMaster.sort( function ( a, b ) { + var k, l, lLen, iTest, aDataSort, sDataType; + for ( k=0 ; k<iSortLen ; k++ ) + { + aDataSort = aoColumns[ aaSort[k][0] ].aDataSort; + + for ( l=0, lLen=aDataSort.length ; l<lLen ; l++ ) + { + sDataType = aoColumns[ aDataSort[l] ].sType; + + iTest = oSort[ (sDataType ? sDataType : 'string')+"-"+aaSort[k][1] ]( + aoData[a]._aSortData[ aDataSort[l] ], + aoData[b]._aSortData[ aDataSort[l] ] + ); + + if ( iTest !== 0 ) + { + return iTest; + } + } + } + + return oSort['numeric-asc']( aiOrig[a], aiOrig[b] ); + } ); + } + + /* Alter the sorting classes to take account of the changes */ + if ( (bApplyClasses === undefined || bApplyClasses) && !oSettings.oFeatures.bDeferRender ) + { + _fnSortingClasses( oSettings ); + } + + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + nTh = aoColumns[i].nTh; + nTh.removeAttribute('aria-sort'); + nTh.removeAttribute('aria-label'); + + /* In ARIA only the first sorting column can be marked as sorting - no multi-sort option */ + if ( aoColumns[i].bSortable ) + { + if ( aaSort.length > 0 && aaSort[0][0] == i ) + { + nTh.setAttribute('aria-sort', aaSort[0][1]=="asc" ? "ascending" : "descending" ); + + var nextSort = (aoColumns[i].asSorting[ aaSort[0][2]+1 ]) ? + aoColumns[i].asSorting[ aaSort[0][2]+1 ] : aoColumns[i].asSorting[0]; + nTh.setAttribute('aria-label', aoColumns[i].sTitle+ + (nextSort=="asc" ? oAria.sSortAscending : oAria.sSortDescending) ); + } + else + { + nTh.setAttribute('aria-label', aoColumns[i].sTitle+ + (aoColumns[i].asSorting[0]=="asc" ? oAria.sSortAscending : oAria.sSortDescending) ); + } + } + else + { + nTh.setAttribute('aria-label', aoColumns[i].sTitle); + } + } + + /* Tell the draw function that we have sorted the data */ + oSettings.bSorted = true; + $(oSettings.oInstance).trigger('sort', oSettings); + + /* Copy the master data into the draw array and re-draw */ + if ( oSettings.oFeatures.bFilter ) + { + /* _fnFilter() will redraw the table for us */ + _fnFilterComplete( oSettings, oSettings.oPreviousSearch, 1 ); + } + else + { + oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); + oSettings._iDisplayStart = 0; /* reset display back to page 0 */ + _fnCalculateEnd( oSettings ); + _fnDraw( oSettings ); + } +} + + +/** + * Attach a sort handler (click) to a node + * @param {object} oSettings dataTables settings object + * @param {node} nNode node to attach the handler to + * @param {int} iDataIndex column sorting index + * @param {function} [fnCallback] callback function + * @memberof DataTable#oApi + */ +function _fnSortAttachListener ( oSettings, nNode, iDataIndex, fnCallback ) +{ + _fnBindAction( nNode, {}, function (e) { + /* If the column is not sortable - don't to anything */ + if ( oSettings.aoColumns[iDataIndex].bSortable === false ) + { + return; + } + + /* + * This is a little bit odd I admit... I declare a temporary function inside the scope of + * _fnBuildHead and the click handler in order that the code presented here can be used + * twice - once for when bProcessing is enabled, and another time for when it is + * disabled, as we need to perform slightly different actions. + * Basically the issue here is that the Javascript engine in modern browsers don't + * appear to allow the rendering engine to update the display while it is still excuting + * it's thread (well - it does but only after long intervals). This means that the + * 'processing' display doesn't appear for a table sort. To break the js thread up a bit + * I force an execution break by using setTimeout - but this breaks the expected + * thread continuation for the end-developer's point of view (their code would execute + * too early), so we on;y do it when we absolutely have to. + */ + var fnInnerSorting = function () { + var iColumn, iNextSort; + + /* If the shift key is pressed then we are multipe column sorting */ + if ( e.shiftKey ) + { + /* Are we already doing some kind of sort on this column? */ + var bFound = false; + for ( var i=0 ; i<oSettings.aaSorting.length ; i++ ) + { + if ( oSettings.aaSorting[i][0] == iDataIndex ) + { + bFound = true; + iColumn = oSettings.aaSorting[i][0]; + iNextSort = oSettings.aaSorting[i][2]+1; + + if ( !oSettings.aoColumns[iColumn].asSorting[iNextSort] ) + { + /* Reached the end of the sorting options, remove from multi-col sort */ + oSettings.aaSorting.splice( i, 1 ); + } + else + { + /* Move onto next sorting direction */ + oSettings.aaSorting[i][1] = oSettings.aoColumns[iColumn].asSorting[iNextSort]; + oSettings.aaSorting[i][2] = iNextSort; + } + break; + } + } + + /* No sort yet - add it in */ + if ( bFound === false ) + { + oSettings.aaSorting.push( [ iDataIndex, + oSettings.aoColumns[iDataIndex].asSorting[0], 0 ] ); + } + } + else + { + /* If no shift key then single column sort */ + if ( oSettings.aaSorting.length == 1 && oSettings.aaSorting[0][0] == iDataIndex ) + { + iColumn = oSettings.aaSorting[0][0]; + iNextSort = oSettings.aaSorting[0][2]+1; + if ( !oSettings.aoColumns[iColumn].asSorting[iNextSort] ) + { + iNextSort = 0; + } + oSettings.aaSorting[0][1] = oSettings.aoColumns[iColumn].asSorting[iNextSort]; + oSettings.aaSorting[0][2] = iNextSort; + } + else + { + oSettings.aaSorting.splice( 0, oSettings.aaSorting.length ); + oSettings.aaSorting.push( [ iDataIndex, + oSettings.aoColumns[iDataIndex].asSorting[0], 0 ] ); + } + } + + /* Run the sort */ + _fnSort( oSettings ); + }; /* /fnInnerSorting */ + + if ( !oSettings.oFeatures.bProcessing ) + { + fnInnerSorting(); + } + else + { + _fnProcessingDisplay( oSettings, true ); + setTimeout( function() { + fnInnerSorting(); + if ( !oSettings.oFeatures.bServerSide ) + { + _fnProcessingDisplay( oSettings, false ); + } + }, 0 ); + } + + /* Call the user specified callback function - used for async user interaction */ + if ( typeof fnCallback == 'function' ) + { + fnCallback( oSettings ); + } + } ); +} + + +/** + * Set the sorting classes on the header, Note: it is safe to call this function + * when bSort and bSortClasses are false + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnSortingClasses( oSettings ) +{ + var i, iLen, j, jLen, iFound; + var aaSort, sClass; + var iColumns = oSettings.aoColumns.length; + var oClasses = oSettings.oClasses; + + for ( i=0 ; i<iColumns ; i++ ) + { + if ( oSettings.aoColumns[i].bSortable ) + { + $(oSettings.aoColumns[i].nTh).removeClass( oClasses.sSortAsc +" "+ oClasses.sSortDesc + + " "+ oSettings.aoColumns[i].sSortingClass ); + } + } + + if ( oSettings.aaSortingFixed !== null ) + { + aaSort = oSettings.aaSortingFixed.concat( oSettings.aaSorting ); + } + else + { + aaSort = oSettings.aaSorting.slice(); + } + + /* Apply the required classes to the header */ + for ( i=0 ; i<oSettings.aoColumns.length ; i++ ) + { + if ( oSettings.aoColumns[i].bSortable ) + { + sClass = oSettings.aoColumns[i].sSortingClass; + iFound = -1; + for ( j=0 ; j<aaSort.length ; j++ ) + { + if ( aaSort[j][0] == i ) + { + sClass = ( aaSort[j][1] == "asc" ) ? + oClasses.sSortAsc : oClasses.sSortDesc; + iFound = j; + break; + } + } + $(oSettings.aoColumns[i].nTh).addClass( sClass ); + + if ( oSettings.bJUI ) + { + /* jQuery UI uses extra markup */ + var jqSpan = $("span."+oClasses.sSortIcon, oSettings.aoColumns[i].nTh); + jqSpan.removeClass(oClasses.sSortJUIAsc +" "+ oClasses.sSortJUIDesc +" "+ + oClasses.sSortJUI +" "+ oClasses.sSortJUIAscAllowed +" "+ oClasses.sSortJUIDescAllowed ); + + var sSpanClass; + if ( iFound == -1 ) + { + sSpanClass = oSettings.aoColumns[i].sSortingClassJUI; + } + else if ( aaSort[iFound][1] == "asc" ) + { + sSpanClass = oClasses.sSortJUIAsc; + } + else + { + sSpanClass = oClasses.sSortJUIDesc; + } + + jqSpan.addClass( sSpanClass ); + } + } + else + { + /* No sorting on this column, so add the base class. This will have been assigned by + * _fnAddColumn + */ + $(oSettings.aoColumns[i].nTh).addClass( oSettings.aoColumns[i].sSortingClass ); + } + } + + /* + * Apply the required classes to the table body + * Note that this is given as a feature switch since it can significantly slow down a sort + * on large data sets (adding and removing of classes is always slow at the best of times..) + * Further to this, note that this code is admitadly fairly ugly. It could be made a lot + * simpiler using jQuery selectors and add/removeClass, but that is significantly slower + * (on the order of 5 times slower) - hence the direct DOM manipulation here. + * Note that for defered drawing we do use jQuery - the reason being that taking the first + * row found to see if the whole column needs processed can miss classes since the first + * column might be new. + */ + sClass = oClasses.sSortColumn; + + if ( oSettings.oFeatures.bSort && oSettings.oFeatures.bSortClasses ) + { + var nTds = _fnGetTdNodes( oSettings ); + + /* Remove the old classes */ + if ( oSettings.oFeatures.bDeferRender ) + { + $(nTds).removeClass(sClass+'1 '+sClass+'2 '+sClass+'3'); + } + else if ( nTds.length >= iColumns ) + { + for ( i=0 ; i<iColumns ; i++ ) + { + if ( nTds[i].className.indexOf(sClass+"1") != -1 ) + { + for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ ) + { + nTds[(iColumns*j)+i].className = + $.trim( nTds[(iColumns*j)+i].className.replace( sClass+"1", "" ) ); + } + } + else if ( nTds[i].className.indexOf(sClass+"2") != -1 ) + { + for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ ) + { + nTds[(iColumns*j)+i].className = + $.trim( nTds[(iColumns*j)+i].className.replace( sClass+"2", "" ) ); + } + } + else if ( nTds[i].className.indexOf(sClass+"3") != -1 ) + { + for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ ) + { + nTds[(iColumns*j)+i].className = + $.trim( nTds[(iColumns*j)+i].className.replace( " "+sClass+"3", "" ) ); + } + } + } + } + + /* Add the new classes to the table */ + var iClass = 1, iTargetCol; + for ( i=0 ; i<aaSort.length ; i++ ) + { + iTargetCol = parseInt( aaSort[i][0], 10 ); + for ( j=0, jLen=(nTds.length/iColumns) ; j<jLen ; j++ ) + { + nTds[(iColumns*j)+iTargetCol].className += " "+sClass+iClass; + } + + if ( iClass < 3 ) + { + iClass++; + } + } + } +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.state.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.state.js new file mode 100644 index 0000000000000000000000000000000000000000..de668f948384307fbc996e84e52fc9d6cedcec8f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.state.js @@ -0,0 +1,201 @@ + + +/** + * Save the state of a table in a cookie such that the page can be reloaded + * @param {object} oSettings dataTables settings object + * @memberof DataTable#oApi + */ +function _fnSaveState ( oSettings ) +{ + if ( !oSettings.oFeatures.bStateSave || oSettings.bDestroying ) + { + return; + } + + /* Store the interesting variables */ + var i, iLen, bInfinite=oSettings.oScroll.bInfinite; + var oState = { + "iCreate": new Date().getTime(), + "iStart": (bInfinite ? 0 : oSettings._iDisplayStart), + "iEnd": (bInfinite ? oSettings._iDisplayLength : oSettings._iDisplayEnd), + "iLength": oSettings._iDisplayLength, + "aaSorting": $.extend( true, [], oSettings.aaSorting ), + "oSearch": $.extend( true, {}, oSettings.oPreviousSearch ), + "aoSearchCols": $.extend( true, [], oSettings.aoPreSearchCols ), + "abVisCols": [] + }; + + for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ ) + { + oState.abVisCols.push( oSettings.aoColumns[i].bVisible ); + } + + _fnCallbackFire( oSettings, "aoStateSaveParams", 'stateSaveParams', [oSettings, oState] ); + + oSettings.fnStateSave.call( oSettings.oInstance, oSettings, oState ); +} + + +/** + * Attempt to load a saved table state from a cookie + * @param {object} oSettings dataTables settings object + * @param {object} oInit DataTables init object so we can override settings + * @memberof DataTable#oApi + */ +function _fnLoadState ( oSettings, oInit ) +{ + if ( !oSettings.oFeatures.bStateSave ) + { + return; + } + + var oData = oSettings.fnStateLoad.call( oSettings.oInstance, oSettings ); + if ( !oData ) + { + return; + } + + /* Allow custom and plug-in manipulation functions to alter the saved data set and + * cancelling of loading by returning false + */ + var abStateLoad = _fnCallbackFire( oSettings, 'aoStateLoadParams', 'stateLoadParams', [oSettings, oData] ); + if ( $.inArray( false, abStateLoad ) !== -1 ) + { + return; + } + + /* Store the saved state so it might be accessed at any time */ + oSettings.oLoadedState = $.extend( true, {}, oData ); + + /* Restore key features */ + oSettings._iDisplayStart = oData.iStart; + oSettings.iInitDisplayStart = oData.iStart; + oSettings._iDisplayEnd = oData.iEnd; + oSettings._iDisplayLength = oData.iLength; + oSettings.aaSorting = oData.aaSorting.slice(); + oSettings.saved_aaSorting = oData.aaSorting.slice(); + + /* Search filtering */ + $.extend( oSettings.oPreviousSearch, oData.oSearch ); + $.extend( true, oSettings.aoPreSearchCols, oData.aoSearchCols ); + + /* Column visibility state + * Pass back visibiliy settings to the init handler, but to do not here override + * the init object that the user might have passed in + */ + oInit.saved_aoColumns = []; + for ( var i=0 ; i<oData.abVisCols.length ; i++ ) + { + oInit.saved_aoColumns[i] = {}; + oInit.saved_aoColumns[i].bVisible = oData.abVisCols[i]; + } + + _fnCallbackFire( oSettings, 'aoStateLoaded', 'stateLoaded', [oSettings, oData] ); +} + + +/** + * Create a new cookie with a value to store the state of a table + * @param {string} sName name of the cookie to create + * @param {string} sValue the value the cookie should take + * @param {int} iSecs duration of the cookie + * @param {string} sBaseName sName is made up of the base + file name - this is the base + * @param {function} fnCallback User definable function to modify the cookie + * @memberof DataTable#oApi + */ +function _fnCreateCookie ( sName, sValue, iSecs, sBaseName, fnCallback ) +{ + var date = new Date(); + date.setTime( date.getTime()+(iSecs*1000) ); + + /* + * Shocking but true - it would appear IE has major issues with having the path not having + * a trailing slash on it. We need the cookie to be available based on the path, so we + * have to append the file name to the cookie name. Appalling. Thanks to vex for adding the + * patch to use at least some of the path + */ + var aParts = window.location.pathname.split('/'); + var sNameFile = sName + '_' + aParts.pop().replace(/[\/:]/g,"").toLowerCase(); + var sFullCookie, oData; + + if ( fnCallback !== null ) + { + oData = (typeof $.parseJSON === 'function') ? + $.parseJSON( sValue ) : eval( '('+sValue+')' ); + sFullCookie = fnCallback( sNameFile, oData, date.toGMTString(), + aParts.join('/')+"/" ); + } + else + { + sFullCookie = sNameFile + "=" + encodeURIComponent(sValue) + + "; expires=" + date.toGMTString() +"; path=" + aParts.join('/')+"/"; + } + + /* Are we going to go over the cookie limit of 4KiB? If so, try to delete a cookies + * belonging to DataTables. This is FAR from bullet proof + */ + var sOldName="", iOldTime=9999999999999; + var iLength = _fnReadCookie( sNameFile )!==null ? document.cookie.length : + sFullCookie.length + document.cookie.length; + + if ( iLength+10 > 4096 ) /* Magic 10 for padding */ + { + var aCookies =document.cookie.split(';'); + for ( var i=0, iLen=aCookies.length ; i<iLen ; i++ ) + { + if ( aCookies[i].indexOf( sBaseName ) != -1 ) + { + /* It's a DataTables cookie, so eval it and check the time stamp */ + var aSplitCookie = aCookies[i].split('='); + try { oData = eval( '('+decodeURIComponent(aSplitCookie[1])+')' ); } + catch( e ) { continue; } + + if ( oData.iCreate && oData.iCreate < iOldTime ) + { + sOldName = aSplitCookie[0]; + iOldTime = oData.iCreate; + } + } + } + + if ( sOldName !== "" ) + { + document.cookie = sOldName+"=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path="+ + aParts.join('/') + "/"; + } + } + + document.cookie = sFullCookie; +} + + +/** + * Read an old cookie to get a cookie with an old table state + * @param {string} sName name of the cookie to read + * @returns {string} contents of the cookie - or null if no cookie with that name found + * @memberof DataTable#oApi + */ +function _fnReadCookie ( sName ) +{ + var + aParts = window.location.pathname.split('/'), + sNameEQ = sName + '_' + aParts[aParts.length-1].replace(/[\/:]/g,"").toLowerCase() + '=', + sCookieContents = document.cookie.split(';'); + + for( var i=0 ; i<sCookieContents.length ; i++ ) + { + var c = sCookieContents[i]; + + while (c.charAt(0)==' ') + { + c = c.substring(1,c.length); + } + + if (c.indexOf(sNameEQ) === 0) + { + return decodeURIComponent( c.substring(sNameEQ.length,c.length) ); + } + } + return null; +} + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.support.js b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.support.js new file mode 100644 index 0000000000000000000000000000000000000000..33e2299468e5d1a2e5f8a7a7376dabe58494a5dd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/core/core.support.js @@ -0,0 +1,316 @@ + + +/** + * Return the settings object for a particular table + * @param {node} nTable table we are using as a dataTable + * @returns {object} Settings object - or null if not found + * @memberof DataTable#oApi + */ +function _fnSettingsFromNode ( nTable ) +{ + for ( var i=0 ; i<DataTable.settings.length ; i++ ) + { + if ( DataTable.settings[i].nTable === nTable ) + { + return DataTable.settings[i]; + } + } + + return null; +} + + +/** + * Return an array with the TR nodes for the table + * @param {object} oSettings dataTables settings object + * @returns {array} TR array + * @memberof DataTable#oApi + */ +function _fnGetTrNodes ( oSettings ) +{ + var aNodes = []; + var aoData = oSettings.aoData; + for ( var i=0, iLen=aoData.length ; i<iLen ; i++ ) + { + if ( aoData[i].nTr !== null ) + { + aNodes.push( aoData[i].nTr ); + } + } + return aNodes; +} + + +/** + * Return an flat array with all TD nodes for the table, or row + * @param {object} oSettings dataTables settings object + * @param {int} [iIndividualRow] aoData index to get the nodes for - optional + * if not given then the return array will contain all nodes for the table + * @returns {array} TD array + * @memberof DataTable#oApi + */ +function _fnGetTdNodes ( oSettings, iIndividualRow ) +{ + var anReturn = []; + var iCorrector; + var anTds; + var iRow, iRows=oSettings.aoData.length, + iColumn, iColumns, oData, sNodeName, iStart=0, iEnd=iRows; + + /* Allow the collection to be limited to just one row */ + if ( iIndividualRow !== undefined ) + { + iStart = iIndividualRow; + iEnd = iIndividualRow+1; + } + + for ( iRow=iStart ; iRow<iEnd ; iRow++ ) + { + oData = oSettings.aoData[iRow]; + if ( oData.nTr !== null ) + { + /* get the TD child nodes - taking into account text etc nodes */ + anTds = []; + for ( iColumn=0, iColumns=oData.nTr.childNodes.length ; iColumn<iColumns ; iColumn++ ) + { + sNodeName = oData.nTr.childNodes[iColumn].nodeName.toLowerCase(); + if ( sNodeName == 'td' || sNodeName == 'th' ) + { + anTds.push( oData.nTr.childNodes[iColumn] ); + } + } + + iCorrector = 0; + for ( iColumn=0, iColumns=oSettings.aoColumns.length ; iColumn<iColumns ; iColumn++ ) + { + if ( oSettings.aoColumns[iColumn].bVisible ) + { + anReturn.push( anTds[iColumn-iCorrector] ); + } + else + { + anReturn.push( oData._anHidden[iColumn] ); + iCorrector++; + } + } + } + } + + return anReturn; +} + + +/** + * Log an error message + * @param {object} oSettings dataTables settings object + * @param {int} iLevel log error messages, or display them to the user + * @param {string} sMesg error message + * @memberof DataTable#oApi + */ +function _fnLog( oSettings, iLevel, sMesg ) +{ + var sAlert = (oSettings===null) ? + "DataTables warning: "+sMesg : + "DataTables warning (table id = '"+oSettings.sTableId+"'): "+sMesg; + + if ( iLevel === 0 ) + { + if ( DataTable.ext.sErrMode == 'alert' ) + { + alert( sAlert ); + } + else + { + throw sAlert; + } + return; + } + else if ( console !== undefined && console.log ) + { + console.log( sAlert ); + } +} + + +/** + * See if a property is defined on one object, if so assign it to the other object + * @param {object} oRet target object + * @param {object} oSrc source object + * @param {string} sName property + * @param {string} [sMappedName] name to map too - optional, sName used if not given + * @memberof DataTable#oApi + */ +function _fnMap( oRet, oSrc, sName, sMappedName ) +{ + if ( sMappedName === undefined ) + { + sMappedName = sName; + } + if ( oSrc[sName] !== undefined ) + { + oRet[sMappedName] = oSrc[sName]; + } +} + + +/** + * Extend objects - very similar to jQuery.extend, but deep copy objects, and shallow + * copy arrays. The reason we need to do this, is that we don't want to deep copy array + * init values (such as aaSorting) since the dev wouldn't be able to override them, but + * we do want to deep copy arrays. + * @param {object} oOut Object to extend + * @param {object} oExtender Object from which the properties will be applied to oOut + * @returns {object} oOut Reference, just for convenience - oOut === the return. + * @memberof DataTable#oApi + * @todo This doesn't take account of arrays inside the deep copied objects. + */ +function _fnExtend( oOut, oExtender ) +{ + for ( var prop in oOut ) + { + if ( oOut.hasOwnProperty(prop) && oExtender[prop] !== undefined ) + { + if ( typeof oInit[prop] === 'object' && $.isArray(oExtender[prop]) === false ) + { + $.extend( true, oOut[prop], oExtender[prop] ); + } + else + { + oOut[prop] = oExtender[prop]; + } + } + } + + return oOut; +} + + +/** + * Bind an event handers to allow a click or return key to activate the callback. + * This is good for accessability since a return on the keyboard will have the + * same effect as a click, if the element has focus. + * @param {element} n Element to bind the action to + * @param {object} oData Data object to pass to the triggered function + * @param {function) fn Callback function for when the event is triggered + * @memberof DataTable#oApi + */ +function _fnBindAction( n, oData, fn ) +{ + $(n) + .bind( 'click.DT', oData, function (e) { + fn(e); + n.blur(); // Remove focus outline for mouse users + } ) + .bind( 'keypress.DT', oData, function (e){ + if ( e.which === 13 ) { + fn(e); + } } ) + .bind( 'selectstart.DT', function () { + /* Take the brutal approach to cancelling text selection */ + return false; + } ); +} + + +/** + * Register a callback function. Easily allows a callback function to be added to + * an array store of callback functions that can then all be called together. + * @param {object} oSettings dataTables settings object + * @param {string} sStore Name of the array storeage for the callbacks in oSettings + * @param {function} fn Function to be called back + * @param {string) sName Identifying name for the callback (i.e. a label) + * @memberof DataTable#oApi + */ +function _fnCallbackReg( oSettings, sStore, fn, sName ) +{ + if ( fn ) + { + oSettings[sStore].push( { + "fn": fn, + "sName": sName + } ); + } +} + + +/** + * Fire callback functions and trigger events. Note that the loop over the callback + * array store is done backwards! Further note that you do not want to fire off triggers + * in time sensitive applications (for example cell creation) as its slow. + * @param {object} oSettings dataTables settings object + * @param {string} sStore Name of the array storeage for the callbacks in oSettings + * @param {string} sTrigger Name of the jQuery custom event to trigger. If null no trigger + * is fired + * @param {array) aArgs Array of arguments to pass to the callback function / trigger + * @memberof DataTable#oApi + */ +function _fnCallbackFire( oSettings, sStore, sTrigger, aArgs ) +{ + var aoStore = oSettings[sStore]; + var aRet =[]; + + for ( var i=aoStore.length-1 ; i>=0 ; i-- ) + { + aRet.push( aoStore[i].fn.apply( oSettings.oInstance, aArgs ) ); + } + + if ( sTrigger !== null ) + { + $(oSettings.oInstance).trigger(sTrigger, aArgs); + } + + return aRet; +} + + +/** + * JSON stringify. If JSON.stringify it provided by the browser, json2.js or any other + * library, then we use that as it is fast, safe and accurate. If the function isn't + * available then we need to built it ourselves - the insperation for this function comes + * from Craig Buckler ( http://www.sitepoint.com/javascript-json-serialization/ ). It is + * not perfect and absolutely should not be used as a replacement to json2.js - but it does + * do what we need, without requiring a dependency for DataTables. + * @param {object} o JSON object to be converted + * @returns {string} JSON string + * @memberof DataTable#oApi + */ +var _fnJsonString = (window.JSON) ? JSON.stringify : function( o ) +{ + /* Not an object or array */ + var sType = typeof o; + if (sType !== "object" || o === null) + { + // simple data type + if (sType === "string") + { + o = '"'+o+'"'; + } + return o+""; + } + + /* If object or array, need to recurse over it */ + var + sProp, mValue, + json = [], + bArr = $.isArray(o); + + for (sProp in o) + { + mValue = o[sProp]; + sType = typeof mValue; + + if (sType === "string") + { + mValue = '"'+mValue+'"'; + } + else if (sType === "object" && mValue !== null) + { + mValue = _fnJsonString(mValue); + } + + json.push((bArr ? "" : '"'+sProp+'":') + mValue); + } + + return (bArr ? "[" : "{") + json + (bArr ? "]" : "}"); +}; + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.classes.js b/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.classes.js new file mode 100644 index 0000000000000000000000000000000000000000..393c373868f0af221f1277502ba8a0d3ff4760c6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.classes.js @@ -0,0 +1,108 @@ + +$.extend( DataTable.ext.oStdClasses, { + "sTable": "dataTable", + + /* Two buttons buttons */ + "sPagePrevEnabled": "paginate_enabled_previous", + "sPagePrevDisabled": "paginate_disabled_previous", + "sPageNextEnabled": "paginate_enabled_next", + "sPageNextDisabled": "paginate_disabled_next", + "sPageJUINext": "", + "sPageJUIPrev": "", + + /* Full numbers paging buttons */ + "sPageButton": "paginate_button", + "sPageButtonActive": "paginate_active", + "sPageButtonStaticDisabled": "paginate_button paginate_button_disabled", + "sPageFirst": "first", + "sPagePrevious": "previous", + "sPageNext": "next", + "sPageLast": "last", + + /* Striping classes */ + "sStripeOdd": "odd", + "sStripeEven": "even", + + /* Empty row */ + "sRowEmpty": "dataTables_empty", + + /* Features */ + "sWrapper": "dataTables_wrapper", + "sFilter": "dataTables_filter", + "sInfo": "dataTables_info", + "sPaging": "dataTables_paginate paging_", /* Note that the type is postfixed */ + "sLength": "dataTables_length", + "sProcessing": "dataTables_processing", + + /* Sorting */ + "sSortAsc": "sorting_asc", + "sSortDesc": "sorting_desc", + "sSortable": "sorting", /* Sortable in both directions */ + "sSortableAsc": "sorting_asc_disabled", + "sSortableDesc": "sorting_desc_disabled", + "sSortableNone": "sorting_disabled", + "sSortColumn": "sorting_", /* Note that an int is postfixed for the sorting order */ + "sSortJUIAsc": "", + "sSortJUIDesc": "", + "sSortJUI": "", + "sSortJUIAscAllowed": "", + "sSortJUIDescAllowed": "", + "sSortJUIWrapper": "", + "sSortIcon": "", + + /* Scrolling */ + "sScrollWrapper": "dataTables_scroll", + "sScrollHead": "dataTables_scrollHead", + "sScrollHeadInner": "dataTables_scrollHeadInner", + "sScrollBody": "dataTables_scrollBody", + "sScrollFoot": "dataTables_scrollFoot", + "sScrollFootInner": "dataTables_scrollFootInner", + + /* Misc */ + "sFooterTH": "" +} ); + + +$.extend( DataTable.ext.oJUIClasses, DataTable.ext.oStdClasses, { + /* Two buttons buttons */ + "sPagePrevEnabled": "fg-button ui-button ui-state-default ui-corner-left", + "sPagePrevDisabled": "fg-button ui-button ui-state-default ui-corner-left ui-state-disabled", + "sPageNextEnabled": "fg-button ui-button ui-state-default ui-corner-right", + "sPageNextDisabled": "fg-button ui-button ui-state-default ui-corner-right ui-state-disabled", + "sPageJUINext": "ui-icon ui-icon-circle-arrow-e", + "sPageJUIPrev": "ui-icon ui-icon-circle-arrow-w", + + /* Full numbers paging buttons */ + "sPageButton": "fg-button ui-button ui-state-default", + "sPageButtonActive": "fg-button ui-button ui-state-default ui-state-disabled", + "sPageButtonStaticDisabled": "fg-button ui-button ui-state-default ui-state-disabled", + "sPageFirst": "first ui-corner-tl ui-corner-bl", + "sPageLast": "last ui-corner-tr ui-corner-br", + + /* Features */ + "sPaging": "dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi "+ + "ui-buttonset-multi paging_", /* Note that the type is postfixed */ + + /* Sorting */ + "sSortAsc": "ui-state-default", + "sSortDesc": "ui-state-default", + "sSortable": "ui-state-default", + "sSortableAsc": "ui-state-default", + "sSortableDesc": "ui-state-default", + "sSortableNone": "ui-state-default", + "sSortJUIAsc": "css_right ui-icon ui-icon-triangle-1-n", + "sSortJUIDesc": "css_right ui-icon ui-icon-triangle-1-s", + "sSortJUI": "css_right ui-icon ui-icon-carat-2-n-s", + "sSortJUIAscAllowed": "css_right ui-icon ui-icon-carat-1-n", + "sSortJUIDescAllowed": "css_right ui-icon ui-icon-carat-1-s", + "sSortJUIWrapper": "DataTables_sort_wrapper", + "sSortIcon": "DataTables_sort_icon", + + /* Scrolling */ + "sScrollHead": "dataTables_scrollHead ui-state-default", + "sScrollFoot": "dataTables_scrollFoot ui-state-default", + + /* Misc */ + "sFooterTH": "ui-state-default" +} ); + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.paging.js b/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.paging.js new file mode 100644 index 0000000000000000000000000000000000000000..cc0e41c723fbf1c6ba46beaf67c016cb4a0babaf --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.paging.js @@ -0,0 +1,250 @@ + +/* + * Variable: oPagination + * Purpose: + * Scope: jQuery.fn.dataTableExt + */ +$.extend( DataTable.ext.oPagination, { + /* + * Variable: two_button + * Purpose: Standard two button (forward/back) pagination + * Scope: jQuery.fn.dataTableExt.oPagination + */ + "two_button": { + /* + * Function: oPagination.two_button.fnInit + * Purpose: Initialise dom elements required for pagination with forward/back buttons only + * Returns: - + * Inputs: object:oSettings - dataTables settings object + * node:nPaging - the DIV which contains this pagination control + * function:fnCallbackDraw - draw function which must be called on update + */ + "fnInit": function ( oSettings, nPaging, fnCallbackDraw ) + { + var oLang = oSettings.oLanguage.oPaginate; + var oClasses = oSettings.oClasses; + var fnClickHandler = function ( e ) { + if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) ) + { + fnCallbackDraw( oSettings ); + } + }; + + var sAppend = (!oSettings.bJUI) ? + '<a class="'+oSettings.oClasses.sPagePrevDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button">'+oLang.sPrevious+'</a>'+ + '<a class="'+oSettings.oClasses.sPageNextDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button">'+oLang.sNext+'</a>' + : + '<a class="'+oSettings.oClasses.sPagePrevDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button"><span class="'+oSettings.oClasses.sPageJUIPrev+'"></span></a>'+ + '<a class="'+oSettings.oClasses.sPageNextDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button"><span class="'+oSettings.oClasses.sPageJUINext+'"></span></a>'; + $(nPaging).append( sAppend ); + + var els = $('a', nPaging); + var nPrevious = els[0], + nNext = els[1]; + + oSettings.oApi._fnBindAction( nPrevious, {action: "previous"}, fnClickHandler ); + oSettings.oApi._fnBindAction( nNext, {action: "next"}, fnClickHandler ); + + /* ID the first elements only */ + if ( !oSettings.aanFeatures.p ) + { + nPaging.id = oSettings.sTableId+'_paginate'; + nPrevious.id = oSettings.sTableId+'_previous'; + nNext.id = oSettings.sTableId+'_next'; + + nPrevious.setAttribute('aria-controls', oSettings.sTableId); + nNext.setAttribute('aria-controls', oSettings.sTableId); + } + }, + + /* + * Function: oPagination.two_button.fnUpdate + * Purpose: Update the two button pagination at the end of the draw + * Returns: - + * Inputs: object:oSettings - dataTables settings object + * function:fnCallbackDraw - draw function to call on page change + */ + "fnUpdate": function ( oSettings, fnCallbackDraw ) + { + if ( !oSettings.aanFeatures.p ) + { + return; + } + + var oClasses = oSettings.oClasses; + var an = oSettings.aanFeatures.p; + + /* Loop over each instance of the pager */ + for ( var i=0, iLen=an.length ; i<iLen ; i++ ) + { + if ( an[i].childNodes.length !== 0 ) + { + an[i].childNodes[0].className = ( oSettings._iDisplayStart === 0 ) ? + oClasses.sPagePrevDisabled : oClasses.sPagePrevEnabled; + + an[i].childNodes[1].className = ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) ? + oClasses.sPageNextDisabled : oClasses.sPageNextEnabled; + } + } + } + }, + + + /* + * Variable: iFullNumbersShowPages + * Purpose: Change the number of pages which can be seen + * Scope: jQuery.fn.dataTableExt.oPagination + */ + "iFullNumbersShowPages": 5, + + /* + * Variable: full_numbers + * Purpose: Full numbers pagination + * Scope: jQuery.fn.dataTableExt.oPagination + */ + "full_numbers": { + /* + * Function: oPagination.full_numbers.fnInit + * Purpose: Initialise dom elements required for pagination with a list of the pages + * Returns: - + * Inputs: object:oSettings - dataTables settings object + * node:nPaging - the DIV which contains this pagination control + * function:fnCallbackDraw - draw function which must be called on update + */ + "fnInit": function ( oSettings, nPaging, fnCallbackDraw ) + { + var oLang = oSettings.oLanguage.oPaginate; + var oClasses = oSettings.oClasses; + var fnClickHandler = function ( e ) { + if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) ) + { + fnCallbackDraw( oSettings ); + } + }; + + $(nPaging).append( + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageFirst+'">'+oLang.sFirst+'</a>'+ + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPagePrevious+'">'+oLang.sPrevious+'</a>'+ + '<span></span>'+ + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageNext+'">'+oLang.sNext+'</a>'+ + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageLast+'">'+oLang.sLast+'</a>' + ); + var els = $('a', nPaging); + var nFirst = els[0], + nPrev = els[1], + nNext = els[2], + nLast = els[3]; + + oSettings.oApi._fnBindAction( nFirst, {action: "first"}, fnClickHandler ); + oSettings.oApi._fnBindAction( nPrev, {action: "previous"}, fnClickHandler ); + oSettings.oApi._fnBindAction( nNext, {action: "next"}, fnClickHandler ); + oSettings.oApi._fnBindAction( nLast, {action: "last"}, fnClickHandler ); + + /* ID the first elements only */ + if ( !oSettings.aanFeatures.p ) + { + nPaging.id = oSettings.sTableId+'_paginate'; + nFirst.id =oSettings.sTableId+'_first'; + nPrev.id =oSettings.sTableId+'_previous'; + nNext.id =oSettings.sTableId+'_next'; + nLast.id =oSettings.sTableId+'_last'; + } + }, + + /* + * Function: oPagination.full_numbers.fnUpdate + * Purpose: Update the list of page buttons shows + * Returns: - + * Inputs: object:oSettings - dataTables settings object + * function:fnCallbackDraw - draw function to call on page change + */ + "fnUpdate": function ( oSettings, fnCallbackDraw ) + { + if ( !oSettings.aanFeatures.p ) + { + return; + } + + var iPageCount = DataTable.ext.oPagination.iFullNumbersShowPages; + var iPageCountHalf = Math.floor(iPageCount / 2); + var iPages = Math.ceil((oSettings.fnRecordsDisplay()) / oSettings._iDisplayLength); + var iCurrentPage = Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength) + 1; + var sList = ""; + var iStartButton, iEndButton, i, iLen; + var oClasses = oSettings.oClasses; + var anButtons, anStatic, nPaginateList; + var an = oSettings.aanFeatures.p; + var fnBind = function (j) { + oSettings.oApi._fnBindAction( this, {"page": j+iStartButton-1}, function(e) { + /* Use the information in the element to jump to the required page */ + oSettings.oApi._fnPageChange( oSettings, e.data.page ); + fnCallbackDraw( oSettings ); + e.preventDefault(); + } ); + }; + + /* Pages calculation */ + if (iPages < iPageCount) + { + iStartButton = 1; + iEndButton = iPages; + } + else if (iCurrentPage <= iPageCountHalf) + { + iStartButton = 1; + iEndButton = iPageCount; + } + else if (iCurrentPage >= (iPages - iPageCountHalf)) + { + iStartButton = iPages - iPageCount + 1; + iEndButton = iPages; + } + else + { + iStartButton = iCurrentPage - Math.ceil(iPageCount / 2) + 1; + iEndButton = iStartButton + iPageCount - 1; + } + + /* Build the dynamic list */ + for ( i=iStartButton ; i<=iEndButton ; i++ ) + { + sList += (iCurrentPage !== i) ? + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+'">'+oSettings.fnFormatNumber(i)+'</a>' : + '<a tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButtonActive+'">'+oSettings.fnFormatNumber(i)+'</a>'; + } + + /* Loop over each instance of the pager */ + for ( i=0, iLen=an.length ; i<iLen ; i++ ) + { + if ( an[i].childNodes.length === 0 ) + { + continue; + } + + /* Build up the dynamic list forst - html and listeners */ + $('span:eq(0)', an[i]) + .html( sList ) + .children('a').each( fnBind ); + + /* Update the premanent botton's classes */ + anButtons = an[i].getElementsByTagName('a'); + anStatic = [ + anButtons[0], anButtons[1], + anButtons[anButtons.length-2], anButtons[anButtons.length-1] + ]; + + $(anStatic).removeClass( oClasses.sPageButton+" "+oClasses.sPageButtonActive+" "+oClasses.sPageButtonStaticDisabled ); + $([anStatic[0], anStatic[1]]).addClass( + (iCurrentPage==1) ? + oClasses.sPageButtonStaticDisabled : + oClasses.sPageButton + ); + $([anStatic[2], anStatic[3]]).addClass( + (iPages===0 || iCurrentPage===iPages || oSettings._iDisplayLength===-1) ? + oClasses.sPageButtonStaticDisabled : + oClasses.sPageButton + ); + } + } + } +} ); diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.sorting.js b/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.sorting.js new file mode 100644 index 0000000000000000000000000000000000000000..4438257927eb341dfb3d1a6f152ab08dad4dc441 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.sorting.js @@ -0,0 +1,84 @@ + +$.extend( DataTable.ext.oSort, { + /* + * text sorting + */ + "string-pre": function ( a ) + { + if ( typeof a != 'string' ) { a = ''; } + return a.toLowerCase(); + }, + + "string-asc": function ( x, y ) + { + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + }, + + "string-desc": function ( x, y ) + { + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + }, + + + /* + * html sorting (ignore html tags) + */ + "html-pre": function ( a ) + { + return a.replace( /<.*?>/g, "" ).toLowerCase(); + }, + + "html-asc": function ( x, y ) + { + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + }, + + "html-desc": function ( x, y ) + { + return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + }, + + + /* + * date sorting + */ + "date-pre": function ( a ) + { + var x = Date.parse( a ); + + if ( isNaN(x) || x==="" ) + { + x = Date.parse( "01/01/1970 00:00:00" ); + } + return x; + }, + + "date-asc": function ( x, y ) + { + return x - y; + }, + + "date-desc": function ( x, y ) + { + return y - x; + }, + + + /* + * numerical sorting + */ + "numeric-pre": function ( a ) + { + return (a=="-" || a==="") ? 0 : a*1; + }, + + "numeric-asc": function ( x, y ) + { + return x - y; + }, + + "numeric-desc": function ( x, y ) + { + return y - x; + } +} ); diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.types.js b/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.types.js new file mode 100644 index 0000000000000000000000000000000000000000..ffd4e1432a4954be066e336fbcf366d5d37bae64 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/ext/ext.types.js @@ -0,0 +1,88 @@ + + +$.extend( DataTable.ext.aTypes, [ + /* + * Function: - + * Purpose: Check to see if a string is numeric + * Returns: string:'numeric' or null + * Inputs: mixed:sText - string to check + */ + function ( sData ) + { + /* Allow zero length strings as a number */ + if ( typeof sData === 'number' ) + { + return 'numeric'; + } + else if ( typeof sData !== 'string' ) + { + return null; + } + + var sValidFirstChars = "0123456789-"; + var sValidChars = "0123456789."; + var Char; + var bDecimal = false; + + /* Check for a valid first char (no period and allow negatives) */ + Char = sData.charAt(0); + if (sValidFirstChars.indexOf(Char) == -1) + { + return null; + } + + /* Check all the other characters are valid */ + for ( var i=1 ; i<sData.length ; i++ ) + { + Char = sData.charAt(i); + if (sValidChars.indexOf(Char) == -1) + { + return null; + } + + /* Only allowed one decimal place... */ + if ( Char == "." ) + { + if ( bDecimal ) + { + return null; + } + bDecimal = true; + } + } + + return 'numeric'; + }, + + /* + * Function: - + * Purpose: Check to see if a string is actually a formatted date + * Returns: string:'date' or null + * Inputs: string:sText - string to check + */ + function ( sData ) + { + var iParse = Date.parse(sData); + if ( (iParse !== null && !isNaN(iParse)) || (typeof sData === 'string' && sData.length === 0) ) + { + return 'date'; + } + return null; + }, + + /* + * Function: - + * Purpose: Check to see if a string should be treated as an HTML string + * Returns: string:'html' or null + * Inputs: string:sText - string to check + */ + function ( sData ) + { + if ( typeof sData === 'string' && sData.indexOf('<') != -1 && sData.indexOf('>') != -1 ) + { + return 'html'; + } + return null; + } +] ); + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.column.js b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.column.js new file mode 100644 index 0000000000000000000000000000000000000000..9f076c3674ca2c88b1e352b35576857fdee4ec71 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.column.js @@ -0,0 +1,248 @@ + + + +/** + * Template object for the column information object in DataTables. This object + * is held in the settings aoColumns array and contains all the information that + * DataTables needs about each individual column. + * + * Note that this object is related to {@link DataTable.defaults.columns} + * but this one is the internal data store for DataTables's cache of columns. + * It should NOT be manipulated outside of DataTables. Any configuration should + * be done through the initialisation options. + * @namespace + */ +DataTable.models.oColumn = { + /** + * A list of the columns that sorting should occur on when this column + * is sorted. That this property is an array allows multi-column sorting + * to be defined for a column (for example first name / last name columns + * would benefit from this). The values are integers pointing to the + * columns to be sorted on (typically it will be a single integer pointing + * at itself, but that doesn't need to be the case). + * @type array + */ + "aDataSort": null, + + /** + * Define the sorting directions that are applied to the column, in sequence + * as the column is repeatedly sorted upon - i.e. the first value is used + * as the sorting direction when the column if first sorted (clicked on). + * Sort it again (click again) and it will move on to the next index. + * Repeat until loop. + * @type array + */ + "asSorting": null, + + /** + * Flag to indicate if the column is searchable, and thus should be included + * in the filtering or not. + * @type boolean + */ + "bSearchable": null, + + /** + * Flag to indicate if the column is sortable or not. + * @type boolean + */ + "bSortable": null, + + /** + * When using fnRender, you have two options for what to do with the data, + * and this property serves as the switch. Firstly, you can have the sorting + * and filtering use the rendered value (true - default), or you can have + * the sorting and filtering us the original value (false). + * + * *NOTE* It is it is advisable now to use mDataProp as a function and make + * use of the 'type' that it gives, allowing (potentially) different data to + * be used for sorting, filtering, display and type detection. + * @type boolean + * @deprecated + */ + "bUseRendered": null, + + /** + * Flag to indicate if the column is currently visible in the table or not + * @type boolean + */ + "bVisible": null, + + /** + * Flag to indicate to the type detection method if the automatic type + * detection should be used, or if a column type (sType) has been specified + * @type boolean + * @default true + * @private + */ + "_bAutoType": true, + + /** + * Developer definable function that is called whenever a cell is created (Ajax source, + * etc) or processed for input (DOM source). This can be used as a compliment to fnRender + * allowing you to modify the DOM element (add background colour for example) when the + * element is available (since it is not when fnRender is called). + * @type function + * @param {element} nTd The TD node that has been created + * @param {*} sData The Data for the cell + * @param {array|object} oData The data for the whole row + * @param {int} iRow The row index for the aoData data store + * @default null + */ + "fnCreatedCell": null, + + /** + * Function to get data from a cell in a column. You should <b>never</b> + * access data directly through _aData internally in DataTables - always use + * the method attached to this property. It allows mDataProp to function as + * required. This function is automatically assigned by the column + * initialisation method + * @type function + * @param {array|object} oData The data array/object for the array + * (i.e. aoData[]._aData) + * @param {string} sSpecific The specific data type you want to get - + * 'display', 'type' 'filter' 'sort' + * @returns {*} The data for the cell from the given row's data + * @default null + */ + "fnGetData": null, + + /** + * Custom display function that will be called for the display of each cell + * in this column. + * @type function + * @param {object} o Object with the following parameters: + * @param {int} o.iDataRow The row in aoData + * @param {int} o.iDataColumn The column in question + * @param {array o.aData The data for the row in question + * @param {object} o.oSettings The settings object for this DataTables instance + * @returns {string} The string you which to use in the display + * @default null + */ + "fnRender": null, + + /** + * Function to set data for a cell in the column. You should <b>never</b> + * set the data directly to _aData internally in DataTables - always use + * this method. It allows mDataProp to function as required. This function + * is automatically assigned by the column initialisation method + * @type function + * @param {array|object} oData The data array/object for the array + * (i.e. aoData[]._aData) + * @param {*} sValue Value to set + * @default null + */ + "fnSetData": null, + + /** + * Property to read the value for the cells in the column from the data + * source array / object. If null, then the default content is used, if a + * function is given then the return from the function is used. + * @type function|int|string|null + * @default null + */ + "mDataProp": null, + + /** + * Unique header TH/TD element for this column - this is what the sorting + * listener is attached to (if sorting is enabled.) + * @type node + * @default null + */ + "nTh": null, + + /** + * Unique footer TH/TD element for this column (if there is one). Not used + * in DataTables as such, but can be used for plug-ins to reference the + * footer for each column. + * @type node + * @default null + */ + "nTf": null, + + /** + * The class to apply to all TD elements in the table's TBODY for the column + * @type string + * @default null + */ + "sClass": null, + + /** + * When DataTables calculates the column widths to assign to each column, + * it finds the longest string in each column and then constructs a + * temporary table and reads the widths from that. The problem with this + * is that "mmm" is much wider then "iiii", but the latter is a longer + * string - thus the calculation can go wrong (doing it properly and putting + * it into an DOM object and measuring that is horribly(!) slow). Thus as + * a "work around" we provide this option. It will append its value to the + * text that is found to be the longest string for the column - i.e. padding. + * @type string + */ + "sContentPadding": null, + + /** + * Allows a default value to be given for a column's data, and will be used + * whenever a null data source is encountered (this can be because mDataProp + * is set to null, or because the data source itself is null). + * @type string + * @default null + */ + "sDefaultContent": null, + + /** + * Name for the column, allowing reference to the column by name as well as + * by index (needs a lookup to work by name). + * @type string + */ + "sName": null, + + /** + * Custom sorting data type - defines which of the available plug-ins in + * afnSortData the custom sorting will use - if any is defined. + * @type string + * @default std + */ + "sSortDataType": 'std', + + /** + * Class to be applied to the header element when sorting on this column + * @type string + * @default null + */ + "sSortingClass": null, + + /** + * Class to be applied to the header element when sorting on this column - + * when jQuery UI theming is used. + * @type string + * @default null + */ + "sSortingClassJUI": null, + + /** + * Title of the column - what is seen in the TH element (nTh). + * @type string + */ + "sTitle": null, + + /** + * Column sorting and filtering type + * @type string + * @default null + */ + "sType": null, + + /** + * Width of the column + * @type string + * @default null + */ + "sWidth": null, + + /** + * Width of the column when it was first "encountered" + * @type string + * @default null + */ + "sWidthOrig": null +}; + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.defaults.columns.js b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.defaults.columns.js new file mode 100644 index 0000000000000000000000000000000000000000..adb2acdef36acb51c13d75c8ee37f5f3424af94e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.defaults.columns.js @@ -0,0 +1,712 @@ + + +/** + * Column options that can be given to DataTables at initialisation time. + * @namespace + */ +DataTable.defaults.columns = { + /** + * Allows a column's sorting to take multiple columns into account when + * doing a sort. For example first name / last name columns make sense to + * do a multi-column sort over the two columns. + * @type array + * @default null <i>Takes the value of the column index automatically</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "aDataSort": [ 0, 1 ], "aTargets": [ 0 ] }, + * { "aDataSort": [ 1, 0 ], "aTargets": [ 1 ] }, + * { "aDataSort": [ 2, 3, 4 ], "aTargets": [ 2 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "aDataSort": [ 0, 1 ] }, + * { "aDataSort": [ 1, 0 ] }, + * { "aDataSort": [ 2, 3, 4 ] }, + * null, + * null + * ] + * } ); + * } ); + */ + "aDataSort": null, + + + /** + * You can control the default sorting direction, and even alter the behaviour + * of the sort handler (i.e. only allow ascending sorting etc) using this + * parameter. + * @type array + * @default [ 'asc', 'desc' ] + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "asSorting": [ "asc" ], "aTargets": [ 1 ] }, + * { "asSorting": [ "desc", "asc", "asc" ], "aTargets": [ 2 ] }, + * { "asSorting": [ "desc" ], "aTargets": [ 3 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * null, + * { "asSorting": [ "asc" ] }, + * { "asSorting": [ "desc", "asc", "asc" ] }, + * { "asSorting": [ "desc" ] }, + * null + * ] + * } ); + * } ); + */ + "asSorting": [ 'asc', 'desc' ], + + + /** + * Enable or disable filtering on the data in this column. + * @type boolean + * @default true + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "bSearchable": false, "aTargets": [ 0 ] } + * ] } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "bSearchable": false }, + * null, + * null, + * null, + * null + * ] } ); + * } ); + */ + "bSearchable": true, + + + /** + * Enable or disable sorting on this column. + * @type boolean + * @default true + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "bSortable": false, "aTargets": [ 0 ] } + * ] } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "bSortable": false }, + * null, + * null, + * null, + * null + * ] } ); + * } ); + */ + "bSortable": true, + + + /** + * When using fnRender() for a column, you may wish to use the original data + * (before rendering) for sorting and filtering (the default is to used the + * rendered data that the user can see). This may be useful for dates etc. + * + * *NOTE* It is it is advisable now to use mDataProp as a function and make + * use of the 'type' that it gives, allowing (potentially) different data to + * be used for sorting, filtering, display and type detection. + * @type boolean + * @default true + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { + * "fnRender": function ( oObj ) { + * return oObj.aData[0] +' '+ oObj.aData[3]; + * }, + * "bUseRendered": false, + * "aTargets": [ 0 ] + * } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { + * "fnRender": function ( oObj ) { + * return oObj.aData[0] +' '+ oObj.aData[3]; + * }, + * "bUseRendered": false + * }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "bUseRendered": true, + + + /** + * Enable or disable the display of this column. + * @type boolean + * @default true + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "bVisible": false, "aTargets": [ 0 ] } + * ] } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "bVisible": false }, + * null, + * null, + * null, + * null + * ] } ); + * } ); + */ + "bVisible": true, + + + /** + * Developer definable function that is called whenever a cell is created (Ajax source, + * etc) or processed for input (DOM source). This can be used as a compliment to fnRender + * allowing you to modify the DOM element (add background colour for example) when the + * element is available (since it is not when fnRender is called). + * @type function + * @param {element} nTd The TD node that has been created + * @param {*} sData The Data for the cell + * @param {array|object} oData The data for the whole row + * @param {int} iRow The row index for the aoData data store + * @param {int} iCol The column index for aoColumns + * @dtopt Columns + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ { + * "aTargets": [3], + * "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) { + * if ( sData == "1.7" ) { + * $(nTd).css('color', 'blue') + * } + * } + * } ] + * }); + * } ); + */ + "fnCreatedCell": null, + + + /** + * Custom display function that will be called for the display of each cell in + * this column. + * @type function + * @param {object} o Object with the following parameters: + * @param {int} o.iDataRow The row in aoData + * @param {int} o.iDataColumn The column in question + * @param {array} o.aData The data for the row in question + * @param {object} o.oSettings The settings object for this DataTables instance + * @param {object} o.mDataProp The data property used for this column + * @param {*} val The current cell value + * @returns {string} The string you which to use in the display + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { + * "fnRender": function ( o, val ) { + * return o.aData[0] +' '+ o.aData[3]; + * }, + * "aTargets": [ 0 ] + * } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "fnRender": function ( o, val ) { + * return o.aData[0] +' '+ o.aData[3]; + * } }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "fnRender": null, + + + /** + * The column index (starting from 0!) that you wish a sort to be performed + * upon when this column is selected for sorting. This can be used for sorting + * on hidden columns for example. + * @type int + * @default -1 <i>Use automatically calculated column index</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "iDataSort": 1, "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "iDataSort": 1 }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "iDataSort": -1, + + + /** + * This property can be used to read data from any JSON data source property, + * including deeply nested objects / properties. mDataProp can be given in a + * number of different ways which effect its behaviour: + * <ul> + * <li>integer - treated as an array index for the data source. This is the + * default that DataTables uses (incrementally increased for each column).</li> + * <li>string - read an object property from the data source. Note that you can + * use Javascript dotted notation to read deep properties/arrays from the + * data source.</li> + * <li>null - the sDafaultContent option will use used for the cell (empty + * string by default. This can be useful on generated columns such as + * edit / delete action columns.</li> + * <li>function - the function given will be executed whenever DataTables + * needs to set or get the data for a cell in the column. The function + * takes three parameters: + * <ul> + * <li>{array|object} The data source for the row</li> + * <li>{string} The type call data requested - this will be 'set' when + * setting data or 'filter', 'display', 'type' or 'sort' when gathering + * data.</li> + * <li>{*} Data to set when the second parameter is 'set'.</li> + * </ul> + * The return value from the function is not required when 'set' is the type + * of call, but otherwise the return is what will be used for the data + * requested.</li> + * </ul> + * @type string|int|function|null + * @default null <i>Use automatically calculated column index</i> + * @dtopt Columns + * + * @example + * // Read table data from objects + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sAjaxSource": "sources/deep.txt", + * "aoColumns": [ + * { "mDataProp": "engine" }, + * { "mDataProp": "browser" }, + * { "mDataProp": "platform.inner" }, + * { "mDataProp": "platform.details.0" }, + * { "mDataProp": "platform.details.1" } + * ] + * } ); + * } ); + * + * @example + * // Using mDataProp as a function to provide different information for + * // sorting, filtering and display. In this case, currency (price) + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "aoColumnDefs": [ + * { + * "aTargets": [ 0 ], + * "mDataProp": function ( source, type, val ) { + * if (type === 'set') { + * source.price = val; + * // Store the computed dislay and filter values for efficiency + * source.price_display = val=="" ? "" : "$"+numberFormat(val); + * source.price_filter = val=="" ? "" : "$"+numberFormat(val)+" "+val; + * return; + * } + * else if (type === 'display') { + * return source.price_display; + * } + * else if (type === 'filter') { + * return source.price_filter; + * } + * // 'sort' and 'type' both just use the integer + * return source.price; + * } + * ] + * } ); + * } ); + */ + "mDataProp": null, + + + /** + * Class to give to each cell in this column. + * @type string + * @default <i>Empty string</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sClass": "my_class", "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sClass": "my_class" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sClass": "", + + /** + * When DataTables calculates the column widths to assign to each column, + * it finds the longest string in each column and then constructs a + * temporary table and reads the widths from that. The problem with this + * is that "mmm" is much wider then "iiii", but the latter is a longer + * string - thus the calculation can go wrong (doing it properly and putting + * it into an DOM object and measuring that is horribly(!) slow). Thus as + * a "work around" we provide this option. It will append its value to the + * text that is found to be the longest string for the column - i.e. padding. + * Generally you shouldn't need this, and it is not documented on the + * general DataTables.net documentation + * @type string + * @default <i>Empty string<i> + * @dtopt Columns + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * null, + * null, + * null, + * { + * "sContentPadding": "mmm" + * } + * ] + * } ); + * } ); + */ + "sContentPadding": "", + + + /** + * Allows a default value to be given for a column's data, and will be used + * whenever a null data source is encountered (this can be because mDataProp + * is set to null, or because the data source itself is null). + * @type string + * @default null + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { + * "mDataProp": null, + * "sDefaultContent": "Edit", + * "aTargets": [ -1 ] + * } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * null, + * null, + * null, + * { + * "mDataProp": null, + * "sDefaultContent": "Edit" + * } + * ] + * } ); + * } ); + */ + "sDefaultContent": null, + + + /** + * This parameter is only used in DataTables' server-side processing. It can + * be exceptionally useful to know what columns are being displayed on the + * client side, and to map these to database fields. When defined, the names + * also allow DataTables to reorder information from the server if it comes + * back in an unexpected order (i.e. if you switch your columns around on the + * client-side, your server-side code does not also need updating). + * @type string + * @default <i>Empty string</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sName": "engine", "aTargets": [ 0 ] }, + * { "sName": "browser", "aTargets": [ 1 ] }, + * { "sName": "platform", "aTargets": [ 2 ] }, + * { "sName": "version", "aTargets": [ 3 ] }, + * { "sName": "grade", "aTargets": [ 4 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sName": "engine" }, + * { "sName": "browser" }, + * { "sName": "platform" }, + * { "sName": "version" }, + * { "sName": "grade" } + * ] + * } ); + * } ); + */ + "sName": "", + + + /** + * Defines a data source type for the sorting which can be used to read + * realtime information from the table (updating the internally cached + * version) prior to sorting. This allows sorting to occur on user editable + * elements such as form inputs. + * @type string + * @default std + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sSortDataType": "dom-text", "aTargets": [ 2, 3 ] }, + * { "sType": "numeric", "aTargets": [ 3 ] }, + * { "sSortDataType": "dom-select", "aTargets": [ 4 ] }, + * { "sSortDataType": "dom-checkbox", "aTargets": [ 5 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * null, + * null, + * { "sSortDataType": "dom-text" }, + * { "sSortDataType": "dom-text", "sType": "numeric" }, + * { "sSortDataType": "dom-select" }, + * { "sSortDataType": "dom-checkbox" } + * ] + * } ); + * } ); + */ + "sSortDataType": "std", + + + /** + * The title of this column. + * @type string + * @default null <i>Derived from the 'TH' value for this column in the + * original HTML table.</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sTitle": "My column title", "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sTitle": "My column title" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sTitle": null, + + + /** + * The type allows you to specify how the data for this column will be sorted. + * Four types (string, numeric, date and html (which will strip HTML tags + * before sorting)) are currently available. Note that only date formats + * understood by Javascript's Date() object will be accepted as type date. For + * example: "Mar 26, 2008 5:03 PM". May take the values: 'string', 'numeric', + * 'date' or 'html' (by default). Further types can be adding through + * plug-ins. + * @type string + * @default null <i>Auto-detected from raw data</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sType": "html", "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sType": "html" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sType": null, + + + /** + * Defining the width of the column, this parameter may take any CSS value + * (3em, 20px etc). DataTables applys 'smart' widths to columns which have not + * been given a specific width through this interface ensuring that the table + * remains readable. + * @type string + * @default null <i>Automatic</i> + * @dtopt Columns + * + * @example + * // Using aoColumnDefs + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumnDefs": [ + * { "sWidth": "20%", "aTargets": [ 0 ] } + * ] + * } ); + * } ); + * + * @example + * // Using aoColumns + * $(document).ready(function() { + * $('#example').dataTable( { + * "aoColumns": [ + * { "sWidth": "20%" }, + * null, + * null, + * null, + * null + * ] + * } ); + * } ); + */ + "sWidth": null +}; + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.defaults.js b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.defaults.js new file mode 100644 index 0000000000000000000000000000000000000000..63c7f0a73c5161fb476805e6a8a5f8b5c0a0bde7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.defaults.js @@ -0,0 +1,1924 @@ + + +/** + * Initialisation options that can be given to DataTables at initialisation + * time. + * @namespace + */ +DataTable.defaults = { + /** + * An array of data to use for the table, passed in at initialisation which + * will be used in preference to any data which is already in the DOM. This is + * particularly useful for constructing tables purely in Javascript, for + * example with a custom Ajax call. + * @type array + * @default null + * @dtopt Option + * + * @example + * // Using a 2D array data source + * $(document).ready( function () { + * $('#example').dataTable( { + * "aaData": [ + * ['Trident', 'Internet Explorer 4.0', 'Win 95+', 4, 'X'], + * ['Trident', 'Internet Explorer 5.0', 'Win 95+', 5, 'C'], + * ], + * "aoColumns": [ + * { "sTitle": "Engine" }, + * { "sTitle": "Browser" }, + * { "sTitle": "Platform" }, + * { "sTitle": "Version" }, + * { "sTitle": "Grade" } + * ] + * } ); + * } ); + * + * @example + * // Using an array of objects as a data source (mDataProp) + * $(document).ready( function () { + * $('#example').dataTable( { + * "aaData": [ + * { + * "engine": "Trident", + * "browser": "Internet Explorer 4.0", + * "platform": "Win 95+", + * "version": 4, + * "grade": "X" + * }, + * { + * "engine": "Trident", + * "browser": "Internet Explorer 5.0", + * "platform": "Win 95+", + * "version": 5, + * "grade": "C" + * } + * ], + * "aoColumns": [ + * { "sTitle": "Engine", "mDataProp": "engine" }, + * { "sTitle": "Browser", "mDataProp": "browser" }, + * { "sTitle": "Platform", "mDataProp": "platform" }, + * { "sTitle": "Version", "mDataProp": "version" }, + * { "sTitle": "Grade", "mDataProp": "grade" } + * ] + * } ); + * } ); + */ + "aaData": null, + + + /** + * If sorting is enabled, then DataTables will perform a first pass sort on + * initialisation. You can define which column(s) the sort is performed upon, + * and the sorting direction, with this variable. The aaSorting array should + * contain an array for each column to be sorted initially containing the + * column's index and a direction string ('asc' or 'desc'). + * @type array + * @default [[0,'asc']] + * @dtopt Option + * + * @example + * // Sort by 3rd column first, and then 4th column + * $(document).ready( function() { + * $('#example').dataTable( { + * "aaSorting": [[2,'asc'], [3,'desc']] + * } ); + * } ); + * + * // No initial sorting + * $(document).ready( function() { + * $('#example').dataTable( { + * "aaSorting": [] + * } ); + * } ); + */ + "aaSorting": [[0,'asc']], + + + /** + * This parameter is basically identical to the aaSorting parameter, but + * cannot be overridden by user interaction with the table. What this means + * is that you could have a column (visible or hidden) which the sorting will + * always be forced on first - any sorting after that (from the user) will + * then be performed as required. This can be useful for grouping rows + * together. + * @type array + * @default null + * @dtopt Option + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "aaSortingFixed": [[0,'asc']] + * } ); + * } ) + */ + "aaSortingFixed": null, + + + /** + * This parameter allows you to readily specify the entries in the length drop + * down menu that DataTables shows when pagination is enabled. It can be + * either a 1D array of options which will be used for both the displayed + * option and the value, or a 2D array which will use the array in the first + * position as the value, and the array in the second position as the + * displayed options (useful for language strings such as 'All'). + * @type array + * @default [ 10, 25, 50, 100 ] + * @dtopt Option + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] + * } ); + * } ); + * + * @example + * // Setting the default display length as well as length menu + * // This is likely to be wanted if you remove the '10' option which + * // is the iDisplayLength default. + * $(document).ready(function() { + * $('#example').dataTable( { + * "iDisplayLength": 25, + * "aLengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]] + * } ); + * } ); + */ + "aLengthMenu": [ 10, 25, 50, 100 ], + + + /** + * The aoColumns option in the initialisation parameter allows you to define + * details about the way individual columns behave. For a full list of + * column options that can be set, please see + * {@link DataTable.defaults.columns}. Note that if you use aoColumns to + * define your columns, you must have an entry in the array for every single + * column that you have in your table (these can be null if you don't which + * to specify any options). + * @member + */ + "aoColumns": null, + + /** + * Very similar to aoColumns, aoColumnDefs allows you to target a specific + * column, multiple columns, or all columns, using the aTargets property of + * each object in the array. This allows great flexibility when creating + * tables, as the aoColumnDefs arrays can be of any length, targeting the + * columns you specifically want. aoColumnDefs may use any of the column + * options available: {@link DataTable.defaults.columns}, but it _must_ + * have aTargets defined in each object in the array. Values in the aTargets + * array may be: + * <ul> + * <li>a string - class name will be matched on the TH for the column</li> + * <li>0 or a positive integer - column index counting from the left</li> + * <li>a negative integer - column index counting from the right</li> + * <li>the string "_all" - all columns (i.e. assign a default)</li> + * </ul> + * @member + */ + "aoColumnDefs": null, + + + /** + * Basically the same as oSearch, this parameter defines the individual column + * filtering state at initialisation time. The array must be of the same size + * as the number of columns, and each element be an object with the parameters + * "sSearch" and "bEscapeRegex" (the latter is optional). 'null' is also + * accepted and the default will be used. + * @type array + * @default [] + * @dtopt Option + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "aoSearchCols": [ + * null, + * { "sSearch": "My filter" }, + * null, + * { "sSearch": "^[0-9]", "bEscapeRegex": false } + * ] + * } ); + * } ) + */ + "aoSearchCols": [], + + + /** + * An array of CSS classes that should be applied to displayed rows. This + * array may be of any length, and DataTables will apply each class + * sequentially, looping when required. + * @type array + * @default [ 'odd', 'even' ] + * @dtopt Option + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "asStripeClasses": [ 'strip1', 'strip2', 'strip3' ] + * } ); + * } ) + */ + "asStripeClasses": [ 'odd', 'even' ], + + + /** + * Enable or disable automatic column width calculation. This can be disabled + * as an optimisation (it takes some time to calculate the widths) if the + * tables widths are passed in using aoColumns. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bAutoWidth": false + * } ); + * } ); + */ + "bAutoWidth": true, + + + /** + * Deferred rendering can provide DataTables with a huge speed boost when you + * are using an Ajax or JS data source for the table. This option, when set to + * true, will cause DataTables to defer the creation of the table elements for + * each row until they are needed for a draw - saving a significant amount of + * time. + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sAjaxSource": "sources/arrays.txt", + * "bDeferRender": true + * } ); + * } ); + */ + "bDeferRender": false, + + + /** + * Replace a DataTable which matches the given selector and replace it with + * one which has the properties of the new initialisation object passed. If no + * table matches the selector, then the new DataTable will be constructed as + * per normal. + * @type boolean + * @default false + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollY": "200px", + * "bPaginate": false + * } ); + * + * // Some time later.... + * $('#example').dataTable( { + * "bFilter": false, + * "bDestroy": true + * } ); + * } ); + */ + "bDestroy": false, + + + /** + * Enable or disable filtering of data. Filtering in DataTables is "smart" in + * that it allows the end user to input multiple words (space separated) and + * will match a row containing those words, even if not in the order that was + * specified (this allow matching across multiple columns). Note that if you + * wish to use filtering in DataTables this must remain 'true' - to remove the + * default filtering input box and retain filtering abilities, please use + * @ref{sDom}. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bFilter": false + * } ); + * } ); + */ + "bFilter": true, + + + /** + * Enable or disable the table information display. This shows information + * about the data that is currently visible on the page, including information + * about filtered data if that action is being performed. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bInfo": false + * } ); + * } ); + */ + "bInfo": true, + + + /** + * Enable jQuery UI ThemeRoller support (required as ThemeRoller requires some + * slightly different and additional mark-up from what DataTables has + * traditionally used). + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "bJQueryUI": true + * } ); + * } ); + */ + "bJQueryUI": false, + + + /** + * Allows the end user to select the size of a formatted page from a select + * menu (sizes are 10, 25, 50 and 100). Requires pagination (bPaginate). + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bLengthChange": false + * } ); + * } ); + */ + "bLengthChange": true, + + + /** + * Enable or disable pagination. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bPaginate": false + * } ); + * } ); + */ + "bPaginate": true, + + + /** + * Enable or disable the display of a 'processing' indicator when the table is + * being processed (e.g. a sort). This is particularly useful for tables with + * large amounts of data where it can take a noticeable amount of time to sort + * the entries. + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bProcessing": true + * } ); + * } ); + */ + "bProcessing": false, + + + /** + * Retrieve the DataTables object for the given selector. Note that if the + * table has already been initialised, this parameter will cause DataTables + * to simply return the object that has already been set up - it will not take + * account of any changes you might have made to the initialisation object + * passed to DataTables (setting this parameter to true is an acknowledgement + * that you understand this). bDestroy can be used to reinitialise a table if + * you need. + * @type boolean + * @default false + * @dtopt Options + * + * @example + * $(document).ready(function() { + * initTable(); + * tableActions(); + * } ); + * + * function initTable () + * { + * return $('#example').dataTable( { + * "sScrollY": "200px", + * "bPaginate": false, + * "bRetrieve": true + * } ); + * } + * + * function tableActions () + * { + * var oTable = initTable(); + * // perform API operations with oTable + * } + */ + "bRetrieve": false, + + + /** + * Indicate if DataTables should be allowed to set the padding / margin + * etc for the scrolling header elements or not. Typically you will want + * this. + * @type boolean + * @default true + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bScrollAutoCss": false, + * "sScrollY": "200px" + * } ); + * } ); + */ + "bScrollAutoCss": true, + + + /** + * When vertical (y) scrolling is enabled, DataTables will force the height of + * the table's viewport to the given height at all times (useful for layout). + * However, this can look odd when filtering data down to a small data set, + * and the footer is left "floating" further down. This parameter (when + * enabled) will cause DataTables to collapse the table's viewport down when + * the result set will fit within the given Y height. + * @type boolean + * @default false + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollY": "200", + * "bScrollCollapse": true + * } ); + * } ); + */ + "bScrollCollapse": false, + + + /** + * Enable infinite scrolling for DataTables (to be used in combination with + * sScrollY). Infinite scrolling means that DataTables will continually load + * data as a user scrolls through a table, which is very useful for large + * dataset. This cannot be used with pagination, which is automatically + * disabled. Note - the Scroller extra for DataTables is recommended in + * in preference to this option. + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bScrollInfinite": true, + * "bScrollCollapse": true, + * "sScrollY": "200px" + * } ); + * } ); + */ + "bScrollInfinite": false, + + + /** + * Configure DataTables to use server-side processing. Note that the + * sAjaxSource parameter must also be given in order to give DataTables a + * source to obtain the required data for each draw. + * @type boolean + * @default false + * @dtopt Features + * @dtopt Server-side + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bServerSide": true, + * "sAjaxSource": "xhr.php" + * } ); + * } ); + */ + "bServerSide": false, + + + /** + * Enable or disable sorting of columns. Sorting of individual columns can be + * disabled by the "bSortable" option for each column. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bSort": false + * } ); + * } ); + */ + "bSort": true, + + + /** + * Allows control over whether DataTables should use the top (true) unique + * cell that is found for a single column, or the bottom (false - default). + * This is useful when using complex headers. + * @type boolean + * @default false + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bSortCellsTop": true + * } ); + * } ); + */ + "bSortCellsTop": false, + + + /** + * Enable or disable the addition of the classes 'sorting_1', 'sorting_2' and + * 'sorting_3' to the columns which are currently being sorted on. This is + * presented as a feature switch as it can increase processing time (while + * classes are removed and added) so for large data sets you might want to + * turn this off. + * @type boolean + * @default true + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bSortClasses": false + * } ); + * } ); + */ + "bSortClasses": true, + + + /** + * Enable or disable state saving. When enabled a cookie will be used to save + * table display information such as pagination information, display length, + * filtering and sorting. As such when the end user reloads the page the + * display display will match what thy had previously set up. + * @type boolean + * @default false + * @dtopt Features + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "bStateSave": true + * } ); + * } ); + */ + "bStateSave": false, + + + /** + * Customise the cookie and / or the parameters being stored when using + * DataTables with state saving enabled. This function is called whenever + * the cookie is modified, and it expects a fully formed cookie string to be + * returned. Note that the data object passed in is a Javascript object which + * must be converted to a string (JSON.stringify for example). + * @type function + * @param {string} sName Name of the cookie defined by DataTables + * @param {object} oData Data to be stored in the cookie + * @param {string} sExpires Cookie expires string + * @param {string} sPath Path of the cookie to set + * @returns {string} Cookie formatted string (which should be encoded by + * using encodeURIComponent()) + * @dtopt Callbacks + * + * @example + * $(document).ready( function () { + * $('#example').dataTable( { + * "fnCookieCallback": function (sName, oData, sExpires, sPath) { + * // Customise oData or sName or whatever else here + * return sName + "="+JSON.stringify(oData)+"; expires=" + sExpires +"; path=" + sPath; + * } + * } ); + * } ); + */ + "fnCookieCallback": null, + + + /** + * This function is called when a TR element is created (and all TD child + * elements have been inserted), or registered if using a DOM source, allowing + * manipulation of the TR element (adding classes etc). + * @type function + * @param {node} nRow "TR" element for the current row + * @param {array} aData Raw data array for this row + * @param {int} iDataIndex The index of this row in aoData + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "fnCreatedRow": function( nRow, aData, iDataIndex ) { + * // Bold the grade for all 'A' grade browsers + * if ( aData[4] == "A" ) + * { + * $('td:eq(4)', nRow).html( '<b>A</b>' ); + * } + * } + * } ); + * } ); + */ + "fnCreatedRow": null, + + + /** + * This function is called on every 'draw' event, and allows you to + * dynamically modify any aspect you want about the created DOM. + * @type function + * @param {object} oSettings DataTables settings object + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnDrawCallback": function() { + * alert( 'DataTables has redrawn the table' ); + * } + * } ); + * } ); + */ + "fnDrawCallback": null, + + + /** + * Identical to fnHeaderCallback() but for the table footer this function + * allows you to modify the table footer on every 'draw' even. + * @type function + * @param {node} nFoot "TR" element for the footer + * @param {array} aData Full table data (as derived from the original HTML) + * @param {int} iStart Index for the current display starting point in the + * display array + * @param {int} iEnd Index for the current display ending point in the + * display array + * @param {array int} aiDisplay Index array to translate the visual position + * to the full data array + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnFooterCallback": function( nFoot, aData, iStart, iEnd, aiDisplay ) { + * nFoot.getElementsByTagName('th')[0].innerHTML = "Starting index is "+iStart; + * } + * } ); + * } ) + */ + "fnFooterCallback": null, + + + /** + * When rendering large numbers in the information element for the table + * (i.e. "Showing 1 to 10 of 57 entries") DataTables will render large numbers + * to have a comma separator for the 'thousands' units (e.g. 1 million is + * rendered as "1,000,000") to help readability for the end user. This + * function will override the default method DataTables uses. + * @type function + * @member + * @param {int} iIn number to be formatted + * @returns {string} formatted string for DataTables to show the number + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "fnFormatNumber": function ( iIn ) { + * if ( iIn < 1000 ) { + * return iIn; + * } else { + * var + * s=(iIn+""), + * a=s.split(""), out="", + * iLen=s.length; + * + * for ( var i=0 ; i<iLen ; i++ ) { + * if ( i%3 === 0 && i !== 0 ) { + * out = "'"+out; + * } + * out = a[iLen-i-1]+out; + * } + * } + * return out; + * }; + * } ); + * } ); + */ + "fnFormatNumber": function ( iIn ) { + if ( iIn < 1000 ) + { + // A small optimisation for what is likely to be the majority of use cases + return iIn; + } + + var s=(iIn+""), a=s.split(""), out="", iLen=s.length; + + for ( var i=0 ; i<iLen ; i++ ) + { + if ( i%3 === 0 && i !== 0 ) + { + out = this.oLanguage.sInfoThousands+out; + } + out = a[iLen-i-1]+out; + } + return out; + }, + + + /** + * This function is called on every 'draw' event, and allows you to + * dynamically modify the header row. This can be used to calculate and + * display useful information about the table. + * @type function + * @param {node} nHead "TR" element for the header + * @param {array} aData Full table data (as derived from the original HTML) + * @param {int} iStart Index for the current display starting point in the + * display array + * @param {int} iEnd Index for the current display ending point in the + * display array + * @param {array int} aiDisplay Index array to translate the visual position + * to the full data array + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnHeaderCallback": function( nHead, aData, iStart, iEnd, aiDisplay ) { + * nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + * } + * } ); + * } ) + */ + "fnHeaderCallback": null, + + + /** + * The information element can be used to convey information about the current + * state of the table. Although the internationalisation options presented by + * DataTables are quite capable of dealing with most customisations, there may + * be times where you wish to customise the string further. This callback + * allows you to do exactly that. + * @type function + * @param {object} oSettings DataTables settings object + * @param {int} iStart Starting position in data for the draw + * @param {int} iEnd End position in data for the draw + * @param {int} iMax Total number of rows in the table (regardless of + * filtering) + * @param {int} iTotal Total number of rows in the data set, after filtering + * @param {string} sPre The string that DataTables has formatted using it's + * own rules + * @returns {string} The string to be displayed in the information element. + * @dtopt Callbacks + * + * @example + * $('#example').dataTable( { + * "fnInfoCallback": function( oSettings, iStart, iEnd, iMax, iTotal, sPre ) { + * return iStart +" to "+ iEnd; + * } + * } ); + */ + "fnInfoCallback": null, + + + /** + * Called when the table has been initialised. Normally DataTables will + * initialise sequentially and there will be no need for this function, + * however, this does not hold true when using external language information + * since that is obtained using an async XHR call. + * @type function + * @param {object} oSettings DataTables settings object + * @param {object} json The JSON object request from the server - only + * present if client-side Ajax sourced data is used + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnInitComplete": function(oSettings, json) { + * alert( 'DataTables has finished its initialisation.' ); + * } + * } ); + * } ) + */ + "fnInitComplete": null, + + + /** + * Called at the very start of each table draw and can be used to cancel the + * draw by returning false, any other return (including undefined) results in + * the full draw occurring). + * @type function + * @param {object} oSettings DataTables settings object + * @returns {boolean} False will cancel the draw, anything else (including no + * return) will allow it to complete. + * @dtopt Callbacks + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "fnPreDrawCallback": function( oSettings ) { + * if ( $('#test').val() == 1 ) { + * return false; + * } + * } + * } ); + * } ); + */ + "fnPreDrawCallback": null, + + + /** + * This function allows you to 'post process' each row after it have been + * generated for each table draw, but before it is rendered on screen. This + * function might be used for setting the row class name etc. + * @type function + * @param {node} nRow "TR" element for the current row + * @param {array} aData Raw data array for this row + * @param {int} iDisplayIndex The display index for the current table draw + * @param {int} iDisplayIndexFull The index of the data in the full list of + * rows (after filtering) + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) { + * // Bold the grade for all 'A' grade browsers + * if ( aData[4] == "A" ) + * { + * $('td:eq(4)', nRow).html( '<b>A</b>' ); + * } + * } + * } ); + * } ); + */ + "fnRowCallback": null, + + + /** + * This parameter allows you to override the default function which obtains + * the data from the server ($.getJSON) so something more suitable for your + * application. For example you could use POST data, or pull information from + * a Gears or AIR database. + * @type function + * @member + * @param {string} sSource HTTP source to obtain the data from (sAjaxSource) + * @param {array} aoData A key/value pair object containing the data to send + * to the server + * @param {function} fnCallback to be called on completion of the data get + * process that will draw the data on the page. + * @param {object} oSettings DataTables settings object + * @dtopt Callbacks + * @dtopt Server-side + * + * @example + * // POST data to server + * $(document).ready(function() { + * $('#example').dataTable( { + * "bProcessing": true, + * "bServerSide": true, + * "sAjaxSource": "xhr.php", + * "fnServerData": function ( sSource, aoData, fnCallback ) { + * $.ajax( { + * "dataType": 'json', + * "type": "POST", + * "url": sSource, + * "data": aoData, + * "success": fnCallback + * } ); + * } + * } ); + * } ); + */ + "fnServerData": function ( sUrl, aoData, fnCallback, oSettings ) { + oSettings.jqXHR = $.ajax( { + "url": sUrl, + "data": aoData, + "success": function (json) { + $(oSettings.oInstance).trigger('xhr', oSettings); + fnCallback( json ); + }, + "dataType": "json", + "cache": false, + "type": oSettings.sServerMethod, + "error": function (xhr, error, thrown) { + if ( error == "parsererror" ) { + alert( "DataTables warning: JSON data from server could not be parsed. "+ + "This is caused by a JSON formatting error." ); + } + } + } ); + }, + + + /** + * It is often useful to send extra data to the server when making an Ajax + * request - for example custom filtering information, and this callback + * function makes it trivial to send extra information to the server. The + * passed in parameter is the data set that has been constructed by + * DataTables, and you can add to this or modify it as you require. + * @type function + * @param {array} aoData Data array (array of objects which are name/value + * pairs) that has been constructed by DataTables and will be sent to the + * server. In the case of Ajax sourced data with server-side processing + * this will be an empty array, for server-side processing there will be a + * significant number of parameters! + * @returns {undefined} Ensure that you modify the aoData array passed in, + * as this is passed by reference. + * @dtopt Callbacks + * @dtopt Server-side + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bProcessing": true, + * "bServerSide": true, + * "sAjaxSource": "scripts/server_processing.php", + * "fnServerParams": function ( aoData ) { + * aoData.push( { "name": "more_data", "value": "my_value" } ); + * } + * } ); + * } ); + */ + "fnServerParams": null, + + + /** + * Load the table state. With this function you can define from where, and how, the + * state of a table is loaded. By default DataTables will load from its state saving + * cookie, but you might wish to use local storage (HTML5) or a server-side database. + * @type function + * @member + * @param {object} oSettings DataTables settings object + * @return {object} The DataTables state object to be loaded + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateSave": function (oSettings, oData) { + * var o; + * + * // Send an Ajax request to the server to get the data. Note that + * // this is a synchronous request. + * $.ajax( { + * "url": "/state_load", + * "async": false, + * "dataType": "json", + * "success": function (json) { + * o = json; + * } + * } ); + * + * return o; + * } + * } ); + * } ); + */ + "fnStateLoad": function ( oSettings ) { + var sData = this.oApi._fnReadCookie( oSettings.sCookiePrefix+oSettings.sInstance ); + var oData; + + try { + oData = (typeof $.parseJSON === 'function') ? + $.parseJSON(sData) : eval( '('+sData+')' ); + } catch (e) { + oData = null; + } + + return oData; + }, + + + /** + * Callback which allows modification of the saved state prior to loading that state. + * This callback is called when the table is loading state from the stored data, but + * prior to the settings object being modified by the saved state. Note that for + * plug-in authors, you should use the 'stateLoadParams' event to load parameters for + * a plug-in. + * @type function + * @param {object} oSettings DataTables settings object + * @param {object} oData The state object that is to be loaded + * @dtopt Callbacks + * + * @example + * // Remove a saved filter, so filtering is never loaded + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateLoadParams": function (oSettings, oData) { + * oData.oFilter.sSearch = ""; + * } ); + * } ); + * + * @example + * // Disallow state loading by returning false + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateLoadParams": function (oSettings, oData) { + * return false; + * } ); + * } ); + */ + "fnStateLoadParams": null, + + + /** + * Callback that is called when the state has been loaded from the state saving method + * and the DataTables settings object has been modified as a result of the loaded state. + * @type function + * @param {object} oSettings DataTables settings object + * @param {object} oData The state object that was loaded + * @dtopt Callbacks + * + * @example + * // Show an alert with the filtering value that was saved + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateLoaded": function (oSettings, oData) { + * alert( 'Saved filter was: '+oData.oFilter.sSearch ); + * } ); + * } ); + */ + "fnStateLoaded": null, + + + /** + * Save the table state. This function allows you to define where and how the state + * information for the table is stored - by default it will use a cookie, but you + * might want to use local storage (HTML5) or a server-side database. + * @type function + * @member + * @param {object} oSettings DataTables settings object + * @param {object} oData The state object to be saved + * @dtopt Callbacks + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateSave": function (oSettings, oData) { + * // Send an Ajax request to the server with the state object + * $.ajax( { + * "url": "/state_save", + * "data": oData, + * "dataType": "json", + * "method": "POST" + * "success": function () {} + * } ); + * } + * } ); + * } ); + */ + "fnStateSave": function ( oSettings, oData ) { + this.oApi._fnCreateCookie( + oSettings.sCookiePrefix+oSettings.sInstance, + this.oApi._fnJsonString(oData), + oSettings.iCookieDuration, + oSettings.sCookiePrefix, + oSettings.fnCookieCallback + ); + }, + + + /** + * Callback which allows modification of the state to be saved. Called when the table + * has changed state a new state save is required. This method allows modification of + * the state saving object prior to actually doing the save, including addition or + * other state properties or modification. Note that for plug-in authors, you should + * use the 'stateSaveParams' event to save parameters for a plug-in. + * @type function + * @param {object} oSettings DataTables settings object + * @param {object} oData The state object to be saved + * @dtopt Callbacks + * + * @example + * // Remove a saved filter, so filtering is never saved + * $(document).ready(function() { + * $('#example').dataTable( { + * "bStateSave": true, + * "fnStateLoadParams": function (oSettings, oData) { + * oData.oFilter.sSearch = ""; + * } ); + * } ); + */ + "fnStateSaveParams": null, + + + /** + * Duration of the cookie which is used for storing session information. This + * value is given in seconds. + * @type int + * @default 7200 <i>(2 hours)</i> + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "iCookieDuration": 60*60*24 // 1 day + * } ); + * } ) + */ + "iCookieDuration": 7200, + + + /** + * When enabled DataTables will not make a request to the server for the first + * page draw - rather it will use the data already on the page (no sorting etc + * will be applied to it), thus saving on an XHR at load time. iDeferLoading + * is used to indicate that deferred loading is required, but it is also used + * to tell DataTables how many records there are in the full table (allowing + * the information element and pagination to be displayed correctly). + * @type int + * @default null + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bServerSide": true, + * "sAjaxSource": "scripts/server_processing.php", + * "iDeferLoading": 57 + * } ); + * } ); + */ + "iDeferLoading": null, + + + /** + * Number of rows to display on a single page when using pagination. If + * feature enabled (bLengthChange) then the end user will be able to override + * this to a custom setting using a pop-up menu. + * @type int + * @default 10 + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "iDisplayLength": 50 + * } ); + * } ) + */ + "iDisplayLength": 10, + + + /** + * Define the starting point for data display when using DataTables with + * pagination. Note that this parameter is the number of records, rather than + * the page number, so if you have 10 records per page and want to start on + * the third page, it should be "20". + * @type int + * @default 0 + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "iDisplayStart": 20 + * } ); + * } ) + */ + "iDisplayStart": 0, + + + /** + * The scroll gap is the amount of scrolling that is left to go before + * DataTables will load the next 'page' of data automatically. You typically + * want a gap which is big enough that the scrolling will be smooth for the + * user, while not so large that it will load more data than need. + * @type int + * @default 100 + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bScrollInfinite": true, + * "bScrollCollapse": true, + * "sScrollY": "200px", + * "iScrollLoadGap": 50 + * } ); + * } ); + */ + "iScrollLoadGap": 100, + + + /** + * By default DataTables allows keyboard navigation of the table (sorting, paging, + * and filtering) by adding a tabindex attribute to the required elements. This + * allows you to tab through the controls and press the enter key to activate them. + * The tabindex is default 0, meaning that the tab follows the flow of the document. + * You can overrule this using this parameter if you wish. Use a value of -1 to + * disable built-in keyboard navigation. + * @type int + * @default 0 + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "iTabIndex": 1 + * } ); + * } ); + */ + "iTabIndex": 0, + + + /** + * All strings that DataTables uses in the user interface that it creates + * are defined in this object, allowing you to modified them individually or + * completely replace them all as required. + * @namespace + */ + "oLanguage": { + /** + * Strings that are used for WAI-ARIA labels and controls only (these are not + * actually visible on the page, but will be read by screenreaders, and thus + * must be internationalised as well). + * @namespace + */ + "oAria": { + /** + * ARIA label that is added to the table headers when the column may be + * sorted ascending by activing the column (click or return when focused). + * Note that the column header is prefixed to this string. + * @type string + * @default : activate to sort column ascending + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oAria": { + * "sSortAscending": " - click/return to sort ascending" + * } + * } + * } ); + * } ); + */ + "sSortAscending": ": activate to sort column ascending", + + /** + * ARIA label that is added to the table headers when the column may be + * sorted descending by activing the column (click or return when focused). + * Note that the column header is prefixed to this string. + * @type string + * @default : activate to sort column ascending + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oAria": { + * "sSortDescending": " - click/return to sort descending" + * } + * } + * } ); + * } ); + */ + "sSortDescending": ": activate to sort column descending" + }, + + /** + * Pagination string used by DataTables for the two built-in pagination + * control types ("two_button" and "full_numbers") + * @namespace + */ + "oPaginate": { + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the first page. + * @type string + * @default First + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oPaginate": { + * "sFirst": "First page" + * } + * } + * } ); + * } ); + */ + "sFirst": "First", + + + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the last page. + * @type string + * @default Last + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oPaginate": { + * "sLast": "Last page" + * } + * } + * } ); + * } ); + */ + "sLast": "Last", + + + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the next page. + * @type string + * @default Next + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oPaginate": { + * "sNext": "Next page" + * } + * } + * } ); + * } ); + */ + "sNext": "Next", + + + /** + * Text to use when using the 'full_numbers' type of pagination for the + * button to take the user to the previous page. + * @type string + * @default Previous + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "oPaginate": { + * "sPrevious": "Previous page" + * } + * } + * } ); + * } ); + */ + "sPrevious": "Previous" + }, + + /** + * This string is shown in preference to sZeroRecords when the table is + * empty of data (regardless of filtering). Note that this is an optional + * parameter - if it is not given, the value of sZeroRecords will be used + * instead (either the default or given value). + * @type string + * @default No data available in table + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sEmptyTable": "No data available in table" + * } + * } ); + * } ); + */ + "sEmptyTable": "No data available in table", + + + /** + * This string gives information to the end user about the information that + * is current on display on the page. The _START_, _END_ and _TOTAL_ + * variables are all dynamically replaced as the table display updates, and + * can be freely moved or removed as the language requirements change. + * @type string + * @default Showing _START_ to _END_ of _TOTAL_ entries + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfo": "Got a total of _TOTAL_ entries to show (_START_ to _END_)" + * } + * } ); + * } ); + */ + "sInfo": "Showing _START_ to _END_ of _TOTAL_ entries", + + + /** + * Display information string for when the table is empty. Typically the + * format of this string should match sInfo. + * @type string + * @default Showing 0 to 0 of 0 entries + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfoEmpty": "No entries to show" + * } + * } ); + * } ); + */ + "sInfoEmpty": "Showing 0 to 0 of 0 entries", + + + /** + * When a user filters the information in a table, this string is appended + * to the information (sInfo) to give an idea of how strong the filtering + * is. The variable _MAX_ is dynamically updated. + * @type string + * @default (filtered from _MAX_ total entries) + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfoFiltered": " - filtering from _MAX_ records" + * } + * } ); + * } ); + */ + "sInfoFiltered": "(filtered from _MAX_ total entries)", + + + /** + * If can be useful to append extra information to the info string at times, + * and this variable does exactly that. This information will be appended to + * the sInfo (sInfoEmpty and sInfoFiltered in whatever combination they are + * being used) at all times. + * @type string + * @default <i>Empty string</i> + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfoPostFix": "All records shown are derived from real information." + * } + * } ); + * } ); + */ + "sInfoPostFix": "", + + + /** + * DataTables has a build in number formatter (fnFormatNumber) which is used + * to format large numbers that are used in the table information. By + * default a comma is used, but this can be trivially changed to any + * character you wish with this parameter. + * @type string + * @default , + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sInfoThousands": "'" + * } + * } ); + * } ); + */ + "sInfoThousands": ",", + + + /** + * Detail the action that will be taken when the drop down menu for the + * pagination length option is changed. The '_MENU_' variable is replaced + * with a default select list of 10, 25, 50 and 100, and can be replaced + * with a custom select box if required. + * @type string + * @default Show _MENU_ entries + * @dtopt Language + * + * @example + * // Language change only + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sLengthMenu": "Display _MENU_ records" + * } + * } ); + * } ); + * + * @example + * // Language and options change + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sLengthMenu": 'Display <select>'+ + * '<option value="10">10</option>'+ + * '<option value="20">20</option>'+ + * '<option value="30">30</option>'+ + * '<option value="40">40</option>'+ + * '<option value="50">50</option>'+ + * '<option value="-1">All</option>'+ + * '</select> records' + * } + * } ); + * } ); + */ + "sLengthMenu": "Show _MENU_ entries", + + + /** + * When using Ajax sourced data and during the first draw when DataTables is + * gathering the data, this message is shown in an empty row in the table to + * indicate to the end user the the data is being loaded. Note that this + * parameter is not used when loading data by server-side processing, just + * Ajax sourced data with client-side processing. + * @type string + * @default Loading... + * @dtopt Language + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sLoadingRecords": "Please wait - loading..." + * } + * } ); + * } ); + */ + "sLoadingRecords": "Loading...", + + + /** + * Text which is displayed when the table is processing a user action + * (usually a sort command or similar). + * @type string + * @default Processing... + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sProcessing": "DataTables is currently busy" + * } + * } ); + * } ); + */ + "sProcessing": "Processing...", + + + /** + * Details the actions that will be taken when the user types into the + * filtering input text box. The variable "_INPUT_", if used in the string, + * is replaced with the HTML text box for the filtering input allowing + * control over where it appears in the string. If "_INPUT_" is not given + * then the input box is appended to the string automatically. + * @type string + * @default Search: + * @dtopt Language + * + * @example + * // Input text box will be appended at the end automatically + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sSearch": "Filter records:" + * } + * } ); + * } ); + * + * @example + * // Specify where the filter should appear + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sSearch": "Apply filter _INPUT_ to table" + * } + * } ); + * } ); + */ + "sSearch": "Search:", + + + /** + * All of the language information can be stored in a file on the + * server-side, which DataTables will look up if this parameter is passed. + * It must store the URL of the language file, which is in a JSON format, + * and the object has the same properties as the oLanguage object in the + * initialiser object (i.e. the above parameters). Please refer to one of + * the example language files to see how this works in action. + * @type string + * @default <i>Empty string - i.e. disabled</i> + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sUrl": "http://www.sprymedia.co.uk/dataTables/lang.txt" + * } + * } ); + * } ); + */ + "sUrl": "", + + + /** + * Text shown inside the table records when the is no information to be + * displayed after filtering. sEmptyTable is shown when there is simply no + * information in the table at all (regardless of filtering). + * @type string + * @default No matching records found + * @dtopt Language + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "oLanguage": { + * "sZeroRecords": "No records to display" + * } + * } ); + * } ); + */ + "sZeroRecords": "No matching records found" + }, + + + /** + * This parameter allows you to have define the global filtering state at + * initialisation time. As an object the "sSearch" parameter must be + * defined, but all other parameters are optional. When "bRegex" is true, + * the search string will be treated as a regular expression, when false + * (default) it will be treated as a straight string. When "bSmart" + * DataTables will use it's smart filtering methods (to word match at + * any point in the data), when false this will not be done. + * @namespace + * @extends DataTable.models.oSearch + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "oSearch": {"sSearch": "Initial search"} + * } ); + * } ) + */ + "oSearch": $.extend( {}, DataTable.models.oSearch ), + + + /** + * By default DataTables will look for the property 'aaData' when obtaining + * data from an Ajax source or for server-side processing - this parameter + * allows that property to be changed. You can use Javascript dotted object + * notation to get a data source for multiple levels of nesting. + * @type string + * @default aaData + * @dtopt Options + * @dtopt Server-side + * + * @example + * // Get data from { "data": [...] } + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sAjaxSource": "sources/data.txt", + * "sAjaxDataProp": "data" + * } ); + * } ); + * + * @example + * // Get data from { "data": { "inner": [...] } } + * $(document).ready(function() { + * var oTable = $('#example').dataTable( { + * "sAjaxSource": "sources/data.txt", + * "sAjaxDataProp": "data.inner" + * } ); + * } ); + */ + "sAjaxDataProp": "aaData", + + + /** + * You can instruct DataTables to load data from an external source using this + * parameter (use aData if you want to pass data in you already have). Simply + * provide a url a JSON object can be obtained from. This object must include + * the parameter 'aaData' which is the data source for the table. + * @type string + * @default null + * @dtopt Options + * @dtopt Server-side + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "sAjaxSource": "http://www.sprymedia.co.uk/dataTables/json.php" + * } ); + * } ) + */ + "sAjaxSource": null, + + + /** + * This parameter can be used to override the default prefix that DataTables + * assigns to a cookie when state saving is enabled. + * @type string + * @default SpryMedia_DataTables_ + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sCookiePrefix": "my_datatable_", + * } ); + * } ); + */ + "sCookiePrefix": "SpryMedia_DataTables_", + + + /** + * This initialisation variable allows you to specify exactly where in the + * DOM you want DataTables to inject the various controls it adds to the page + * (for example you might want the pagination controls at the top of the + * table). DIV elements (with or without a custom class) can also be added to + * aid styling. The follow syntax is used: + * <ul> + * <li>The following options are allowed: + * <ul> + * <li>'l' - Length changing</li + * <li>'f' - Filtering input</li> + * <li>'t' - The table!</li> + * <li>'i' - Information</li> + * <li>'p' - Pagination</li> + * <li>'r' - pRocessing</li> + * </ul> + * </li> + * <li>The following constants are allowed: + * <ul> + * <li>'H' - jQueryUI theme "header" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')</li> + * <li>'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')</li> + * </ul> + * </li> + * <li>The following syntax is expected: + * <ul> + * <li>'<' and '>' - div elements</li> + * <li>'<"class" and '>' - div with a class</li> + * <li>'<"#id" and '>' - div with an ID</li> + * </ul> + * </li> + * <li>Examples: + * <ul> + * <li>'<"wrapper"flipt>'</li> + * <li>'<lf<t>ip>'</li> + * </ul> + * </li> + * </ul> + * @type string + * @default lfrtip <i>(when bJQueryUI is false)</i> <b>or</b> + * <"H"lfr>t<"F"ip> <i>(when bJQueryUI is true)</i> + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sDom": '<"top"i>rt<"bottom"flp><"clear"&lgt;' + * } ); + * } ); + */ + "sDom": "lfrtip", + + + /** + * DataTables features two different built-in pagination interaction methods + * ('two_button' or 'full_numbers') which present different page controls to + * the end user. Further methods can be added using the API (see below). + * @type string + * @default two_button + * @dtopt Options + * + * @example + * $(document).ready( function() { + * $('#example').dataTable( { + * "sPaginationType": "full_numbers" + * } ); + * } ) + */ + "sPaginationType": "two_button", + + + /** + * Enable horizontal scrolling. When a table is too wide to fit into a certain + * layout, or you have a large number of columns in the table, you can enable + * x-scrolling to show the table in a viewport, which can be scrolled. This + * property can by any CSS unit, or a number (in which case it will be treated + * as a pixel measurement). + * @type string + * @default <i>blank string - i.e. disabled</i> + * @dtopt Features + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollX": "100%", + * "bScrollCollapse": true + * } ); + * } ); + */ + "sScrollX": "", + + + /** + * This property can be used to force a DataTable to use more width than it + * might otherwise do when x-scrolling is enabled. For example if you have a + * table which requires to be well spaced, this parameter is useful for + * "over-sizing" the table, and thus forcing scrolling. This property can by + * any CSS unit, or a number (in which case it will be treated as a pixel + * measurement). + * @type string + * @default <i>blank string - i.e. disabled</i> + * @dtopt Options + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollX": "100%", + * "sScrollXInner": "110%" + * } ); + * } ); + */ + "sScrollXInner": "", + + + /** + * Enable vertical scrolling. Vertical scrolling will constrain the DataTable + * to the given height, an enable scrolling for any data which overflows the + * current viewport. This can be used as an alternative to paging to display + * a lot of data in a small area (although paging and scrolling can both be + * enabled at the same time). This property can by any CSS unit, or a number + * (in which case it will be treated as a pixel measurement). + * @type string + * @default <i>blank string - i.e. disabled</i> + * @dtopt Features + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "sScrollY": "200px", + * "bPaginate": false + * } ); + * } ); + */ + "sScrollY": "", + + + /** + * Set the HTTP method that is used to make the Ajax call for server-side + * processing or Ajax sourced data. + * @type string + * @default GET + * @dtopt Options + * @dtopt Server-side + * + * @example + * $(document).ready(function() { + * $('#example').dataTable( { + * "bServerSide": true, + * "sAjaxSource": "scripts/post.php", + * "sServerMethod": "POST" + * } ); + * } ); + */ + "sServerMethod": "GET" +}; + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.ext.js b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.ext.js new file mode 100644 index 0000000000000000000000000000000000000000..590eeb237cdda086190c07e6b575d4e26997615e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.ext.js @@ -0,0 +1,549 @@ + + +/** + * DataTables extension options and plug-ins. This namespace acts as a collection "area" + * for plug-ins that can be used to extend the default DataTables behaviour - indeed many + * of the build in methods use this method to provide their own capabilities (sorting methods + * for example). + * + * Note that this namespace is aliased to jQuery.fn.dataTableExt so it can be readily accessed + * and modified by plug-ins. + * @namespace + */ +DataTable.models.ext = { + /** + * Plug-in filtering functions - this method of filtering is complimentary to the default + * type based filtering, and a lot more comprehensive as it allows you complete control + * over the filtering logic. Each element in this array is a function (parameters + * described below) that is called for every row in the table, and your logic decides if + * it should be included in the filtered data set or not. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * <li>{array|object} Data for the row to be processed (same as the original format + * that was passed in as the data source, or an array from a DOM data source</li> + * <li>{int} Row index in aoData ({@link DataTable.models.oSettings.aoData}), which can + * be useful to retrieve the TR element if you need DOM interaction.</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{boolean} Include the row in the filtered result set (true) or not (false)</li> + * </ul> + * </il> + * </ul> + * @type array + * @default [] + * + * @example + * // The following example shows custom filtering being applied to the fourth column (i.e. + * // the aData[3] index) based on two input values from the end-user, matching the data in + * // a certain range. + * $.fn.dataTableExt.afnFiltering.push( + * function( oSettings, aData, iDataIndex ) { + * var iMin = document.getElementById('min').value * 1; + * var iMax = document.getElementById('max').value * 1; + * var iVersion = aData[3] == "-" ? 0 : aData[3]*1; + * if ( iMin == "" && iMax == "" ) { + * return true; + * } + * else if ( iMin == "" && iVersion < iMax ) { + * return true; + * } + * else if ( iMin < iVersion && "" == iMax ) { + * return true; + * } + * else if ( iMin < iVersion && iVersion < iMax ) { + * return true; + * } + * return false; + * } + * ); + */ + "afnFiltering": [], + + + /** + * Plug-in sorting functions - this method of sorting is complimentary to the default type + * based sorting that DataTables does automatically, allowing much greater control over the + * the data that is being used to sort a column. This is useful if you want to do sorting + * based on live data (for example the contents of an 'input' element) rather than just the + * static string that DataTables knows of. The way these plug-ins work is that you create + * an array of the values you wish to be sorted for the column in question and then return + * that array. Which pre-sorting function is run here depends on the sSortDataType parameter + * that is used for the column (if any). This is the corollary of <i>ofnSearch</i> for sort + * data. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * <li>{int} Target column index</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{array} Data for the column to be sorted upon</li> + * </ul> + * </il> + * </ul> + * + * Note that as of v1.9, it is typically preferable to use <i>mDataProp</i> to prepare data for + * the different uses that DataTables can put the data to. Specifically <i>mDataProp</i> when + * used as a function will give you a 'type' (sorting, filtering etc) that you can use to + * prepare the data as required for the different types. As such, this method is deprecated. + * @type array + * @default [] + * @deprecated + * + * @example + * // Updating the cached sorting information with user entered values in HTML input elements + * jQuery.fn.dataTableExt.afnSortData['dom-text'] = function ( oSettings, iColumn ) + * { + * var aData = []; + * $( 'td:eq('+iColumn+') input', oSettings.oApi._fnGetTrNodes(oSettings) ).each( function () { + * aData.push( this.value ); + * } ); + * return aData; + * } + */ + "afnSortData": [], + + + /** + * Feature plug-ins - This is an array of objects which describe the feature plug-ins that are + * available to DataTables. These feature plug-ins are accessible through the sDom initialisation + * option. As such, each feature plug-in must describe a function that is used to initialise + * itself (fnInit), a character so the feature can be enabled by sDom (cFeature) and the name + * of the feature (sFeature). Thus the objects attached to this method must provide: + * <ul> + * <li>{function} fnInit Initialisation of the plug-in + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{node|null} The element which contains your feature. Note that the return + * may also be void if your plug-in does not require to inject any DOM elements + * into DataTables control (sDom) - for example this might be useful when + * developing a plug-in which allows table control via keyboard entry.</li> + * </ul> + * </il> + * </ul> + * </li> + * <li>{character} cFeature Character that will be matched in sDom - case sensitive</li> + * <li>{string} sFeature Feature name</li> + * </ul> + * @type array + * @default [] + * + * @example + * // How TableTools initialises itself. + * $.fn.dataTableExt.aoFeatures.push( { + * "fnInit": function( oSettings ) { + * return new TableTools( { "oDTSettings": oSettings } ); + * }, + * "cFeature": "T", + * "sFeature": "TableTools" + * } ); + */ + "aoFeatures": [], + + + /** + * Type detection plug-in functions - DataTables utilises types to define how sorting and + * filtering behave, and types can be either be defined by the developer (sType for the + * column) or they can be automatically detected by the methods in this array. The functions + * defined in the array are quite simple, taking a single parameter (the data to analyse) + * and returning the type if it is a known type, or null otherwise. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{*} Data from the column cell to be analysed</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{string|null} Data type detected, or null if unknown (and thus pass it + * on to the other type detection functions.</li> + * </ul> + * </il> + * </ul> + * @type array + * @default [] + * + * @example + * // Currency type detection plug-in: + * jQuery.fn.dataTableExt.aTypes.push( + * function ( sData ) { + * var sValidChars = "0123456789.-"; + * var Char; + * + * // Check the numeric part + * for ( i=1 ; i<sData.length ; i++ ) { + * Char = sData.charAt(i); + * if (sValidChars.indexOf(Char) == -1) { + * return null; + * } + * } + * + * // Check prefixed by currency + * if ( sData.charAt(0) == '$' || sData.charAt(0) == '£' ) { + * return 'currency'; + * } + * return null; + * } + * ); + */ + "aTypes": [], + + + /** + * Provide a common method for plug-ins to check the version of DataTables being used, + * in order to ensure compatibility. + * @type function + * @param {string} sVersion Version string to check for, in the format "X.Y.Z". Note + * that the formats "X" and "X.Y" are also acceptable. + * @returns {boolean} true if this version of DataTables is greater or equal to the + * required version, or false if this version of DataTales is not suitable + * + * @example + * $(document).ready(function() { + * var oTable = $('#example').dataTable(); + * alert( oTable.fnVersionCheck( '1.9.0' ) ); + * } ); + */ + "fnVersionCheck": function( sVersion ) + { + /* This is cheap, but very effective */ + var fnZPad = function (Zpad, count) + { + while(Zpad.length < count) { + Zpad += '0'; + } + return Zpad; + }; + var aThis = DataTable.ext.sVersion.split('.'); + var aThat = sVersion.split('.'); + var sThis = '', sThat = ''; + + for ( var i=0, iLen=aThat.length ; i<iLen ; i++ ) + { + sThis += fnZPad( aThis[i], 3 ); + sThat += fnZPad( aThat[i], 3 ); + } + + return parseInt(sThis, 10) >= parseInt(sThat, 10); + }, + + + /** + * Index for what 'this' index API functions should use + * @type int + * @default 0 + */ + "iApiIndex": 0, + + + /** + * Pre-processing of filtering data plug-ins - When you assign the sType for a column + * (or have it automatically detected for you by DataTables or a type detection plug-in), + * you will typically be using this for custom sorting, but it can also be used to provide + * custom filtering by allowing you to pre-processing the data and returning the data in + * the format that should be filtered upon. This is done by adding functions this object + * with a parameter name which matches the sType for that target column. This is the + * corollary of <i>afnSortData</i> for filtering data. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{*} Data from the column cell to be prepared for filtering</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{string|null} Formatted string that will be used for the filtering.</li> + * </ul> + * </il> + * </ul> + * + * Note that as of v1.9, it is typically preferable to use <i>mDataProp</i> to prepare data for + * the different uses that DataTables can put the data to. Specifically <i>mDataProp</i> when + * used as a function will give you a 'type' (sorting, filtering etc) that you can use to + * prepare the data as required for the different types. As such, this method is deprecated. + * @type object + * @default {} + * @deprecated + * + * @example + * $.fn.dataTableExt.ofnSearch['title-numeric'] = function ( sData ) { + * return sData.replace(/\n/g," ").replace( /<.*?>/g, "" ); + * } + */ + "ofnSearch": {}, + + + /** + * Container for all private functions in DataTables so they can be exposed externally + * @type object + * @default {} + */ + "oApi": {}, + + + /** + * Storage for the various classes that DataTables uses + * @type object + * @default {} + */ + "oStdClasses": {}, + + + /** + * Storage for the various classes that DataTables uses - jQuery UI suitable + * @type object + * @default {} + */ + "oJUIClasses": {}, + + + /** + * Pagination plug-in methods - The style and controls of the pagination can significantly + * impact on how the end user interacts with the data in your table, and DataTables allows + * the addition of pagination controls by extending this object, which can then be enabled + * through the <i>sPaginationType</i> initialisation parameter. Each pagination type that + * is added is an object (the property name of which is what <i>sPaginationType</i> refers + * to) that has two properties, both methods that are used by DataTables to update the + * control's state. + * <ul> + * <li> + * fnInit - Initialisation of the paging controls. Called only during initialisation + * of the table. It is expected that this function will add the required DOM elements + * to the page for the paging controls to work. The element pointer + * 'oSettings.aanFeatures.p' array is provided by DataTables to contain the paging + * controls (note that this is a 2D array to allow for multiple instances of each + * DataTables DOM element). It is suggested that you add the controls to this element + * as children + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * <li>{node} Container into which the pagination controls must be inserted</li> + * <li>{function} Draw callback function - whenever the controls cause a page + * change, this method must be called to redraw the table.</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>No return required</li> + * </ul> + * </il> + * </ul> + * </il> + * <li> + * fnInit - This function is called whenever the paging status of the table changes and is + * typically used to update classes and/or text of the paging controls to reflex the new + * status. + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{object} DataTables settings object: see {@link DataTable.models.oSettings}.</li> + * <li>{function} Draw callback function - in case you need to redraw the table again + * or attach new event listeners</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>No return required</li> + * </ul> + * </il> + * </ul> + * </il> + * </ul> + * @type object + * @default {} + * + * @example + * $.fn.dataTableExt.oPagination.four_button = { + * "fnInit": function ( oSettings, nPaging, fnCallbackDraw ) { + * nFirst = document.createElement( 'span' ); + * nPrevious = document.createElement( 'span' ); + * nNext = document.createElement( 'span' ); + * nLast = document.createElement( 'span' ); + * + * nFirst.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sFirst ) ); + * nPrevious.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sPrevious ) ); + * nNext.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sNext ) ); + * nLast.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sLast ) ); + * + * nFirst.className = "paginate_button first"; + * nPrevious.className = "paginate_button previous"; + * nNext.className="paginate_button next"; + * nLast.className = "paginate_button last"; + * + * nPaging.appendChild( nFirst ); + * nPaging.appendChild( nPrevious ); + * nPaging.appendChild( nNext ); + * nPaging.appendChild( nLast ); + * + * $(nFirst).click( function () { + * oSettings.oApi._fnPageChange( oSettings, "first" ); + * fnCallbackDraw( oSettings ); + * } ); + * + * $(nPrevious).click( function() { + * oSettings.oApi._fnPageChange( oSettings, "previous" ); + * fnCallbackDraw( oSettings ); + * } ); + * + * $(nNext).click( function() { + * oSettings.oApi._fnPageChange( oSettings, "next" ); + * fnCallbackDraw( oSettings ); + * } ); + * + * $(nLast).click( function() { + * oSettings.oApi._fnPageChange( oSettings, "last" ); + * fnCallbackDraw( oSettings ); + * } ); + * + * $(nFirst).bind( 'selectstart', function () { return false; } ); + * $(nPrevious).bind( 'selectstart', function () { return false; } ); + * $(nNext).bind( 'selectstart', function () { return false; } ); + * $(nLast).bind( 'selectstart', function () { return false; } ); + * }, + * + * "fnUpdate": function ( oSettings, fnCallbackDraw ) { + * if ( !oSettings.aanFeatures.p ) { + * return; + * } + * + * // Loop over each instance of the pager + * var an = oSettings.aanFeatures.p; + * for ( var i=0, iLen=an.length ; i<iLen ; i++ ) { + * var buttons = an[i].getElementsByTagName('span'); + * if ( oSettings._iDisplayStart === 0 ) { + * buttons[0].className = "paginate_disabled_previous"; + * buttons[1].className = "paginate_disabled_previous"; + * } + * else { + * buttons[0].className = "paginate_enabled_previous"; + * buttons[1].className = "paginate_enabled_previous"; + * } + * + * if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() ) { + * buttons[2].className = "paginate_disabled_next"; + * buttons[3].className = "paginate_disabled_next"; + * } + * else { + * buttons[2].className = "paginate_enabled_next"; + * buttons[3].className = "paginate_enabled_next"; + * } + * } + * } + * }; + */ + "oPagination": {}, + + + /** + * Sorting plug-in methods - Sorting in DataTables is based on the detected type of the + * data column (you can add your own type detection functions, or override automatic + * detection using sType). With this specific type given to the column, DataTables will + * apply the required sort from the functions in the object. Each sort type must provide + * two mandatory methods, one each for ascending and descending sorting, and can optionally + * provide a pre-formatting method that will help speed up sorting by allowing DataTables + * to pre-format the sort data only once (rather than every time the actual sort functions + * are run). The two sorting functions are typical Javascript sort methods: + * <ul> + * <li> + * Function input parameters: + * <ul> + * <li>{*} Data to compare to the second parameter</li> + * <li>{*} Data to compare to the first parameter</li> + * </ul> + * </li> + * <li> + * Function return: + * <ul> + * <li>{int} Sorting match: <0 if first parameter should be sorted lower than + * the second parameter, ===0 if the two parameters are equal and >0 if + * the first parameter should be sorted height than the second parameter.</li> + * </ul> + * </il> + * </ul> + * @type object + * @default {} + * + * @example + * // Case-sensitive string sorting, with no pre-formatting method + * $.extend( $.fn.dataTableExt.oSort, { + * "string-case-asc": function(x,y) { + * return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + * }, + * "string-case-desc": function(x,y) { + * return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + * } + * } ); + * + * @example + * // Case-insensitive string sorting, with pre-formatting + * $.extend( $.fn.dataTableExt.oSort, { + * "string-pre": function(x) { + * return x.toLowerCase(); + * }, + * "string-asc": function(x,y) { + * return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + * }, + * "string-desc": function(x,y) { + * return ((x < y) ? 1 : ((x > y) ? -1 : 0)); + * } + * } ); + */ + "oSort": {}, + + + /** + * Version string for plug-ins to check compatibility. Allowed format is + * a.b.c.d.e where: a:int, b:int, c:int, d:string(dev|beta), e:int. d and + * e are optional + * @type string + * @default Version number + */ + "sVersion": DataTable.version, + + + /** + * How should DataTables report an error. Can take the value 'alert' or 'throw' + * @type string + * @default alert + */ + "sErrMode": "alert", + + + /** + * Store information for DataTables to access globally about other instances + * @namespace + * @private + */ + "_oExternConfig": { + /* int:iNextUnique - next unique number for an instance */ + "iNextUnique": 0 + } +}; + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.row.js b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.row.js new file mode 100644 index 0000000000000000000000000000000000000000..f88ec698d0f3ea6e9a91d3a256f26bd9c53958e6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.row.js @@ -0,0 +1,64 @@ + + + +/** + * Template object for the way in which DataTables holds information about + * each individual row. This is the object format used for the settings + * aoData array. + * @namespace + */ +DataTable.models.oRow = { + /** + * TR element for the row + * @type node + * @default null + */ + "nTr": null, + + /** + * Data object from the original data source for the row. This is either + * an array if using the traditional form of DataTables, or an object if + * using mDataProp options. The exact type will depend on the passed in + * data from the data source, or will be an array if using DOM a data + * source. + * @type array|object + * @default [] + */ + "_aData": [], + + /** + * Sorting data cache - this array is ostensibly the same length as the + * number of columns (although each index is generated only as it is + * needed), and holds the data that is used for sorting each column in the + * row. We do this cache generation at the start of the sort in order that + * the formatting of the sort data need be done only once for each cell + * per sort. This array should not be read from or written to by anything + * other than the master sorting methods. + * @type array + * @default [] + * @private + */ + "_aSortData": [], + + /** + * Array of TD elements that are cached for hidden rows, so they can be + * reinserted into the table if a column is made visible again (or to act + * as a store if a column is made hidden). Only hidden columns have a + * reference in the array. For non-hidden columns the value is either + * undefined or null. + * @type array nodes + * @default [] + * @private + */ + "_anHidden": [], + + /** + * Cache of the class name that DataTables has applied to the row, so we + * can quickly look at this variable rather than needing to do a DOM check + * on className for the nTr property. + * @type string + * @default <i>Empty string</i> + * @private + */ + "_sRowStripe": "" +}; diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.search.js b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.search.js new file mode 100644 index 0000000000000000000000000000000000000000..455fa297ed5aba4dafd189a615a266ee9c3a89d4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.search.js @@ -0,0 +1,40 @@ + + + +/** + * Template object for the way in which DataTables holds information about + * search information for the global filter and individual column filters. + * @namespace + */ +DataTable.models.oSearch = { + /** + * Flag to indicate if the filtering should be case insensitive or not + * @type boolean + * @default true + */ + "bCaseInsensitive": true, + + /** + * Applied search term + * @type string + * @default <i>Empty string</i> + */ + "sSearch": "", + + /** + * Flag to indicate if the search term should be interpreted as a + * regular expression (true) or not (false) and therefore and special + * regex characters escaped. + * @type boolean + * @default false + */ + "bRegex": false, + + /** + * Flag to indicate if DataTables is to use its smart filtering or not. + * @type boolean + * @default true + */ + "bSmart": true +}; + diff --git a/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.settings.js b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.settings.js new file mode 100644 index 0000000000000000000000000000000000000000..95c0e81b777266228053f31bd5588d4c3c8f912f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/src/model/model.settings.js @@ -0,0 +1,858 @@ + + +/** + * DataTables settings object - this holds all the information needed for a + * given table, including configuration, data and current application of the + * table options. DataTables does not have a single instance for each DataTable + * with the settings attached to that instance, but rather instances of the + * DataTable "class" are created on-the-fly as needed (typically by a + * $().dataTable() call) and the settings object is then applied to that + * instance. + * + * Note that this object is related to {@link DataTable.defaults} but this + * one is the internal data store for DataTables's cache of columns. It should + * NOT be manipulated outside of DataTables. Any configuration should be done + * through the initialisation options. + * @namespace + * @todo Really should attach the settings object to individual instances so we + * don't need to create new instances on each $().dataTable() call (if the + * table already exists). It would also save passing oSettings around and + * into every single function. However, this is a very significant + * architecture change for DataTables and will almost certainly break + * backwards compatibility with older installations. This is something that + * will be done in 2.0. + */ +DataTable.models.oSettings = { + /** + * Primary features of DataTables and their enablement state. + * @namespace + */ + "oFeatures": { + + /** + * Flag to say if DataTables should automatically try to calculate the + * optimum table and columns widths (true) or not (false). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bAutoWidth": null, + + /** + * Delay the creation of TR and TD elements until they are actually + * needed by a driven page draw. This can give a significant speed + * increase for Ajax source and Javascript source data, but makes no + * difference at all fro DOM and server-side processing tables. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bDeferRender": null, + + /** + * Enable filtering on the table or not. Note that if this is disabled + * then there is no filtering at all on the table, including fnFilter. + * To just remove the filtering input use sDom and remove the 'f' option. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bFilter": null, + + /** + * Table information element (the 'Showing x of y records' div) enable + * flag. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bInfo": null, + + /** + * Present a user control allowing the end user to change the page size + * when pagination is enabled. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bLengthChange": null, + + /** + * Pagination enabled or not. Note that if this is disabled then length + * changing must also be disabled. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bPaginate": null, + + /** + * Processing indicator enable flag whenever DataTables is enacting a + * user request - typically an Ajax request for server-side processing. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bProcessing": null, + + /** + * Server-side processing enabled flag - when enabled DataTables will + * get all data from the server for every draw - there is no filtering, + * sorting or paging done on the client-side. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bServerSide": null, + + /** + * Sorting enablement flag. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSort": null, + + /** + * Apply a class to the columns which are being sorted to provide a + * visual highlight or not. This can slow things down when enabled since + * there is a lot of DOM interaction. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSortClasses": null, + + /** + * State saving enablement flag. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bStateSave": null + }, + + + /** + * Scrolling settings for a table. + * @namespace + */ + "oScroll": { + /** + * Indicate if DataTables should be allowed to set the padding / margin + * etc for the scrolling header elements or not. Typically you will want + * this. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bAutoCss": null, + + /** + * When the table is shorter in height than sScrollY, collapse the + * table container down to the height of the table (when true). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bCollapse": null, + + /** + * Infinite scrolling enablement flag. Now deprecated in favour of + * using the Scroller plug-in. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bInfinite": null, + + /** + * Width of the scrollbar for the web-browser's platform. Calculated + * during table initialisation. + * @type int + * @default 0 + */ + "iBarWidth": 0, + + /** + * Space (in pixels) between the bottom of the scrolling container and + * the bottom of the scrolling viewport before the next page is loaded + * when using infinite scrolling. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type int + */ + "iLoadGap": null, + + /** + * Viewport width for horizontal scrolling. Horizontal scrolling is + * disabled if an empty string. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sX": null, + + /** + * Width to expand the table to when using x-scrolling. Typically you + * should not need to use this. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @deprecated + */ + "sXInner": null, + + /** + * Viewport height for vertical scrolling. Vertical scrolling is disabled + * if an empty string. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sY": null + }, + + /** + * Language information for the table. + * @namespace + * @extends DataTable.defaults.oLanguage + */ + "oLanguage": { + /** + * Information callback function. See + * {@link DataTable.defaults.fnInfoCallback} + * @type function + * @default + */ + "fnInfoCallback": null + }, + + /** + * Array referencing the nodes which are used for the features. The + * parameters of this object match what is allowed by sDom - i.e. + * <ul> + * <li>'l' - Length changing</li> + * <li>'f' - Filtering input</li> + * <li>'t' - The table!</li> + * <li>'i' - Information</li> + * <li>'p' - Pagination</li> + * <li>'r' - pRocessing</li> + * </ul> + * @type array + * @default [] + */ + "aanFeatures": [], + + /** + * Store data information - see {@link DataTable.models.oRow} for detailed + * information. + * @type array + * @default [] + */ + "aoData": [], + + /** + * Array of indexes which are in the current display (after filtering etc) + * @type array + * @default [] + */ + "aiDisplay": [], + + /** + * Array of indexes for display - no filtering + * @type array + * @default [] + */ + "aiDisplayMaster": [], + + /** + * Store information about each column that is in use + * @type array + * @default [] + */ + "aoColumns": [], + + /** + * Store information about the table's header + * @type array + * @default [] + */ + "aoHeader": [], + + /** + * Store information about the table's footer + * @type array + * @default [] + */ + "aoFooter": [], + + /** + * Search data array for regular expression searching + * @type array + * @default [] + */ + "asDataSearch": [], + + /** + * Store the applied global search information in case we want to force a + * research or compare the old search to a new one. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @namespace + * @extends DataTable.models.oSearch + */ + "oPreviousSearch": {}, + + /** + * Store the applied search for each column - see + * {@link DataTable.models.oSearch} for the format that is used for the + * filtering information for each column. + * @type array + * @default [] + */ + "aoPreSearchCols": [], + + /** + * Sorting that is applied to the table. Note that the inner arrays are + * used in the following manner: + * <ul> + * <li>Index 0 - column number</li> + * <li>Index 1 - current sorting direction</li> + * <li>Index 2 - index of asSorting for this column</li> + * </ul> + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @todo These inner arrays should really be objects + */ + "aaSorting": null, + + /** + * Sorting that is always applied to the table (i.e. prefixed in front of + * aaSorting). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array|null + * @default null + */ + "aaSortingFixed": null, + + /** + * Classes to use for the striping of a table. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @default [] + */ + "asStripeClasses": null, + + /** + * If restoring a table - we should restore its striping classes as well + * @type array + * @default [] + */ + "asDestroyStripes": [], + + /** + * If restoring a table - we should restore its width + * @type int + * @default 0 + */ + "sDestroyWidth": 0, + + /** + * Callback functions array for every time a row is inserted (i.e. on a draw). + * @type array + * @default [] + */ + "aoRowCallback": [], + + /** + * Callback functions for the header on each draw. + * @type array + * @default [] + */ + "aoHeaderCallback": [], + + /** + * Callback function for the footer on each draw. + * @type array + * @default [] + */ + "aoFooterCallback": [], + + /** + * Array of callback functions for draw callback functions + * @type array + * @default [] + */ + "aoDrawCallback": [], + + /** + * Array of callback functions for row created function + * @type array + * @default [] + */ + "aoRowCreatedCallback": [], + + /** + * Callback functions for just before the table is redrawn. A return of + * false will be used to cancel the draw. + * @type array + * @default [] + */ + "aoPreDrawCallback": [], + + /** + * Callback functions for when the table has been initialised. + * @type array + * @default [] + */ + "aoInitComplete": [], + + + /** + * Callbacks for modifying the settings to be stored for state saving, prior to + * saving state. + * @type array + * @default [] + */ + "aoStateSaveParams": [], + + /** + * Callbacks for modifying the settings that have been stored for state saving + * prior to using the stored values to restore the state. + * @type array + * @default [] + */ + "aoStateLoadParams": [], + + /** + * Callbacks for operating on the settings object once the saved state has been + * loaded + * @type array + * @default [] + */ + "aoStateLoaded": [], + + /** + * Cache the table ID for quick access + * @type string + * @default <i>Empty string</i> + */ + "sTableId": "", + + /** + * The TABLE node for the main table + * @type node + * @default null + */ + "nTable": null, + + /** + * Permanent ref to the thead element + * @type node + * @default null + */ + "nTHead": null, + + /** + * Permanent ref to the tfoot element - if it exists + * @type node + * @default null + */ + "nTFoot": null, + + /** + * Permanent ref to the tbody element + * @type node + * @default null + */ + "nTBody": null, + + /** + * Cache the wrapper node (contains all DataTables controlled elements) + * @type node + * @default null + */ + "nTableWrapper": null, + + /** + * Indicate if when using server-side processing the loading of data + * should be deferred until the second draw. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + * @default false + */ + "bDeferLoading": false, + + /** + * Indicate if all required information has been read in + * @type boolean + * @default false + */ + "bInitialised": false, + + /** + * Information about open rows. Each object in the array has the parameters + * 'nTr' and 'nParent' + * @type array + * @default [] + */ + "aoOpenRows": [], + + /** + * Dictate the positioning of DataTables' control elements - see + * {@link DataTable.model.oInit.sDom}. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default null + */ + "sDom": null, + + /** + * Which type of pagination should be used. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default two_button + */ + "sPaginationType": "two_button", + + /** + * The cookie duration (for bStateSave) in seconds. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type int + * @default 0 + */ + "iCookieDuration": 0, + + /** + * The cookie name prefix. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default <i>Empty string</i> + */ + "sCookiePrefix": "", + + /** + * Callback function for cookie creation. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type function + * @default null + */ + "fnCookieCallback": null, + + /** + * Array of callback functions for state saving. Each array element is an + * object with the following parameters: + * <ul> + * <li>function:fn - function to call. Takes two parameters, oSettings + * and the JSON string to save that has been thus far created. Returns + * a JSON string to be inserted into a json object + * (i.e. '"param": [ 0, 1, 2]')</li> + * <li>string:sName - name of callback</li> + * </ul> + * @type array + * @default [] + */ + "aoStateSave": [], + + /** + * Array of callback functions for state loading. Each array element is an + * object with the following parameters: + * <ul> + * <li>function:fn - function to call. Takes two parameters, oSettings + * and the object stored. May return false to cancel state loading</li> + * <li>string:sName - name of callback</li> + * </ul> + * @type array + * @default [] + */ + "aoStateLoad": [], + + /** + * State that was loaded from the cookie. Useful for back reference + * @type object + * @default null + */ + "oLoadedState": null, + + /** + * Source url for AJAX data for the table. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + * @default null + */ + "sAjaxSource": null, + + /** + * Property from a given object from which to read the table data from. This + * can be an empty string (when not server-side processing), in which case + * it is assumed an an array is given directly. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sAjaxDataProp": null, + + /** + * Note if draw should be blocked while getting data + * @type boolean + * @default true + */ + "bAjaxDataGet": true, + + /** + * The last jQuery XHR object that was used for server-side data gathering. + * This can be used for working with the XHR information in one of the + * callbacks + * @type object + * @default null + */ + "jqXHR": null, + + /** + * Function to get the server-side data. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type function + */ + "fnServerData": null, + + /** + * Functions which are called prior to sending an Ajax request so extra + * parameters can easily be sent to the server + * @type array + * @default [] + */ + "aoServerParams": [], + + /** + * Send the XHR HTTP method - GET or POST (could be PUT or DELETE if + * required). + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type string + */ + "sServerMethod": null, + + /** + * Format numbers for display. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type function + */ + "fnFormatNumber": null, + + /** + * List of options that can be used for the user selectable length menu. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type array + * @default [] + */ + "aLengthMenu": null, + + /** + * Counter for the draws that the table does. Also used as a tracker for + * server-side processing + * @type int + * @default 0 + */ + "iDraw": 0, + + /** + * Indicate if a redraw is being done - useful for Ajax + * @type boolean + * @default false + */ + "bDrawing": false, + + /** + * Draw index (iDraw) of the last error when parsing the returned data + * @type int + * @default -1 + */ + "iDrawError": -1, + + /** + * Paging display length + * @type int + * @default 10 + */ + "_iDisplayLength": 10, + + /** + * Paging start point - aiDisplay index + * @type int + * @default 0 + */ + "_iDisplayStart": 0, + + /** + * Paging end point - aiDisplay index. Use fnDisplayEnd rather than + * this property to get the end point + * @type int + * @default 10 + * @private + */ + "_iDisplayEnd": 10, + + /** + * Server-side processing - number of records in the result set + * (i.e. before filtering), Use fnRecordsTotal rather than + * this property to get the value of the number of records, regardless of + * the server-side processing setting. + * @type int + * @default 0 + * @private + */ + "_iRecordsTotal": 0, + + /** + * Server-side processing - number of records in the current display set + * (i.e. after filtering). Use fnRecordsDisplay rather than + * this property to get the value of the number of records, regardless of + * the server-side processing setting. + * @type boolean + * @default 0 + * @private + */ + "_iRecordsDisplay": 0, + + /** + * Flag to indicate if jQuery UI marking and classes should be used. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bJUI": null, + + /** + * The classes to use for the table + * @type object + * @default {} + */ + "oClasses": {}, + + /** + * Flag attached to the settings object so you can check in the draw + * callback if filtering has been done in the draw. Deprecated in favour of + * events. + * @type boolean + * @default false + * @deprecated + */ + "bFiltered": false, + + /** + * Flag attached to the settings object so you can check in the draw + * callback if sorting has been done in the draw. Deprecated in favour of + * events. + * @type boolean + * @default false + * @deprecated + */ + "bSorted": false, + + /** + * Indicate that if multiple rows are in the header and there is more than + * one unique cell per column, if the top one (true) or bottom one (false) + * should be used for sorting / title by DataTables. + * Note that this parameter will be set by the initialisation routine. To + * set a default use {@link DataTable.defaults}. + * @type boolean + */ + "bSortCellsTop": null, + + /** + * Initialisation object that is used for the table + * @type object + * @default null + */ + "oInit": null, + + /** + * Destroy callback functions - for plug-ins to attach themselves to the + * destroy so they can clean up markup and events. + * @type array + * @default [] + */ + "aoDestroyCallback": [], + + + /** + * Get the number of records in the current record set, before filtering + * @type function + */ + "fnRecordsTotal": function () + { + if ( this.oFeatures.bServerSide ) { + return parseInt(this._iRecordsTotal, 10); + } else { + return this.aiDisplayMaster.length; + } + }, + + /** + * Get the number of records in the current record set, after filtering + * @type function + */ + "fnRecordsDisplay": function () + { + if ( this.oFeatures.bServerSide ) { + return parseInt(this._iRecordsDisplay, 10); + } else { + return this.aiDisplay.length; + } + }, + + /** + * Set the display end point - aiDisplay index + * @type function + * @todo Should do away with _iDisplayEnd and calculate it on-the-fly here + */ + "fnDisplayEnd": function () + { + if ( this.oFeatures.bServerSide ) { + if ( this.oFeatures.bPaginate === false || this._iDisplayLength == -1 ) { + return this._iDisplayStart+this.aiDisplay.length; + } else { + return Math.min( this._iDisplayStart+this._iDisplayLength, + this._iRecordsDisplay ); + } + } else { + return this._iDisplayEnd; + } + }, + + /** + * The DataTables object for this table + * @type object + * @default null + */ + "oInstance": null, + + /** + * Unique identifier for each instance of the DataTables object. If there + * is an ID on the table node, then it takes that value, otherwise an + * incrementing internal counter is used. + * @type string + * @default null + */ + "sInstance": null, + + /** + * tabindex attribute value that is added to DataTables control elements, allowing + * keyboard navigation of the table and its controls. + */ + "iTabIndex": 0 +}; diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/controller.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/controller.js new file mode 100644 index 0000000000000000000000000000000000000000..590b756ab29cccb0c888c8190a9d0329d4878929 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/controller.js @@ -0,0 +1,94 @@ +var giTotalTestCount = 0; +var giActiveModule = 0; +var giModuleTests; +var giStartTime; +var giTest; +var gbStop = false; +var gtoTest; + +function fnTestStart ( sTestInfo ) +{ + gaoTest[ giActiveModule ].iTests++; + document.getElementById('test_info').innerHTML += + (giActiveModule+1)+'.'+(giModuleTests+1)+'. '+sTestInfo+'... '; + document.getElementById('test_number').innerHTML = giTotalTestCount+1; + giModuleTests++; + giTotalTestCount++; + + /* Set a timer to catch stalled script */ + gtoTest = setTimeout( function () { + fnMessage( '<span class="error">WARNING - test script stalled. Likely a JS error</span>' ); + gbStop = true; + }, 3000 ); +} + +function fnTestResult ( bResult ) +{ + clearTimeout( gtoTest ); + if ( bResult ) + { + fnMessage( 'Passed' ); + } + else + { + fnMessage( '<span class="error">FAILED</span>' ); + gbStop = true; + fnEnd( false ); + } +} + +function fnUnitStart( iTest ) +{ + if ( !gbStop ) + { + giModuleTests = 0; + window.parent.test_arena.location.href = + (iTest==0?"":"../")+'templates/'+gaoTest[iTest].sTemplate+'.php?scripts='+gaoTest[iTest].sTest; + giTest = iTest; + } +} + +function fnStartMessage( sMessage ) +{ + fnMessage( '<br><b>'+gaoTest[giTest].sGroup+' - '+sMessage+'</b>' ); +} + +function fnMessage( sMessage ) +{ + var nInfo = document.getElementById('test_info'); + nInfo.innerHTML += sMessage+'<br>'; + nInfo.scrollTop = nInfo.scrollHeight; +} + +function fnUnitComplete() +{ + if ( giActiveModule < gaoTest.length - 1 ) + { + fnUnitStart( ++giActiveModule ); + } + else + { + fnEnd( true ); + } +} + +function fnEnd( bSuccess ) +{ + var iEndTime = new Date().getTime(); + var sTime = '<br>This test run took '+parseInt((iEndTime-giStartTime)/1000, 10)+ + ' second(s) to complete.'; + + if ( bSuccess ) + { + $('#test_running').html( 'Tests complete. '+giTotalTestCount+' tests were run.'+sTime ); + } + else + { + $('#test_running').html( 'Unit tests failed at test '+giTotalTestCount+'.'+sTime ); + } +} + +$(document).ready( function () { + giStartTime = new Date().getTime(); + fnUnitStart( giActiveModule ); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/controller.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/controller.php new file mode 100644 index 0000000000000000000000000000000000000000..33f751e2cf80a60749f20af2f2df360c6532f762 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/controller.php @@ -0,0 +1,100 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="Content-type" content="text/html; charset=utf-8"> + <title>DataTables unit test controller</title> + + <style type="text/css" media="screen"> + #controller { + font: 12px/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + margin: 0; + padding: 0 0 0 0.5em; + color: #333; + background-color: #fff; + } + + #test_info { + position: absolute; + top: 0; + right: 0; + width: 50%; + height: 100%; + font-size: 11px; + overflow: auto; + } + + .error { + color: red; + } + + #controller h1 { + color: #4E6CA3; + font-size: 18px; + } + </style> + + <script type="text/javascript" language="javascript" src="../js/jquery.js"></script> + <script type="text/javascript" charset="utf-8"> + var gaoTest = [ + <?php + function fnReadDir( &$aReturn, $path ) + { + $rDir = opendir( $path ); + while ( ($file = readdir($rDir)) !== false ) + { + if ( $file == "." || $file == ".." || $file == ".DS_Store" ) + { + continue; + } + else if ( is_dir( $path.'/'.$file ) ) + { + fnReadDir( $aReturn, $path.'/'.$file ); + } + else + { + array_push( $aReturn, $path.'/'.$file ); + } + } + closedir($rDir); + } + + /* Get the tests dynamically from the 'tests' directory, and their templates */ + $aFiles = array(); + fnReadDir( $aFiles, "tests" ); + + for ( $i=0 ; $i<count($aFiles) ; $i++ ) + { + $sTemplate; + $fp = fopen( $aFiles[$i], "r" ); + fscanf( $fp, "// DATA_TEMPLATE: %s", $sTemplate ); + fclose( $fp ); + + $aPath = explode('/', $aFiles[$i]); + + echo '{ '. + '"sTemplate": "'.$sTemplate.'", '. + '"sTest": "'.$aFiles[$i].'", '. + '"sGroup": "'.$aPath[1].'"},'."\n"; + } + + ?> + null ]; + gaoTest.pop(); /* No interest in the null */ + </script> + <script type="text/javascript" language="javascript" src="controller.js"></script> + </head> + <body id="controller"> + <h1>DataTables unit testing</h1> + <div id="test_running">Running test: <span id="test_number"></span></div> + <div id="test_info"> + <b>Test information:</b><br> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/index.html b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/index.html new file mode 100644 index 0000000000000000000000000000000000000000..caab383badc5b5203ea8443e50215f5bae5f7c95 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/index.html @@ -0,0 +1,7 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> +<html> + <frameset rows="20%,80%"> + <frame name="controller" id="controller" src="controller.php"> + <frame name="test_arena" id="test_arena"> + </frameset> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/draw.html b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/draw.html new file mode 100644 index 0000000000000000000000000000000000000000..32af1a91bb06ca6ac25c1847e9c8406602ded0a1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/draw.html @@ -0,0 +1,482 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + var iStart = new Date().getTime(); + + //console.profile(); + //for ( var i=0, iLen=1000 ; i<iLen ; i++ ) + //{ + // oSettings._iDisplayLength = 100; + // oTable.oApi._fnCalculateEnd( oSettings ); + // oTable.oApi._fnDraw( oSettings ); + // + // oSettings._iDisplayLength = 10; + // oTable.oApi._fnCalculateEnd( oSettings ); + // oTable.oApi._fnDraw( oSettings ); + //} + //console.profileEnd(); + + var iEnd = new Date().getTime(); + document.getElementById('output').innerHTML = "Test took "+(iEnd-iStart)+"mS"; + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> performance test - draw + </div> + <div id="output"></div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <div id="footer" style="text-align:center;"> + <span style="font-size:10px;"> + DataTables © Allan Jardine 2008-2009. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/large.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/large.php new file mode 100644 index 0000000000000000000000000000000000000000..c491152867ebe5d7e79a687ccffc07d1df0c6855 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/large.php @@ -0,0 +1,108 @@ +<?php + /* MySQL connection */ + include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); /* ;-) */ + + $gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or + die( 'Could not open connection to server' ); + + mysql_select_db( $gaSql['db'], $gaSql['link'] ) or + die( 'Could not select database '. $gaSql['db'] ); + +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable(); + var iStart = new Date().getTime(); + + //if ( typeof console != 'undefined' ) { + // console.profile(); + //} + for ( var i=0 ; i<10 ; i++ ) + { + var oTable = $('#example').dataTable({"bDestroy": true}); + } + //if ( typeof console != 'undefined' ) { + // console.profileEnd(); + //} + + //oTable.fnSort( [[ 1, 'asc' ]] ); + //oTable.fnSort( [[ 1, 'asc' ]] ); + //oTable.fnSort( [[ 2, 'asc' ]] ); + //oTable.fnSort( [[ 1, 'asc' ]] ); + //oTable.fnSort( [[ 2, 'asc' ]] ); + + var iEnd = new Date().getTime(); + document.getElementById('output').innerHTML = "Test took "+(iEnd-iStart)+" mS"; + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> performance test - draw + </div> + <div id="output"></div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>id</th> + <th>name</th> + <th>phone</th> + <th>email</th> + <th>city</th> + <th>zip</th> + <th>state</th> + <th>country</th> + <th>zip2</th> + </tr> + </thead> + <tbody> +<?php + $sQuery = " + SELECT * + FROM testData + LIMIT 2000 + "; + $rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error()); + while ( $aRow = mysql_fetch_array( $rResult ) ) + { + echo '<tr>'; + echo '<td><a href="1">'.$aRow['id'].'</a></td>'; + echo '<td>'.$aRow['name'].'</td>'; + echo '<td>'.$aRow['phone'].'</td>'; + echo '<td>'.$aRow['email'].'</td>'; + echo '<td>'.$aRow['city'].'</td>'; + echo '<td>'.$aRow['zip'].'</td>'; + echo '<td>'.$aRow['state'].'</td>'; + echo '<td>'.$aRow['country'].'</td>'; + echo '<td>'.$aRow['zip2'].'</td>'; + echo '</tr>'; + } +?> + </tbody> +</table> + </div> + <div class="spacer"></div> + + <div id="footer" style="text-align:center;"> + <span style="font-size:10px;"> + DataTables © Allan Jardine 2008-2009. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/page.html b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/page.html new file mode 100644 index 0000000000000000000000000000000000000000..77c6c2a5508ffab8a605fd2f1ea162d2e0fbcccc --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/page.html @@ -0,0 +1,477 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + var iStart = new Date().getTime(); + + //for ( var i=0, iLen=100 ; i<iLen ; i++ ) + //{ + console.profile( ); + oTable.fnPageChange( "next" ); + oTable.fnPageChange( "previous" ); + console.profileEnd( ); + //} + + var iEnd = new Date().getTime(); + document.getElementById('output').innerHTML = "Test took "+(iEnd-iStart)+"mS"; + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> performance test - draw + </div> + <div id="output"></div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <div id="footer" style="text-align:center;"> + <span style="font-size:10px;"> + DataTables © Allan Jardine 2008-2009. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/sort.html b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/sort.html new file mode 100644 index 0000000000000000000000000000000000000000..d154fb0b8937f8bf7add8a4162fedb5ae80df94a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/performance/sort.html @@ -0,0 +1,477 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> + + <title>DataTables example</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready(function() { + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + var iStart = new Date().getTime(); + + for ( var i=0, iLen=100 ; i<iLen ; i++ ) + { + console.profile( ); + oTable.fnSort( [[1, 'asc']] ); + oTable.fnSort( [[0, 'asc']] ); + console.profileEnd( ); + } + + var iEnd = new Date().getTime(); + document.getElementById('output').innerHTML = "Test took "+(iEnd-iStart)+"mS"; + } ); + </script> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> performance test - draw + </div> + <div id="output"></div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + + + <div id="footer" style="text-align:center;"> + <span style="font-size:10px;"> + DataTables © Allan Jardine 2008-2009. + </span> + </div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/-complex_header.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/-complex_header.php new file mode 100644 index 0000000000000000000000000000000000000000..2cdc425065a4dbe4ec89d672b76c88534b1a2dae --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/-complex_header.php @@ -0,0 +1,469 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for reading DOM data + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th rowspan="2" class="bl bt">Rendering engine</th> + <th colspan="3" class="bl br bt">Browser details</th> + <th class="br bt">CSS grade</th> + </tr> + <tr> + <th class="bl">Browser</th> + <th>Platform(s)</th> + <th class="br">Engine version</th> + <th class="br bt">CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/2512.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/2512.php new file mode 100644 index 0000000000000000000000000000000000000000..9ef8e2f078cfe1377f4623e81eb58a0572a7f95f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/2512.php @@ -0,0 +1,464 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for reading DOM data + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>testsearchstring <br>html & entity</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/complex_header_2.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/complex_header_2.php new file mode 100644 index 0000000000000000000000000000000000000000..6795dbe370ecf511d54fde313e4d3554e338e44d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/complex_header_2.php @@ -0,0 +1,485 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for reading DOM data + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th class="bl bt">1</th> + <th colspan="3" rowspan="2" class="bl br bt">2</th> + <th class="br bt">3</th> + </tr> + <tr> + <th class="bl br" rowspan="3">4</th> + <td class="bl br">5</td> + </tr> + <tr> + <th class="bl br" colspan="2">6</th> + <th class="br" rowspan="3">7</th> + <th class="br bt" rowspan="3">8</th> + </tr> + <tr> + <th class="bl br">9</th> + <th class="bl br">10</th> + </tr> + <tr> + <th class="bl br" colspan="2">11</th> + <th class="bl br">12</th> + </tr> + </thead> + <tfoot> + <tr> + <th class="bl bt">1</th> + <th colspan="3" rowspan="2" class="bl br bt">2</th> + <th class="br bt">3</th> + </tr> + <tr> + <th class="bl br">4</th> + <th class="bl br">5</th> + </tr> + <tr> + <th class="bl br" colspan="5">6</th> + </tr> + </tfoot> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/deferred_table.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/deferred_table.php new file mode 100644 index 0000000000000000000000000000000000000000..d98a4de980cbe5b85512671c46fc1f11d39a7e1b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/deferred_table.php @@ -0,0 +1,132 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for reading DOM data + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dom_data.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dom_data.php new file mode 100644 index 0000000000000000000000000000000000000000..b5fed4738d0831cc6b7cb0b73ba2e719d06808a8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dom_data.php @@ -0,0 +1,465 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for reading DOM data + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dom_data_th.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dom_data_th.php new file mode 100644 index 0000000000000000000000000000000000000000..1faf9ab33f402ec7ef09cc1dae05250f806f91f3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dom_data_th.php @@ -0,0 +1,465 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for reading DOM data + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <th>Gecko</th> + <th>Netscape Navigator 9</th> + <th>Win 98+ / OSX.2+</th> + <th class="center">1.8</th> + <th class="center">A</th> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <th>Mozilla 1.0</th> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dom_data_two_headers.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dom_data_two_headers.php new file mode 100644 index 0000000000000000000000000000000000000000..09093b99519003d6928041248d70ca69719ab35b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dom_data_two_headers.php @@ -0,0 +1,472 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for reading DOM data - with two rows in header + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>Internet + Explorer 4.0</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + <td class="center">1.9</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.2</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.4</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">1.6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + <td class="center">1.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.2</td> + <td>OSX.3</td> + <td class="center">125.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 1.3</td> + <td>OSX.3</td> + <td class="center">312.8</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 2.0</td> + <td>OSX.4+</td> + <td class="center">419.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>Safari 3.0</td> + <td>OSX.4+</td> + <td class="center">522.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>OmniWeb 5.5</td> + <td>OSX.4+</td> + <td class="center">420</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>iPod Touch / iPhone</td> + <td>iPod</td> + <td class="center">420.1</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Webkit</td> + <td>S60</td> + <td>S60</td> + <td class="center">413</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.0</td> + <td>Win 95+ / OSX.1+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 7.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.0</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 8.5</td> + <td>Win 95+ / OSX.2+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.0</td> + <td>Win 95+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.2</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera 9.5</td> + <td>Win 88+ / OSX.3+</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Opera for Wii</td> + <td>Wii</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nokia N800</td> + <td>N800</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Presto</td> + <td>Nintendo DS browser</td> + <td>Nintendo DS</td> + <td class="center">8.5</td> + <td class="center">C/A<sup>1</sup></td> + </tr> + <tr class="gradeC"> + <td>KHTML</td> + <td>Konqureror 3.1</td> + <td>KDE 3.1</td> + <td class="center">3.1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.3</td> + <td>KDE 3.3</td> + <td class="center">3.3</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>KHTML</td> + <td>Konqureror 3.5</td> + <td>KDE 3.5</td> + <td class="center">3.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Tasman</td> + <td>Internet Explorer 4.5</td> + <td>Mac OS 8-9</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.1</td> + <td>Mac OS 7.6-9</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Tasman</td> + <td>Internet Explorer 5.2</td> + <td>Mac OS 8-X</td> + <td class="center">1</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.1</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Misc</td> + <td>NetFront 3.4</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">A</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Dillo 0.8</td> + <td>Embedded devices</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Links</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeX"> + <td>Misc</td> + <td>Lynx</td> + <td>Text only</td> + <td class="center">-</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>IE Mobile</td> + <td>Windows Mobile 6</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeC"> + <td>Misc</td> + <td>PSP browser</td> + <td>PSP</td> + <td class="center">-</td> + <td class="center">C</td> + </tr> + <tr class="gradeU"> + <td>Other browsers</td> + <td>All others</td> + <td>-</td> + <td class="center">-</td> + <td class="center">U</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dymanic_table.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dymanic_table.php new file mode 100644 index 0000000000000000000000000000000000000000..49606c5f041d08b10607d52207108443b2fec97b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/dymanic_table.php @@ -0,0 +1,45 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <script type="text/javascript" charset="utf-8"> + $(document).ready( function () { + $('#demo').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' ); + } ); + </script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> dynamic table template + </div> + + <h1>Live example</h1> + <div id="demo"></div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/empty_table.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/empty_table.php new file mode 100644 index 0000000000000000000000000000000000000000..0647f308287221acfdf4af7fdcbfce26bde20fde --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/empty_table.php @@ -0,0 +1,55 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> empty table template + </div> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + + </tbody> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/html_table.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/html_table.php new file mode 100644 index 0000000000000000000000000000000000000000..123f54b99671c1514179bd53a5f91c5c6e27f670 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/html_table.php @@ -0,0 +1,66 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> table with HTML elements template + </div> + + <h1>Live example</h1> + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Reflection</th> + <th>Link</th> + </tr> + </thead> + <tbody> + <tr> + <td>1</td> + <td><a href="http://www.sprymedia.co.uk/article/DataTables">DataTables</a></td> + </tr> + <tr> + <td>2</td> + <td><a href="http://www.sprymedia.co.uk/article/Integrity">A link to Integrity</a></td> + </tr> + <tr> + <td>3</td> + <td><a href="http://www.sprymedia.co.uk/article/Integrity">Integrity</a></td> + </tr> + <tr> + <td>4</td> + <td>EIntegrity</td> + </tr> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/js_data.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/js_data.php new file mode 100644 index 0000000000000000000000000000000000000000..61f1852b2794334f60c0e3822acb909eef25e798 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/js_data.php @@ -0,0 +1,124 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <script type="text/javascript" charset="utf-8"> + /* Make the data source available for testing */ + var gaaData = [ + ['Trident','Internet Explorer 4.0','Win 95+','4','X'], + ['Trident','Internet Explorer 5.0','Win 95+','5','C'], + ['Trident','Internet Explorer 5.5','Win 95+','5.5','A'], + ['Trident','Internet Explorer 6','Win 98+','6','A'], + ['Trident','Internet Explorer 7','Win XP SP2+','7','A'], + ['Trident','AOL browser (AOL desktop)','Win XP','6','A'], + ['Gecko','Firefox 1.0','Win 98+ / OSX.2+','1.7','A'], + ['Gecko','Firefox 1.5','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Firefox 2.0','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Firefox 3.0','Win 2k+ / OSX.3+','1.9','A'], + ['Gecko','Camino 1.0','OSX.2+','1.8','A'], + ['Gecko','Camino 1.5','OSX.3+','1.8','A'], + ['Gecko','Netscape 7.2','Win 95+ / Mac OS 8.6-9.2','1.7','A'], + ['Gecko','Netscape Browser 8','Win 98SE+','1.7','A'], + ['Gecko','Netscape Navigator 9','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Mozilla 1.0','Win 95+ / OSX.1+',1,'A'], + ['Gecko','Mozilla 1.1','Win 95+ / OSX.1+',1.1,'A'], + ['Gecko','Mozilla 1.2','Win 95+ / OSX.1+',1.2,'A'], + ['Gecko','Mozilla 1.3','Win 95+ / OSX.1+',1.3,'A'], + ['Gecko','Mozilla 1.4','Win 95+ / OSX.1+',1.4,'A'], + ['Gecko','Mozilla 1.5','Win 95+ / OSX.1+',1.5,'A'], + ['Gecko','Mozilla 1.6','Win 95+ / OSX.1+',1.6,'A'], + ['Gecko','Mozilla 1.7','Win 98+ / OSX.1+',1.7,'A'], + ['Gecko','Mozilla 1.8','Win 98+ / OSX.1+',1.8,'A'], + ['Gecko','Seamonkey 1.1','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Epiphany 2.20','Gnome','1.8','A'], + ['Webkit','Safari 1.2','OSX.3','125.5','A'], + ['Webkit','Safari 1.3','OSX.3','312.8','A'], + ['Webkit','Safari 2.0','OSX.4+','419.3','A'], + ['Webkit','Safari 3.0','OSX.4+','522.1','A'], + ['Webkit','OmniWeb 5.5','OSX.4+','420','A'], + ['Webkit','iPod Touch / iPhone','iPod','420.1','A'], + ['Webkit','S60','S60','413','A'], + ['Presto','Opera 7.0','Win 95+ / OSX.1+','-','A'], + ['Presto','Opera 7.5','Win 95+ / OSX.2+','-','A'], + ['Presto','Opera 8.0','Win 95+ / OSX.2+','-','A'], + ['Presto','Opera 8.5','Win 95+ / OSX.2+','-','A'], + ['Presto','Opera 9.0','Win 95+ / OSX.3+','-','A'], + ['Presto','Opera 9.2','Win 88+ / OSX.3+','-','A'], + ['Presto','Opera 9.5','Win 88+ / OSX.3+','-','A'], + ['Presto','Opera for Wii','Wii','-','A'], + ['Presto','Nokia N800','N800','-','A'], + ['Presto','Nintendo DS browser','Nintendo DS','8.5','C/A<sup>1</sup>'], + ['KHTML','Konqureror 3.1','KDE 3.1','3.1','C'], + ['KHTML','Konqureror 3.3','KDE 3.3','3.3','A'], + ['KHTML','Konqureror 3.5','KDE 3.5','3.5','A'], + ['Tasman','Internet Explorer 4.5','Mac OS 8-9','-','X'], + ['Tasman','Internet Explorer 5.1','Mac OS 7.6-9','1','C'], + ['Tasman','Internet Explorer 5.2','Mac OS 8-X','1','C'], + ['Misc','NetFront 3.1','Embedded devices','-','C'], + ['Misc','NetFront 3.4','Embedded devices','-','A'], + ['Misc','Dillo 0.8','Embedded devices','-','X'], + ['Misc','Links','Text only','-','X'], + ['Misc','Lynx','Text only','-','X'], + ['Misc','IE Mobile','Windows Mobile 6','-','C'], + ['Misc','PSP browser','PSP','-','C'], + ['Other browsers','All others','-','-','U'] + ]; + </script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for reading DOM data + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/js_data_mixed_types.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/js_data_mixed_types.php new file mode 100644 index 0000000000000000000000000000000000000000..9cdd0aa491a866a8829d33bc9da5be74424c59b2 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/js_data_mixed_types.php @@ -0,0 +1,124 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <script type="text/javascript" charset="utf-8"> + /* Make the data source available for testing */ + var gaaData = [ + ["Trident",null,"Win 95+","4","X"], + ["Trident","Internet Explorer 5.0","Win 95+","5","C"], + ["Trident","Internet Explorer 5.5","Win 95+","5.5","A"], + [null,"Internet Explorer 6","Win 98+","6","A"], + ["Trident","Internet Explorer 7","Win XP SP2+","7","A"], + ["Trident","AOL browser (AOL desktop)","Win XP","6","A"], + ["Gecko","Firefox 1.0","Win 98+ / OSX.2+","1.7","A"], + ["Gecko","Firefox 1.5","Win 98+ / OSX.2+",null,"A"], + ["Gecko","Firefox 2.0","Win 98+ / OSX.2+",1.8,"A"], + ["Gecko","Firefox 3.0","Win 2k+ / OSX.3+","","A"], + ["Gecko","Camino 1.0","OSX.2+","1.8","A"], + ["Gecko","Camino 1.5","OSX.3+","1.8","A"], + ["Gecko","Netscape 7.2","Win 95+ / Mac OS 8.6-9.2","1.7","A"], + ["Gecko","Netscape Browser 8","Win 98SE+","1.7","A"], + ["Gecko","Netscape Navigator 9","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Mozilla 1.0","Win 95+ / OSX.1+",1,"A"], + ["Gecko","Mozilla 1.1","Win 95+ / OSX.1+",1.1,"A"], + ["Gecko",true,"Win 95+ / OSX.1+",1.2,"A"], + ["Gecko",false,"Win 95+ / OSX.1+",1.3,"A"], + ["Gecko","Mozilla 1.4","Win 95+ / OSX.1+",1.4,"A"], + ["Gecko","Mozilla 1.5","Win 95+ / OSX.1+",1.5,"A"], + ["Gecko","Mozilla 1.6","Win 95+ / OSX.1+",1.6,"A"], + ["Gecko","Mozilla 1.7","Win 98+ / OSX.1+",1.7,"A"], + ["Gecko","Mozilla 1.8","Win 98+ / OSX.1+",1.8,"A"], + ["Gecko","Seamonkey 1.1","Win 98+ / OSX.2+","1.8","A"], + ["Gecko","Epiphany 2.20","Gnome","1.8","A"], + ["Webkit","Safari 1.2","OSX.3","125.5","A"], + ["Webkit","Safari 1.3","OSX.3","312.8","A"], + ["Webkit","Safari 2.0","OSX.4+","419.3","A"], + ["Webkit","Safari 3.0","OSX.4+","522.1","A"], + ["Webkit","OmniWeb 5.5","OSX.4+","420","A"], + ["Webkit","iPod Touch / iPhone","iPod","420.1","A"], + ["Webkit","S60","S60","413","A"], + ["Presto","Opera 7.0","Win 95+ / OSX.1+","-","A"], + ["Presto","Opera 7.5","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 8.0","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 8.5","Win 95+ / OSX.2+","-","A"], + ["Presto","Opera 9.0","Win 95+ / OSX.3+","-","A"], + ["Presto","Opera 9.2","Win 88+ / OSX.3+","-","A"], + ["Presto","Opera 9.5","Win 88+ / OSX.3+","-","A"], + ["Presto","Opera for Wii","Wii","-","A"], + ["Presto","Nokia N800","N800","-","A"], + ["Presto","Nintendo DS browser","Nintendo DS","8.5","C/A<sup>1</sup>"], + ["KHTML","Konqureror 3.1","KDE 3.1","3.1","C"], + ["KHTML","Konqureror 3.3","KDE 3.3","3.3","A"], + ["KHTML","Konqureror 3.5","KDE 3.5","3.5","A"], + ["Tasman","Internet Explorer 4.5","Mac OS 8-9","-","X"], + ["Tasman","Internet Explorer 5.1","Mac OS 7.6-9","1","C"], + ["Tasman","Internet Explorer 5.2","Mac OS 8-X","1","C"], + ["Misc","NetFront 3.1","Embedded devices","-","C"], + ["Misc","NetFront 3.4","Embedded devices","-","A"], + ["Misc","Dillo 0.8","Embedded devices","-","X"], + ["Misc","Links","Text only","-","X"], + ["Misc","Lynx","Text only","-","X"], + ["Misc","IE Mobile","Windows Mobile 6","-","C"], + ["Misc","PSP browser","PSP","-","C"], + ["Other browsers","All others","-","-","U"] + ]; + </script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for reading DOM data + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/two_tables.php b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/two_tables.php new file mode 100644 index 0000000000000000000000000000000000000000..89b2aa03f8602b635e81edae132069b4c50b7e8c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/templates/two_tables.php @@ -0,0 +1,227 @@ +<?php + header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' ); + header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' ); + header( 'Cache-Control: no-store, no-cache, must-revalidate' ); + header( 'Cache-Control: post-check=0, pre-check=0', false ); + header( 'Pragma: no-cache' ); +?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico" /> + + <title>DataTables unit testing</title> + <style type="text/css" title="currentStyle"> + @import "../../css/demo_page.css"; + @import "../../css/demo_table.css"; + </style> + <script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> + <script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../unit_test.js"></script> + <?php + $aScripts = explode( ":", $_GET['scripts'] ); + for ( $i=0 ; $i<count($aScripts) ; $i++ ) + { + echo '<script type="text/javascript" language="javascript" src="../'.$aScripts[$i].'?rand='.rand().'"></script>'."\n"; + } + ?> + </head> + <body id="dt_example"> + <div id="container"> + <div class="full_width big"> + <i>DataTables</i> unit test template for two tables + </div> + + <div id="demo"> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example1"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </thead> + <tbody> + <tr class="gradeX"> + <td>Trident</td> + <td>testsearchstring <br>html & entity</td> + <td>Win 95+</td> + <td class="center">4</td> + <td class="center">X</td> + </tr> + <tr class="gradeC"> + <td>Trident</td> + <td>Internet + Explorer 5.0</td> + <td>Win 95+</td> + <td class="center">5</td> + <td class="center">C</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 5.5</td> + <td>Win 95+</td> + <td class="center">5.5</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet + Explorer 6</td> + <td>Win 98+</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>Internet Explorer 7</td> + <td>Win XP SP2+</td> + <td class="center">7</td> + <td class="center">A</td> + </tr> + <tr class="gradeA"> + <td>Trident</td> + <td>AOL browser (AOL desktop)</td> + <td>Win XP</td> + <td class="center">6</td> + <td class="center">A</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + <th>Engine version</th> + <th>CSS grade</th> + </tr> + </tfoot> +</table> + + +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example2"> + <thead> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + </tr> + </thead> + <tbody> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.0</td> + <td>Win 98+ / OSX.2+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 1.5</td> + <td>Win 98+ / OSX.2+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 2.0</td> + <td>Win 98+ / OSX.2+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Firefox 3.0</td> + <td>Win 2k+ / OSX.3+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.0</td> + <td>OSX.2+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Camino 1.5</td> + <td>OSX.3+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape 7.2</td> + <td>Win 95+ / Mac OS 8.6-9.2</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Browser 8</td> + <td>Win 98SE+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Netscape Navigator 9</td> + <td>Win 98+ / OSX.2+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.0</td> + <td>Win 95+ / OSX.1+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.1</td> + <td>Win 95+ / OSX.1+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.2</td> + <td>Win 95+ / OSX.1+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.3</td> + <td>Win 95+ / OSX.1+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.4</td> + <td>Win 95+ / OSX.1+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.5</td> + <td>Win 95+ / OSX.1+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.6</td> + <td>Win 95+ / OSX.1+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.7</td> + <td>Win 98+ / OSX.1+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Mozilla 1.8</td> + <td>Win 98+ / OSX.1+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Seamonkey 1.1</td> + <td>Win 98+ / OSX.2+</td> + </tr> + <tr class="gradeA"> + <td>Gecko</td> + <td>Epiphany 2.20</td> + <td>Gnome</td> + </tr> + </tbody> + <tfoot> + <tr> + <th>Rendering engine</th> + <th>Browser</th> + <th>Platform(s)</th> + </tr> + </tfoot> +</table> + </div> + <div class="spacer"></div> + </div> + </body> +</html> \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests/1_dom/_zero_config.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests/1_dom/_zero_config.js new file mode 100755 index 0000000000000000000000000000000000000000..b3a941f89ad2c40883857d2a9bc2fea53f8c9c44 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests/1_dom/_zero_config.js @@ -0,0 +1,437 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "Sanity checks for DataTables with DOM data" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + $('#example').dataTable(); + + /* Basic checks */ + oTest.fnTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable(); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/-complex_header.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/-complex_header.js new file mode 100755 index 0000000000000000000000000000000000000000..fb173a785c9063dc6f0896c46ca0591e01cf2e29 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/-complex_header.js @@ -0,0 +1,52 @@ +// DATA_TEMPLATE: -complex_header +oTest.fnStart( "Complex header" ); + + +$(document).ready( function () { + $('#example').dataTable(); + + oTest.fnTest( + "Sorting on colspan has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnTest( + "Sorting on non-unique TH and first TH has no effect", + function () { $('#example thead th:eq(2)').click(); }, + function () { return $('#example tbody tr td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnTest( + "Sorting on non-unique TH and second TH will sort", + function () { $('#example thead th:eq(6)').click(); }, + function () { return $('#example tbody tr td:eq(4)').html() == "A"; } + ); + + oTest.fnTest( + "Sorting on non-unique TH and second TH will sort - reserve", + function () { $('#example thead th:eq(6)').click(); }, + function () { return $('#example tbody tr td:eq(4)').html() == "X"; } + ); + + oTest.fnTest( + "Sorting on unique TH will sort", + function () { $('#example thead th:eq(5)').click(); }, + function () { return $('#example tbody tr td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting on unique TH will sort - reserve", + function () { $('#example thead th:eq(5)').click(); }, + function () { return $('#example tbody tr td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting on unique rowspan TH will sort", + function () { $('#example thead th:eq(0)').click(); }, + function () { return $('#example tbody tr td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/-iDraw.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/-iDraw.js new file mode 100755 index 0000000000000000000000000000000000000000..efbf7415f2368c83a961f2bc4e3bf47aeb0d8509 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/-iDraw.js @@ -0,0 +1,41 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "iDraw - check that iDraw increments for each draw" ); + + +$(document).ready( function () { + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "After first draw, iDraw is 1", + null, + function () { return oSettings.iDraw == 1; } + ); + + oTest.fnTest( + "After second draw, iDraw is 2", + function () { oTable.fnDraw() }, + function () { return oSettings.iDraw == 2; } + ); + + oTest.fnTest( + "After sort", + function () { oTable.fnSort([[1,'asc']]) }, + function () { return oSettings.iDraw == 3; } + ); + + oTest.fnTest( + "After filter", + function () { oTable.fnFilter('gecko') }, + function () { return oSettings.iDraw == 4; } + ); + + oTest.fnTest( + "After another filter", + function () { oTable.fnFilter('gec') }, + function () { return oSettings.iDraw == 5; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2512.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2512.js new file mode 100755 index 0000000000000000000000000000000000000000..e0c91798f4036f1f82d5e47e9df4fd22f835d854 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2512.js @@ -0,0 +1,17 @@ +// DATA_TEMPLATE: 2512 +oTest.fnStart( "Check filtering with BR and HTML entity" ); + + +$(document).ready( function () { + $('#example').dataTable(); + + /* Basic checks */ + oTest.fnTest( + "Check filtering", + function () { $('#example').dataTable().fnFilter('testsearchstring'); }, + function () { return $('#example tbody tr').length == 1; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2530-2.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2530-2.js new file mode 100755 index 0000000000000000000000000000000000000000..cba8cf813ff21c4db468889457d7b8ba5db16e27 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2530-2.js @@ -0,0 +1,15 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "User given with is left when no scrolling" ); + +$(document).ready( function () { + $('#example')[0].style.width = "80%"; + $('#example').dataTable(); + + oTest.fnTest( + "Check user width is left", + null, + function () { return $('#example').width() == 640; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2530.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2530.js new file mode 100755 index 0000000000000000000000000000000000000000..29e642d77c02ced6b333d846a7b211d1f471697e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2530.js @@ -0,0 +1,29 @@ +// DATA_TEMPLATE: dymanic_table +oTest.fnStart( "2530 - Check width's when dealing with empty strings" ); + + +$(document).ready( function () { + $('#example').dataTable( { + "aaData": [ + ['','Internet Explorer 4.0','Win 95+','4','X'], + ['','Internet Explorer 5.0','Win 95+','5','C'] + ], + "aoColumns": [ + { "sTitle": "", "sWidth": "40px" }, + { "sTitle": "Browser" }, + { "sTitle": "Platform" }, + { "sTitle": "Version", "sClass": "center" }, + { "sTitle": "Grade", "sClass": "center" } + ] + } ); + + /* Basic checks */ + oTest.fnTest( + "Check calculated widths", + null, + function () { return $('#example tbody tr td:eq(0)').width() < 100; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2569.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2569.js new file mode 100755 index 0000000000000000000000000000000000000000..59eae2eff8574e64004f79dfa26e0cc1d9a825e4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2569.js @@ -0,0 +1,36 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "Destroy with hidden columns" ); + +$(document).ready( function () { + $('#example').dataTable( { + "aoColumnDefs": [ + { "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] }, + { "bVisible": false, "aTargets": [ 3 ] } + ] + } ); + $('#example').dataTable().fnDestroy(); + + oTest.fnTest( + "Check that the number of columns in table is correct", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + + oTest.fnTest( + "And with scrolling", + function () { + $('#example').dataTable( { + "sScrollY": 200, + "aoColumnDefs": [ + { "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] }, + { "bVisible": false, "aTargets": [ 3 ] } + ] + } ); + $('#example').dataTable().fnDestroy(); + }, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2600.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2600.js new file mode 100755 index 0000000000000000000000000000000000000000..7acda55b900512e927ade7e476bcfd749d7f30d7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2600.js @@ -0,0 +1,44 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "2600 - Display rewind when changing length" ); + +$(document).ready( function () { + $('#example').dataTable(); + + oTest.fnTest( + "Info correct on init", + null, + function () { return $('#example_info').html() == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Page 2", + function () { $('#example_next').click(); }, + function () { return $('#example_info').html() == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Page 3", + function () { $('#example_next').click(); }, + function () { return $('#example_info').html() == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Page 4", + function () { $('#example_next').click(); }, + function () { return $('#example_info').html() == "Showing 31 to 40 of 57 entries"; } + ); + + oTest.fnTest( + "Page 5", + function () { $('#example_next').click(); }, + function () { return $('#example_info').html() == "Showing 41 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Rewind", + function () { $('#example_length select').val('100'); $('#example_length select').change(); }, + function () { return $('#example_info').html() == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2608.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2608.js new file mode 100644 index 0000000000000000000000000000000000000000..e306c4fccb0ce27a942e5ecd7d71aee62dc358af --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2608.js @@ -0,0 +1,54 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "2608 - State saving escaping filters" ); + +$(document).ready( function () { + $('#example').dataTable( { + "bStateSave": true + } ); + + oTest.fnTest( + "Set the filter", + function () { + $('#example_filter input').val( '\\s*CVM\\s*$' ); + $('#example_filter input').keyup(); + }, + function () { return $('#example_filter input').val() == '\\s*CVM\\s*$'; } + ); + + oTest.fnTest( + "Destroy the table and remake it - checking the filter was saved", + function () { + $('#example').dataTable( { + "bStateSave": true, + "bDestroy": true + } ); + }, + function () { return $('#example_filter input').val() == '\\s*CVM\\s*$'; } + ); + + oTest.fnTest( + "Do it again without state saving and make sure filter is empty", + function () { + $('#example').dataTable( { + "bDestroy": true + } ); + }, + function () { return $('#example_filter input').val() == ''; } + ); + + oTest.fnTest( + "Clean up", + function () { + $('#example').dataTable( { + "bStateSave": true, + "bDestroy": true + } ); + $('#example_filter input').val( '' ); + $('#example_filter input').keyup(); + }, + function () { return $('#example_filter input').val() == ''; } + ); + + oTest.fnCookieDestroy( $('#example').dataTable() ); + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2635.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2635.js new file mode 100755 index 0000000000000000000000000000000000000000..7226ea4b47bc801c2d3652e7d4f68be63dfad296 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2635.js @@ -0,0 +1,40 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "2635 - Hiding column and state saving" ); + +$(document).ready( function () { + $('#example').dataTable( { + "bStateSave": true + } ); + + oTest.fnTest( + "Set the hidden column", + function () { + $('#example').dataTable().fnSetColumnVis( 2, false ); + }, + function () { return $('#example thead th').length == 4; } + ); + + oTest.fnTest( + "Destroy the table and remake it - checking one column was removed", + function () { + $('#example').dataTable( { + "bStateSave": true, + "bDestroy": true + } ); + }, + function () { return $('#example thead th').length == 4; } + ); + + oTest.fnTest( + "Do it again without state saving and make sure we are back to 5 columns", + function () { + $('#example').dataTable( { + "bDestroy": true + } ); + }, + function () { return $('#example thead th').length == 5; } + ); + + oTest.fnCookieDestroy( $('#example').dataTable() ); + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2746-stable-sort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2746-stable-sort.js new file mode 100755 index 0000000000000000000000000000000000000000..fbd3cf7d0e99ba9bac2d5831cd2c5847da0c1e74 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2746-stable-sort.js @@ -0,0 +1,199 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "2746 - Stable sorting" ); + +$(document).ready( function () { + $('#example').dataTable(); + + oTest.fnTest( + "Initial sort", + null, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Gecko' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'Firefox 1.0' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Firefox 1.5' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'Firefox 2.0'; + return ret; + } + ); + + oTest.fnTest( + "Reserve initial sort", + function () { + $('#example thead th:eq(0)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Webkit' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Webkit' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'Safari 1.2' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Safari 1.3' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'Safari 2.0'; + return ret; + } + ); + + oTest.fnTest( + "Reserve to go back to initial sort sort", + function () { + $('#example thead th:eq(0)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Gecko' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'Firefox 1.0' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Firefox 1.5' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'Firefox 2.0'; + return ret; + } + ); + + oTest.fnTest( + "Reserve initial sort again", + function () { + $('#example thead th:eq(0)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Webkit' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Webkit' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'Safari 1.2' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Safari 1.3' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'Safari 2.0'; + return ret; + } + ); + + oTest.fnTest( + "And once more back to the initial sort", + function () { + $('#example thead th:eq(0)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Gecko' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'Firefox 1.0' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Firefox 1.5' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'Firefox 2.0'; + return ret; + } + ); + + oTest.fnTest( + "Sort on second column", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Other browsers' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Trident' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'AOL browser (AOL desktop)' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'Camino 1.0'; + return ret; + } + ); + + oTest.fnTest( + "Reserve sort on second column", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Webkit' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'Seamonkey 1.1' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Safari 3.0' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'Safari 2.0'; + return ret; + } + ); + + oTest.fnTest( + "And back to asc sorting on second column", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Other browsers' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Trident' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'AOL browser (AOL desktop)' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'Camino 1.0'; + return ret; + } + ); + + oTest.fnTest( + "Sort on third column, having now sorted on second", + function () { + $('#example thead th:eq(2)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Other browsers' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Misc' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Dillo 0.8' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'NetFront 3.1'; + return ret; + } + ); + + oTest.fnTest( + "Reserve sort on third column", + function () { + $('#example thead th:eq(2)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Misc' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Trident' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'IE Mobile' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Internet Explorer 7' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'AOL browser (AOL desktop)'; + return ret; + } + ); + + oTest.fnTest( + "Return sorting on third column to asc", + function () { + $('#example thead th:eq(2)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Other browsers' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Misc' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Dillo 0.8' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'NetFront 3.1'; + return ret; + } + ); + + oTest.fnTest( + "Sort on first column having sorted on second then third columns", + function () { + $('#example thead th:eq(0)').click(); + }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko' && + $('#example tbody tr:eq(1) td:eq(0)').html() == 'Gecko' && + $('#example tbody tr:eq(0) td:eq(1)').html() == 'Epiphany 2.20' && + $('#example tbody tr:eq(1) td:eq(1)').html() == 'Camino 1.0' && + $('#example tbody tr:eq(2) td:eq(1)').html() == 'Camino 1.5'; + return ret; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2799.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2799.js new file mode 100755 index 0000000000000000000000000000000000000000..fe3a2c6c49a1c08aa3312d968c2edb54b924eb4a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2799.js @@ -0,0 +1,14 @@ +// DATA_TEMPLATE: two_tables +oTest.fnStart( "Initialise two tables" ); + +$(document).ready( function () { + $('table.display').dataTable(); + + oTest.fnTest( + "Check that initialisation was okay", + null, + function () { return true; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2840-restore-table-width.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2840-restore-table-width.js new file mode 100755 index 0000000000000000000000000000000000000000..435213f24fb7d02564c4ee032eeb9de97aba199d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2840-restore-table-width.js @@ -0,0 +1,19 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "2840 - Restore table width on fnDestroy" ); + +$(document).ready( function () { + document.cookie = ""; + $('#example').dataTable( { + "sScrollX": "100%", + "sScrollXInner": "110%" + } ); + $('#example').dataTable().fnDestroy(); + + oTest.fnTest( + "Width after destroy", + null, + function () { return $('#example').width() == "800"; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2914-state-save-sort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2914-state-save-sort.js new file mode 100755 index 0000000000000000000000000000000000000000..0c616b6dcb650cb494aed1d3c61c743c8fa6a590 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/2914-state-save-sort.js @@ -0,0 +1,39 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "2914 - State saving with an empty array" ); + +$(document).ready( function () { + document.cookie = ""; + $('#example').dataTable( { + "bStateSave": true, + "aaSorting": [] + } ); + + oTest.fnTest( + "No sort", + null, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Next page", + function () { + $('#example').dataTable().fnPageChange( 'next' ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnTest( + "Destroy the table and remake it - checking we are still on the next page", + function () { + $('#example').dataTable( { + "bStateSave": true, + "aaSorting": [], + "bDestroy": true + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnCookieDestroy( $('#example').dataTable() ); + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/5396-fnUpdate-arrays.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/5396-fnUpdate-arrays.js new file mode 100755 index 0000000000000000000000000000000000000000..4ab695b237a87aac0ce624f63928c77ad6c16f12 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/5396-fnUpdate-arrays.js @@ -0,0 +1,103 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "5396 - fnUpdate with 2D arrays for a single row" ); + +$(document).ready( function () { + $('#example thead tr').append( '<th>6</th>' ); + $('#example thead tr').append( '<th>7</th>' ); + $('#example thead tr').append( '<th>8</th>' ); + $('#example thead tr').append( '<th>9</th>' ); + $('#example thead tr').append( '<th>10</th>' ); + + var aDataSet = [ + [ + "1", + "í™ê¸¸ë™", + "1154315", + "etc1", + [ + [ "test1@daum.net", "2011-03-04" ], + [ "test1@naver.com", "2009-07-06" ], + [ "test4@naver.com", ",hide" ], + [ "test5?@naver.com", "" ] + ], + "2011-03-04", + "show" + ], + [ + "2", + "í™ê¸¸ìˆœ", + "2154315", + "etc2", + [ + [ "test2@daum.net", "2009-09-26" ], + [ "test2@naver.com", "2009-05-21,hide" ], + [ "lsb@naver.com", "2010-03-05" ], + [ "lsb3@naver.com", ",hide" ], + [ "sooboklee9@daum.net", "2010-03-05" ] + ], + "2010-03-05", + "show" + ] +] + + var oTable = $('#example').dataTable({ + "aaData": aDataSet, + "aoColumns": [ + { "mDataProp": "0"}, + { "mDataProp": "1"}, + { "mDataProp": "2"}, + { "mDataProp": "3"}, + { "mDataProp": "4.0.0"}, + { "mDataProp": "4.0.1"}, + { "mDataProp": "4.1.0"}, + { "mDataProp": "4.1.1"}, + { "mDataProp": "5"}, + { "mDataProp": "6"} + ] + }); + + + oTest.fnTest( + "Initialisation", + null, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').html() == '1'; + } + ); + + oTest.fnTest( + "Update row", + function () { + $('#example').dataTable().fnUpdate( [ + "0", + "í™ê¸¸ìˆœ", + "2154315", + "etc2", + [ + [ "test2@daum.net", "2009-09-26" ], + [ "test2@naver.com", "2009-05-21,hide" ], + [ "lsb@naver.com", "2010-03-05" ], + [ "lsb3@naver.com", ",hide" ], + [ "sooboklee9@daum.net", "2010-03-05" ] + ], + "2010-03-05", + "show" + ], 1 ); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').html() == '0'; + } + ); + + oTest.fnTest( + "Original row preserved", + null, + function () { + return $('#example tbody tr:eq(1) td:eq(0)').html() == '1'; + } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/5508-xscroll-zero-content.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/5508-xscroll-zero-content.js new file mode 100755 index 0000000000000000000000000000000000000000..f71ae8f447461132d7e67324320ef675d1547654 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/5508-xscroll-zero-content.js @@ -0,0 +1,23 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "5508 - Table container width doesn't change when filtering applied to scrolling table" ); + +$(document).ready( function () { + $('#example').dataTable( { + "sScrollY": "300px", + "bPaginate": false + } ); + + oTest.fnTest( + "Width of container 800px on init with scroll", + null, + function () { return $('div.dataTables_scrollBody').width() == 800; } + ); + + oTest.fnTest( + "Unaltered when filter applied", + function () { $('#example').dataTable().fnFilter('123'); }, + function () { return $('div.dataTables_scrollBody').width() == 800; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/_zero_config.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/_zero_config.js new file mode 100755 index 0000000000000000000000000000000000000000..b3a941f89ad2c40883857d2a9bc2fea53f8c9c44 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/_zero_config.js @@ -0,0 +1,437 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "Sanity checks for DataTables with DOM data" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + $('#example').dataTable(); + + /* Basic checks */ + oTest.fnTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable(); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aaSorting.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aaSorting.js new file mode 100755 index 0000000000000000000000000000000000000000..848b85e4264a869a981c6050b10d2c843bb45246 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aaSorting.js @@ -0,0 +1,183 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aaSorting" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default sorting is single column", + null, + function () { + return oSettings.aaSorting.length == 1 && typeof oSettings.aaSorting[0] == 'object'; + } + ); + + oTest.fnTest( + "Default sorting is first column asc", + null, + function () { + return oSettings.aaSorting[0].length == 3 && oSettings.aaSorting[0][0] == 0 && + oSettings.aaSorting[0][1] == 'asc'; + } + ); + + oTest.fnTest( + "Sorting is applied", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnTest( + "Custom sorting on single string column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + + oTest.fnTest( + "Custom sorting on single string column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnTest( + "Custom sorting on single int column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + + oTest.fnTest( + "Custom sorting on single int column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnTest( + "Multi-column sorting (2 column) - string asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['0','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string asc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['0','asc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string desc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['0','desc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "iPod Touch / iPhone"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string desc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['0','desc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Safari 3.0"; } + ); + + + oTest.fnTest( + "Multi-column sorting (2 column) - string asc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['0','asc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string asc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['0','asc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1.9"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string desc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['0','desc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "125.5"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string desc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['0','desc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Multi-column sorting (3 column) - string asc / int asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSorting": [['0','asc'], ['3','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody tr:eq(7) td:eq(1)').html() == "Firefox 1.0"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aaSortingFixed.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aaSortingFixed.js new file mode 100755 index 0000000000000000000000000000000000000000..bc470e21a0e450843ad3fa5e255c9ad527481765 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aaSortingFixed.js @@ -0,0 +1,60 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aaSortingFixed" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "No fixed sorting by default", + null, + function () { + return oSettings.aaSortingFixed == null; + } + ); + + + oTest.fnTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSortingFixed": [['0','asc']] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaSortingFixed": [['3','asc']] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "PSP browser"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bSearchable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bSearchable.js new file mode 100755 index 0000000000000000000000000000000000000000..27c211a7f2546dc39988fb3e57c1fb1969ee2818 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bSearchable.js @@ -0,0 +1,67 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.bSeachable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Columns are searchable by default", + function () { oTable.fnFilter("Camino"); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html().match(/Camino/); } + ); + + oTest.fnTest( + "Disabling sorting on a column removes it from the global filter", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "bSearchable": false }, + null, + null, + null + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Camino"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnTest( + "Disabled on one column has no effect on other columns", + function () { oTable.fnFilter("Webkit"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + oTest.fnTest( + "Disable filtering on multiple columns", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + { "bSearchable": false }, + { "bSearchable": false }, + null, + null, + null + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Webkit"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnTest( + "Filter on second disabled column", + function () { oTable.fnFilter("Camino"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bSortable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bSortable.js new file mode 100755 index 0000000000000000000000000000000000000000..bbb41cd61fc08b49cc4a0a07a4f01b8a58c63904 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bSortable.js @@ -0,0 +1,105 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.bSortable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "All columns are sortable by default", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Can disable sorting from one column", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + null, + { "bSortable": false }, + null, + null, + null + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnTest( + "Disabled column has no sorting class", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") == false; } + ); + + oTest.fnTest( + "Other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + oTest.fnTest( + "Disable sorting on multiple columns - no sorting classes", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + null, + { "bSortable": false }, + null, + { "bSortable": false }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(1)').hasClass("sorting") || + $('#example thead th:eq(3)').hasClass("sorting") + return bReturn == false; + } + ); + + oTest.fnTest( + "Sorting on disabled column 1 has no effect", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnTest( + "Sorting on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnTest( + "Second sort on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnTest( + "Even with multiple disabled sorting columns other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bUseRendered.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bUseRendered.js new file mode 100755 index 0000000000000000000000000000000000000000..161c41212c5aad4cddf8affd19d9d13170e3cbe1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bUseRendered.js @@ -0,0 +1,145 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.bUseRendered" ); + +/* bUseRendered is used to alter sorting data, if false then the original data is used for + * sorting rather than the rendered data + */ + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + + var oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa"; + } else + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default for bUseRendered is true - rendered data is used for sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'aaa'; } + ); + + oTest.fnTest( + "When bUseRendered is false, original data is used for sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { + "bUseRendered": false, + "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + null, + null, + null + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + + oTest.fnTest( + "bUseRendered set to false on one columns and true (default) on two others", + function () { + mTmp = 0; + var mTmp2 = 0; + var mTmp3 = 0; + + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + { + "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa1"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + { + "bUseRendered": false, + "fnRender": function (a) { + if ( mTmp2 == 0 ) { + mTmp2++; + return "aaa2"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + { + "fnRender": function (a) { + if ( mTmp3 == 0 ) { + mTmp3++; + return "zzz3"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'aaa1'; } + ); + + oTest.fnTest( + "Multi-column rendering - 2nd column sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnTest( + "Multi-column rendering - 3rd column sorting", + function () { + $('#example thead th:eq(2)').click(); + $('#example thead th:eq(2)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(2)').html() == 'zzz3'; } + ); + + oTest.fnTest( + "Multi-column rendering - 4th column sorting", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == '-'; } + ); + + oTest.fnTest( + "Multi-column rendering - 5th column sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible.js new file mode 100755 index 0000000000000000000000000000000000000000..84f1ee60d6529a0259e2f3effa0d64f4f5b076af --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible.js @@ -0,0 +1,132 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.bVisible" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "All columns are visible by default", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnTest( + "Can hide one column and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + null, + { "bVisible": false }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnTest( + "Can hide one column and it removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 4; } + ); + + oTest.fnTest( + "Can hide one column and it removes tfoot th column from DOM", + null, + function () { return $('#example tfoot tr:eq(0) th').length == 4; } + ); + + oTest.fnTest( + "The correct thead column has been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Platform(s)" && + jqNodes[2].innerHTML == "Engine version" && + jqNodes[3].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnTest( + "The correct tbody column has been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "Gnome" && + jqNodes[2].innerHTML == "1.8" && + jqNodes[3].innerHTML == "A"; + return bReturn; + } + ); + + + oTest.fnTest( + "Can hide multiple columns and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + null, + { "bVisible": false }, + { "bVisible": false }, + null, + { "bVisible": false } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 2; } + ); + + oTest.fnTest( + "Multiple hide - removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 2; } + ); + + oTest.fnTest( + "Multiple hide - removes tfoot th column from DOM", + null, + function () { return $('#example tfoot tr:eq(0) th').length == 2; } + ); + + oTest.fnTest( + "Multiple hide - the correct thead columns have been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Engine version" + return bReturn; + } + ); + + oTest.fnTest( + "Multiple hide - the correct tbody columns have been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "1" + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible2.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible2.js new file mode 100755 index 0000000000000000000000000000000000000000..5dbe214f652caf6077d8c5d32f7fae2b94c4f9d5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible2.js @@ -0,0 +1,268 @@ +// DATA_TEMPLATE: complex_header_2 +oTest.fnStart( "aoColumns.bVisible with complex headers" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "All columns are visible by default", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnTest( + "Hide the first column", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + { "bVisible": false }, + null, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnTest( + "First cell is '2' - first column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "2"; } + ); + + oTest.fnTest( + "First cell has colspan of 3", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 3; } + ); + + oTest.fnTest( + "First cell has rowspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 2; } + ); + + oTest.fnTest( + "First cell in last column is '11'", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 11; } + ); + + oTest.fnTest( + "First cell in last column has been truncated to one column", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)')[0].getAttribute('colspan') == 1; } + ); + + + oTest.fnTest( + "Hide the second column", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + null, + { "bVisible": false }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnTest( + "First cell is '1' - second column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "1"; } + ); + + oTest.fnTest( + "Second cell is '2' - second column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "2"; } + ); + + oTest.fnTest( + "First cell in fourth row is '10' (visibly the first) - second column hidden", + null, + function () { return $('#example thead tr:eq(3) th:eq(0)').html() == "10"; } + ); + + oTest.fnTest( + "First cell has colspan of 1", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 1; } + ); + + oTest.fnTest( + "Second cell has colspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('colspan') == 2; } + ); + + oTest.fnTest( + "First cell has rowspan of 1", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 1; } + ); + + oTest.fnTest( + "Second cell has rowspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 2; } + ); + + oTest.fnTest( + "First cell in last column is '11'", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 11; } + ); + + oTest.fnTest( + "First cell in last column has been truncated to one column", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)')[0].getAttribute('colspan') == 1; } + ); + + + oTest.fnTest( + "Hide the first two columns", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + { "bVisible": false }, + { "bVisible": false }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 3; } + ); + + oTest.fnTest( + "First cell is '2' - first two columns hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "2"; } + ); + + oTest.fnTest( + "Second cell is '3' - first two columns hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "3"; } + ); + + oTest.fnTest( + "First cell in third row is '6' - first two columns hidden", + null, + function () { return $('#example thead tr:eq(2) th:eq(0)').html() == "6"; } + ); + + oTest.fnTest( + "First cell has colspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 2; } + ); + + oTest.fnTest( + "First cell has rowspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 2; } + ); + + oTest.fnTest( + "Second cell has rowspan of 1", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 1; } + ); + + oTest.fnTest( + "First cell in last column is '12'", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 12; } + ); + + + oTest.fnTest( + "Hide the third column", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + null, + null, + { "bVisible": false }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnTest( + "First cell is '1' - third column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "1"; } + ); + + oTest.fnTest( + "Second cell is '2' - third column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "2"; } + ); + + oTest.fnTest( + "First cell (visible second) in third row is '6' - third column hidden", + null, + function () { return $('#example thead tr:eq(2) th:eq(0)').html() == "6"; } + ); + + oTest.fnTest( + "Second cell has colspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('colspan') == 2; } + ); + + oTest.fnTest( + "Second cell has rowspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 2; } + ); + + oTest.fnTest( + "Third row first cell (second visible) colspan is 1", + null, + function () { return $('#example thead tr:eq(2) th:eq(0)')[0].getAttribute('colspan') == 1; } + ); + + oTest.fnTest( + "Third row second cell (third visible) value is 7", + null, + function () { return $('#example thead tr:eq(2) th:eq(1)').html() == "7"; } + ); + + oTest.fnTest( + "Third row second cell (third visible) colspan is 1", + null, + function () { return $('#example thead tr:eq(2) th:eq(1)')[0].getAttribute('colspan') == 1; } + ); + + oTest.fnTest( + "Third row second cell (third visible) rowspan is 3", + null, + function () { return $('#example thead tr:eq(2) th:eq(1)')[0].getAttribute('rowspan') == 3; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.fnRender.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.fnRender.js new file mode 100755 index 0000000000000000000000000000000000000000..8060ddb8ebd41709307b64cf9b3113690e0f0511 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.fnRender.js @@ -0,0 +1,176 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.fnRender" ); + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + var oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "fnRender": function (a) { + mTmp++; + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Single column - fnRender is called once for each row", + null, + function () { return mTmp == 57; } + ); + + oTest.fnTest( + "Confirm that fnRender passes two arguments with four parameters", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "fnRender": function (a, v) { + if ( arguments.length != 2 || typeof a.iDataRow=='undefined' || + typeof a.iDataColumn=='undefined' || typeof a.aData=='undefined' || + typeof a.mDataProp=='undefined' ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnTest( + "fnRender iDataColumn is row number", + function () { + var iCount = 0; + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( iCount != a.iDataRow ) + { + mTmp = false; + } + iCount++; + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnTest( + "fnRender iDataColumn is the column", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.iDataColumn != 1 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnTest( + "fnRender aData is data array of correct size", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.aData.length != 5 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "fnRender": function (a) { + return 'unittest'; + } }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'unittest'; } + ); + + oTest.fnTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + null, + { "fnRender": function (a) { + return 'unittest1'; + } }, + { "fnRender": function (a) { + return 'unittest2'; + } }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(0) td:eq(2)').html() == 'unittest1' && + $('#example tbody tr:eq(0) td:eq(3)').html() == 'unittest2'; + return bReturn; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.iDataSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.iDataSort.js new file mode 100755 index 0000000000000000000000000000000000000000..e9366ff4741963edea4e7d23c338db8bd59d6b1b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.iDataSort.js @@ -0,0 +1,88 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.iDataSort" ); + +$(document).ready( function () { + /* Should know that sorting already works by default from other tests, so we can jump + * right in here + */ + var oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "iDataSort": 4 }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Sorting on first column is uneffected", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnTest( + "Sorting on second column is the order of the fifth", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnTest( + "Reserve sorting on second column uses fifth column as well", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnTest( + "Sorting on 5th column retains it's own sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + oTest.fnTest( + "Use 2nd col for sorting 5th col and via-versa - no effect on first col sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + { "iDataSort": 4 }, + null, + null, + { "iDataSort": 1 } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnTest( + "2nd col sorting uses fifth col", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnTest( + "2nd col sorting uses fifth col - reversed", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnTest( + "5th col sorting uses 2nd col", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnTest( + "5th col sorting uses 2nd col - reversed", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'Seamonkey 1.1'; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sClass.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sClass.js new file mode 100755 index 0000000000000000000000000000000000000000..09149bb0d542ba22feb86239a5870b15a65d6f09 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sClass.js @@ -0,0 +1,111 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.sClass" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "By default the test class hasn't been applied to the column (sanity!)", + null, + function () { return $('#example tbody tr:eq(0) td:eq(2)').hasClass('unittest') == false; } + ); + + oTest.fnTest( + "Add a class to a single column - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + null, + null, + { "sClass": 'unittest' }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(1) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnTest( + "Add a class to a single column - third row", + null, + function () { return $('#example tbody tr:eq(3) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnTest( + "Add a class to a single column - last row", + null, + function () { return $('#example tbody tr:eq(9) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnTest( + "Add a class to a single column - has not applied to other columns - 1st", + null, + function () { return $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest') == false; } + ); + + oTest.fnTest( + "Add a class to a single column - has not applied to other columns - 5th", + null, + function () { return $('#example tbody tr:eq(3) td:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnTest( + "Add a class to a single column - seventh row - second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody tr:eq(6) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnTest( + "Add a class to a single column - has not applied to header", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnTest( + "Add a class to a single column - has not applied to footer", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + + oTest.fnTest( + "Class defined for multiple columns - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + { "sClass": 'unittest2' }, + null, + null, + { "sClass": 'unittest1' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest2') && + $('#example tbody tr:eq(8) td:eq(3)').hasClass('unittest1'); + return bReturn; + } + ); + + oTest.fnTest( + "Class defined for multiple columns - has not applied to other columns - 5th 1", + null, + function () { return $('#example tbody tr:eq(0) td:eq(4)').hasClass('unittest1') == false; } + ); + + oTest.fnTest( + "Class defined for multiple columns - has not applied to other columns - 5th 2", + null, + function () { return $('#example tbody tr:eq(6) td:eq(4)').hasClass('unittest2') == false; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sName.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sName.js new file mode 100755 index 0000000000000000000000000000000000000000..14a4c18985967a4eacee55b90c6c8a1e1b4ba83f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sName.js @@ -0,0 +1,27 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.sName" ); + +/* This has no effect at all in DOM methods - so we just check that it has applied the name */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aoColumns": [ + null, + null, + null, + { "sName": 'unit test' }, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Names are stored in the columns object", + null, + function () { return oSettings.aoColumns[3].sName =="unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sTitle.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sTitle.js new file mode 100755 index 0000000000000000000000000000000000000000..5ebac2f4393b6acb442e9b1d698ea82b77484e3a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sTitle.js @@ -0,0 +1,78 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.sTitle" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Column names are read from the DOM by default", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Browser" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnTest( + "Can set a single column title - and others are read from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + null, + { "sTitle": 'unit test' }, + null, + null, + null + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnTest( + "Can set multiple column titles", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aoColumns": [ + null, + { "sTitle": 'unit test 1' }, + null, + null, + { "sTitle": 'unit test 2' } + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test 1" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "unit test 2"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sWidth.js new file mode 100755 index 0000000000000000000000000000000000000000..e2777f67bb5e53289c540986c9eee9f75c6e5a65 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoColumns.sWidth.js @@ -0,0 +1,84 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoColumns.sWidth" ); + +/* NOTE - we need to disable the auto width for the majority of these test in order to preform + * these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests + * with auto width enabled however to ensure it scales columns as required + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bAutoWidth": false, + "aoColumns": [ + null, + { "sWidth": '40%' }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "With auto width disabled the width for one column is appled", + null, + function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; } + ); + + oTest.fnTest( + "With auto width disabled the width for one column is appled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bAutoWidth": false, + "aoColumns": [ + null, + null, + { "sWidth": '20%' }, + { "sWidth": '30%' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(2)')[0].style.width == "20%" && + $('#example thead th:eq(3)')[0].style.width == "30%"; + return bReturn; + } + ); + + + oTest.fnTest( + "With auto width, it will make the smallest column the largest with percentage width given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoColumns": [ + null, + null, + null, + { "sWidth": '40%' }, + null + ] + } ); + }, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + + if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 ) + return true; + else + return false; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoSearchCols.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoSearchCols.js new file mode 100755 index 0000000000000000000000000000000000000000..9a1a3ecef49b9d4c22c9b49132a0e1481e41de00 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/aoSearchCols.js @@ -0,0 +1,112 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "aoSearchCols" ); + +/* We could be here forever testing this one, so we test a limited subset on a couple of colums */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default should be to have a empty colums array", + null, + function () { + var bReturn = + oSettings.aoPreSearchCols[0].sSearch == 0 && !oSettings.aoPreSearchCols[0].bRegex && + oSettings.aoPreSearchCols[1].sSearch == 0 && !oSettings.aoPreSearchCols[1].bRegex && + oSettings.aoPreSearchCols[2].sSearch == 0 && !oSettings.aoPreSearchCols[2].bRegex && + oSettings.aoPreSearchCols[3].sSearch == 0 && !oSettings.aoPreSearchCols[3].bRegex && + oSettings.aoPreSearchCols[4].sSearch == 0 && !oSettings.aoPreSearchCols[4].bRegex; + return bReturn; + } + ); + + + oTest.fnTest( + "Search on a single column - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1" }, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Search on two columns - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1.5" }, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "1.5"; } + ); + + oTest.fnTest( + "Search on single column - escape regex false", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + null, + null, + null, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 3 of 3 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Search on two columns - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "3.3", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Konqureror 3.3"; } + ); + + oTest.fnTest( + "Search on two columns (no records) - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "Allan", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/asStripClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/asStripClasses.js new file mode 100755 index 0000000000000000000000000000000000000000..906fc78831f9e4ede6c3bde14b42e4ac5c137f08 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/asStripClasses.js @@ -0,0 +1,106 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "asStripeClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable(); + + oTest.fnTest( + "Default row striping is applied", + null, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + oTest.fnTest( + "Row striping does not effect current classes", + null, + function () { + return $('#example tbody tr:eq(0)').hasClass('gradeA') && + $('#example tbody tr:eq(1)').hasClass('gradeA') && + $('#example tbody tr:eq(2)').hasClass('gradeA') && + $('#example tbody tr:eq(3)').hasClass('gradeA'); + } + ); + + oTest.fnTest( + "Row striping on the second page", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + /* No striping */ + oTest.fnTest( + "No row striping", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "asStripeClasses": [] + } ); + }, + function () { + return $('#example tbody tr:eq(0)')[0].className == "gradeA" && + $('#example tbody tr:eq(1)')[0].className == "gradeA" && + $('#example tbody tr:eq(2)')[0].className == "gradeA" && + $('#example tbody tr:eq(3)')[0].className == "gradeA"; + } + ); + + /* Custom striping */ + oTest.fnTest( + "Custom striping [2]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "asStripeClasses": [ 'test1', 'test2' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test1') && + $('#example tbody tr:eq(3)').hasClass('test2'); + } + ); + + + /* long array of striping */ + oTest.fnTest( + "Custom striping [4]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "asStripeClasses": [ 'test1', 'test2', 'test3', 'test4' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + oTest.fnTest( + "Custom striping is restarted on second page [2]", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bAutoWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bAutoWidth.js new file mode 100755 index 0000000000000000000000000000000000000000..e88930bd6882ba28767a76bff5b1eec133ce89a5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bAutoWidth.js @@ -0,0 +1,138 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bAutoWidth" ); + +/* It's actually a little tricky to test this. We can't test absolute numbers because + * different browsers and different platforms will render the width of the columns slightly + * differently. However, we certainly can test the principle of what should happen (column + * width doesn't change over pages) + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Auto width is enabled by default", + null, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + oTest.fnTest( + "First column has a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style').match(/width/i); } + ); + + /* + This would seem like a better test - but there appear to be difficulties with tables + which are bigger (calculated) than there is actually room for. I suspect this is actually + a bug in datatables + oTest.fnTest( + "Check column widths on first page match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + console.log( a0, b0, a1, b1, a2, b2, a3, b3 ); + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + + oTest.fnTest( + "Check column widths on second page match thid page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + */ + + /* Check can disable */ + oTest.fnTest( + "Auto width can be disabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bAutoWidth": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth == false; } + ); + + oTest.fnTest( + "First column does not have a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style') == null; } + ); + + /* + oTest.fnTest( + "Check column widths on first page do not match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return false; + else + return true; + } + ); + */ + + /* Enable makes no difference */ + oTest.fnTest( + "Auto width enabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bAutoWidth": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bFilter.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bFilter.js new file mode 100755 index 0000000000000000000000000000000000000000..f4ec31582fbf8299e49ccaad3b7144bcb32b6222 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bFilter.js @@ -0,0 +1,40 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bFilter" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable(); + + oTest.fnTest( + "Filtering div exists by default", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + /* Check can disable */ + oTest.fnTest( + "Fltering can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bFilter": false + } ); + }, + function () { return document.getElementById('example_filter') == null; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Filtering enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bFilter": true + } ); + }, + function () { return document.getElementById('example_filter') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bInfiniteScroll.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bInfiniteScroll.js new file mode 100755 index 0000000000000000000000000000000000000000..ce73892b64a2308b6683b58e757df8304c3f65f0 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bInfiniteScroll.js @@ -0,0 +1,130 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bInfiniteScroll" ); + + +$(document).ready( function () { + var oTable = $('#example').dataTable( { + "bScrollInfinite": true, + "sScrollY": "200px" + } ); + + oTest.fnTest( + "10 rows by default", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Info", + null, + function () { return $('#example_info').html() == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Get nodes", + null, + function () { return $('#example tbody>tr').length == 10; } + ); + + oTest.fnWaitTest( + "Scroll on 20px adds 10 rows", + function () { $('div.dataTables_scrollBody').scrollTop(20); }, + function () { return $('#example tbody tr').length == 20; } + ); + + oTest.fnTest( + "Info after 20px scroll", + null, + function () { return $('#example_info').html() == "Showing 1 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Get nodes after 20px scroll", + null, + function () { return $('#example tbody>tr').length == 20; } + ); + + oTest.fnTest( + "Scroll on 10px more results in the same number of rows", + function () { $('div.dataTables_scrollBody').scrollTop(30); }, + function () { return $('#example tbody tr').length == 20; } + ); + + oTest.fnTest( + "Info after 10 more px scroll", + null, + function () { return $('#example_info').html() == "Showing 1 to 20 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Scroll to 240px adds another 10 rows", + function () { $('div.dataTables_scrollBody').scrollTop(240); }, + function () { return $('#example tbody tr').length == 30; } + ); + + oTest.fnTest( + "Info after 240px scroll", + null, + function () { return $('#example_info').html() == "Showing 1 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Get nodes after 240px scroll", + null, + function () { return $('#example tbody>tr').length == 30; } + ); + + oTest.fnTest( + "Filtering will drop back to 10 rows", + function () { + $('div.dataTables_scrollBody').scrollTop(0); + oTable.fnFilter('gec') + }, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Info after filtering", + null, + function () { return $('#example_info').html() == "Showing 1 to 10 of 20 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Get nodes after filtering", + null, + function () { return $('#example tbody>tr').length == 10; } + ); + + oTest.fnWaitTest( + "Scroll after filtering adds 10", + function () { $('div.dataTables_scrollBody').scrollTop(20); }, + function () { return $('#example tbody tr').length == 20; } + ); + + oTest.fnTest( + "Get nodes after filtering", + null, + function () { return $('#example tbody>tr').length == 20; } + ); + + oTest.fnTest( + "Sorting will drop back to 10 rows", + function () { oTable.fnSort([[1,'asc']]) }, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "Scroll after sorting adds 10", + function () { $('div.dataTables_scrollBody').scrollTop(20); }, + function () { return $('#example tbody tr').length == 20; } + ); + + oTest.fnTest( + "Get nodes after scrolling", + null, + function () { return $('#example tbody>tr').length == 20; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bInfo.js new file mode 100755 index 0000000000000000000000000000000000000000..54d470f0da3d7a0f9f1d7e09a595c14dbcd7fa0b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bInfo.js @@ -0,0 +1,40 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bInfo" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable(); + + oTest.fnTest( + "Info div exists by default", + null, + function () { return document.getElementById('example_info') != null; } + ); + + /* Check can disable */ + oTest.fnTest( + "Info can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bInfo": false + } ); + }, + function () { return document.getElementById('example_info') == null; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Info enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bInfo": true + } ); + }, + function () { return document.getElementById('example_info') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bJQueryUI.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bJQueryUI.js new file mode 100755 index 0000000000000000000000000000000000000000..6c685468c65b1e7fd1a1dc70232735043fedc501 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bJQueryUI.js @@ -0,0 +1,40 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bJQueryUI" ); + +$(document).ready( function () { + $('#example').dataTable( { + "bJQueryUI": true + } ); + + oTest.fnTest( + "Header elements are fully wrapped by DIVs", + null, + function () { + var test = true; + $('#example thead th').each( function () { + if ( this.childNodes > 1 ) { + test = false; + } + } ); + return test; + } + ); + + oTest.fnTest( + "One div for each header element", + null, + function () { + return $('#example thead th div').length == 5; + } + ); + + oTest.fnTest( + "One span for each header element, nested as child of div", + null, + function () { + return $('#example thead th div>span').length == 5; + } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bLengthChange.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bLengthChange.js new file mode 100755 index 0000000000000000000000000000000000000000..1c8ef40bd3c135f8832276d27937ba16f5e40738 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bLengthChange.js @@ -0,0 +1,71 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bLengthChange" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable(); + + oTest.fnTest( + "Length div exists by default", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Four default options", + null, + function () { return $("select[name=example_length] option").length == 4; } + ); + + oTest.fnTest( + "Default options", + null, + function () { + var opts = $("select[name='example_length'] option"); + return opts[0].getAttribute('value') == 10 && opts[1].getAttribute('value') == 25 && + opts[2].getAttribute('value') == 50 && opts[3].getAttribute('value') == 100; + } + ); + + oTest.fnTest( + "Info takes length into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnTest( + "Change length can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bLengthChange": false + } ); + }, + function () { return document.getElementById('example_length') == null; } + ); + + oTest.fnTest( + "Information takes length disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Length change enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bLengthChange": true + } ); + }, + function () { return document.getElementById('example_length') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bPaginate.js new file mode 100755 index 0000000000000000000000000000000000000000..560114e326d13b6b22cab39018a806a215a5c459 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bPaginate.js @@ -0,0 +1,55 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bPaginate" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable(); + + oTest.fnTest( + "Pagiantion div exists by default", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Information div takes paging into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bPaginate": false + } ); + }, + function () { return document.getElementById('example_paginate') == null; } + ); + + oTest.fnTest( + "Information div takes paging disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 57 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Pagiantion enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bPaginate": true + } ); + }, + function () { return document.getElementById('example_paginate') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bProcessing.js new file mode 100755 index 0000000000000000000000000000000000000000..e342a40c5ae303e185468598a088a83ec009ce54 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bProcessing.js @@ -0,0 +1,99 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bProcessing" ); + +/* It's actually a bit hard to set this one due to the fact that it will only be shown + * when DataTables is doing some kind of processing. The server-side processing is a bit + * better to test this than here - so we just the interal functions to enable it and check + * that it is available + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Processing is off by default", + null, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnTest( + "Processing div cannot be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnTest( + "Processing div cannot be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + /* Check can disable */ + oTest.fnTest( + "Processing can be enabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bProcessing": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == true; } + ); + + oTest.fnTest( + "Processing div is in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing'); } + ); + + oTest.fnTest( + "Processing div is hidden by default", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + oTest.fnTest( + "Processing div can be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "visible"; } + ); + + oTest.fnTest( + "Processing div can be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Processing disabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bProcessing": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bServerSide.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bServerSide.js new file mode 100755 index 0000000000000000000000000000000000000000..c6aacec65c64af5d6361efe6e6836d15d2f60b86 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bServerSide.js @@ -0,0 +1,18 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bServerSide" ); + +/* Not interested in server-side processing here other than to check that it is off */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Server side is off by default", + null, + function () { return oSettings.oFeatures.bServerSide == false; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bSort.js new file mode 100755 index 0000000000000000000000000000000000000000..ecaf168ead7a96f30c1462b9832bb1808298fae9 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bSort.js @@ -0,0 +1,101 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bSort" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable(); + + oTest.fnTest( + "Sorting is on by default", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Sorting Asc by default class applied", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc"); } + ); + + oTest.fnTest( + "Click on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting class removed from first column", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc") != true; } + ); + + oTest.fnTest( + "Sorting asc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc"); } + ); + + oTest.fnTest( + "Reverse on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting acs class removed from second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") != true; } + ); + + oTest.fnTest( + "Sorting desc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_desc"); } + ); + + /* Check can disable */ + oTest.fnTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bSort": false + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Disabled classes applied", + null, + function () { return $('#example thead th:eq(0)').hasClass('sorting_disabled'); } + ); + + oTest.fnTest( + "Click on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Reverse on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Sorting enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bSort": true + } ); + }, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bSortCellsTop.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bSortCellsTop.js new file mode 100755 index 0000000000000000000000000000000000000000..fc550d5def69686318f74575cdacb2de1fa98056 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bSortCellsTop.js @@ -0,0 +1,77 @@ +// DATA_TEMPLATE: dom_data_two_headers +oTest.fnStart( "bSortCellsTop" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Sorting class is on the bottom cells by default", + null, + function () { return $('#example thead tr:eq(1) th:eq(0)').hasClass('sorting_asc'); } + ); + + oTest.fnTest( + "Sorting is performed on bottom cells", + function () { return $('#example thead tr:eq(1) th:eq(0)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + oTest.fnTest( + "Sorting class is updated on the bottom cells", + null, + function () { return $('#example thead tr:eq(1) th:eq(0)').hasClass('sorting_desc'); } + ); + + oTest.fnTest( + "Clicking on top cells has no effect", + function () { return $('#example thead tr:eq(0) th:eq(0)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + oTest.fnTest( + "Clicking on another top cell has no effect", + function () { return $('#example thead tr:eq(0) th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + + oTest.fnTest( + "Sorting class is on the top cell when bSortCellsTop is true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bSortCellsTop": true + } ); + }, + function () { return $('#example thead tr:eq(0) th:eq(0)').hasClass('sorting_asc'); } + ); + + oTest.fnTest( + "Sorting is performed on top cells now", + function () { return $('#example thead tr:eq(0) th:eq(0)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + oTest.fnTest( + "Sorting class is updated on the top cells", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)').hasClass('sorting_desc'); } + ); + + oTest.fnTest( + "Clicking on bottom cells has no effect", + function () { return $('#example thead tr:eq(1) th:eq(0)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + oTest.fnTest( + "Clicking on another bottom cell has no effect", + function () { return $('#example thead tr:eq(1) th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bSortClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bSortClasses.js new file mode 100755 index 0000000000000000000000000000000000000000..97f0c1fcef996a3c59e4b1f98b37501de7202a38 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/bSortClasses.js @@ -0,0 +1,128 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "bSortClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable(); + + oTest.fnTest( + "Sorting classes are applied by default", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnTest( + "Sorting classes are applied to all required cells", + null, + function () { return $('#example tbody tr:eq(7) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnTest( + "Sorting classes are not applied to non-sorting columns", + null, + function () { return $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_1') == false; } + ); + + oTest.fnTest( + "Sorting multi-column - add column 1", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2'); + } + ); + + oTest.fnTest( + "Sorting multi-column - add column 2", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3'); + } + ); + + oTest.fnTest( + "Sorting multi-column - add column 3", + function () { + oDispacher.click( $('#example thead th:eq(3)')[0], { 'shift': true } ); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3'); + } + ); + + oTest.fnTest( + "Remove sorting classes on single column sort", + function () { + $('#example thead th:eq(4)').click(); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3') == false; + } + ); + + oTest.fnTest( + "Sorting class 1 was added", + null, + function () { return $('#example tbody tr:eq(1) td:eq(4)').hasClass('sorting_1'); } + ); + + + /* Check can disable */ + oTest.fnTest( + "Sorting classes can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bSortClasses": false + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false; } + ); + + oTest.fnTest( + "Sorting classes disabled - add column 1 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false; + } + ); + + oTest.fnTest( + "Sorting classes disabled - add column 2 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false; + } + ); + + + /* Enable makes no difference */ + oTest.fnTest( + "Sorting classes enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bSortClasses": true + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnCookieCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnCookieCallback.js new file mode 100755 index 0000000000000000000000000000000000000000..31d03936c6cb3a028fb3adcbbc3ea2bad7c4f6f7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnCookieCallback.js @@ -0,0 +1,97 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "Cookie callback" ); + + +$(document).ready( function () { + var mPass; + /* Note that in order to be fully effective here for saving state, there would need to be a + * stringify function to serialise the data array + */ + + oTest.fnTest( + "null by default", + function () { + $('#example').dataTable(); + }, + function () { return $('#example').dataTable().fnSettings().fnCookieCallback == null; } + ); + + oTest.fnTest( + "Number of arguments", + function () { + $('#example').dataTable( { + "bDestroy": true, + "bStateSave": true, + "fnCookieCallback": function (sName, oData, sExpires, sPath) { + mPass = arguments.length; + return sName + "=; expires=" + sExpires +"; path=" + sPath; + } + } ); + }, + function () { return mPass == 4; } + ); + + oTest.fnTest( + "Name", + function () { + $('#example').dataTable( { + "bDestroy": true, + "bStateSave": true, + "fnCookieCallback": function (sName, oData, sExpires, sPath) { + mPass = sName=="SpryMedia_DataTables_example_dom_data.php"; + return sName + "=; expires=" + sExpires +"; path=" + sPath; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data", + function () { + $('#example').dataTable( { + "bDestroy": true, + "bStateSave": true, + "fnCookieCallback": function (sName, oData, sExpires, sPath) { + mPass = typeof oData.iStart != 'undefined'; + return sName + "=; expires=" + sExpires +"; path=" + sPath; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Expires", + function () { + $('#example').dataTable( { + "bDestroy": true, + "bStateSave": true, + "fnCookieCallback": function (sName, oData, sExpires, sPath) { + mPass = typeof sExpires == 'string'; + return sName + "=; expires=" + sExpires +"; path=" + sPath; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Path", + function () { + $('#example').dataTable( { + "bDestroy": true, + "bStateSave": true, + "fnCookieCallback": function (sName, oData, sExpires, sPath) { + mPass = sPath.match(/media\/unit_testing\/templates/); + return sName + "=; expires=" + sExpires +"; path=" + sPath; + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnCookieDestroy( $('#example').dataTable() ); + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnCreatedCell.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnCreatedCell.js new file mode 100755 index 0000000000000000000000000000000000000000..1de4967130b2ac808ec5b61429bcda1626c22c13 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnCreatedCell.js @@ -0,0 +1,151 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnCreatedCell tests" ); + +$(document).ready( function () { + var tmp = 0; + + $('#example').dataTable( { + "aoColumnDefs": [ { + fnCreatedCell: function () { + tmp++; + }, + "aTargets": ["_all"] + } ] + } ); + + oTest.fnTest( + "Cell created is called once for each cell on init", + null, + function () { return tmp===285; } + ); + + oTest.fnTest( + "Created isn't called back on other draws", + function () { $('#example th:eq(1)').click(); }, + function () { return tmp===285; } + ); + + oTest.fnTest( + "Four arguments for the function", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments.length !== 4 ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "First argument is a TD element", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[0].nodeName !== "TD" ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Second argument is the HTML value", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[1] != $('td').html() ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Third argument is the data array", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[2].length !== 5 ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Fourth argument is the data source for the row", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[2] !== this.fnSettings().aoData[ arguments[2] ]._aData ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Fifth argument is the the col index", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[1] != $('td:eq('+arguments[4]+')', arguments[0].parentNode).html() ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnCreatedRow.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnCreatedRow.js new file mode 100755 index 0000000000000000000000000000000000000000..e408f7095e7e9df2eb06fafa63ecc4b77ea21f3f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnCreatedRow.js @@ -0,0 +1,115 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnCreatedRow tests" ); + +$(document).ready( function () { + var tmp = 0; + + $('#example').dataTable( { + fnCreatedRow: function () { + tmp++; + } + } ); + + oTest.fnTest( + "Row created is called once for each row on init", + null, + function () { return tmp===57; } + ); + + oTest.fnTest( + "Created isn't called back on other draws", + function () { $('#example th:eq(1)').click(); }, + function () { return tmp===57; } + ); + + oTest.fnTest( + "Three arguments for the function", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + fnCreatedRow: function () { + if ( arguments.length !== 3 ) { + tmp = false; + } + } + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "First argument is a TR element", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + fnCreatedRow: function () { + if ( arguments[0].nodeName !== "TR" ) { + tmp = false; + } + } + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Second argument is an array with 5 elements", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + fnCreatedRow: function () { + if ( arguments[1].length !== 5 ) { + tmp = false; + } + } + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Third argument is the data source for the row", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + fnCreatedRow: function () { + if ( arguments[1] !== this.fnSettings().aoData[ arguments[2] ]._aData ) { + tmp = false; + } + } + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "TR element is tied to the correct data", + function () { + oSession.fnRestore(); + tmp = false; + + $('#example').dataTable( { + fnCreatedRow: function (tr, data, index) { + if ( data[1] === "Firefox 1.0" ) { + if ( $('td:eq(3)', tr).html() == "1.7" ) { + tmp = true; + } + } + } + } ); + }, + function () { return tmp; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnDeleteRow.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnDeleteRow.js new file mode 100755 index 0000000000000000000000000000000000000000..29a0b3fd979ba52270d7f752574cc5720922b92f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnDeleteRow.js @@ -0,0 +1,30 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnDeleteRow" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Check that the default data is sane", + null, + function () { return oSettings.asDataSearch.join(' ').match(/4.0/g).length == 3; } + ); + + oTest.fnTest( + "Remove the first data row, and check that hte search data has been updated", + function () { oTable.fnDeleteRow( 0 ); }, + function () { return oSettings.asDataSearch.join(' ').match(/4.0/g).length == 2; } + ); + + oTest.fnTest( + "Check that the info element has been updated", + null, + function () { return $('#example_info').html() == "Showing 1 to 10 of 56 entries"; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnDrawCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnDrawCallback.js new file mode 100755 index 0000000000000000000000000000000000000000..ffa5f8147ccc4b49c6bc506caa48f121e5482682 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnDrawCallback.js @@ -0,0 +1,80 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnDrawCallback" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnDrawCallback == null; } + ); + + + oTest.fnTest( + "One argument passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "fnDrawCallback": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 1; } + ); + + + oTest.fnTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + oTable = $('#example').dataTable( { + "fnDrawCallback": function ( oSettings ) { + mPass = oSettings; + } + } ); + }, + function () { return oTable.fnSettings() == mPass; } + ); + + + oTest.fnTest( + "fnRowCallback called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "fnDrawCallback": function ( ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnTest( + "fnRowCallback called once on each draw there after as well", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 4; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnFilter.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnFilter.js new file mode 100755 index 0000000000000000000000000000000000000000..1e18b22d791e5c0554617ce6315f0f9ad36754dd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnFilter.js @@ -0,0 +1,16 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnFilter" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + oTable.fnFilter(1); + + oTest.fnTest( + "Filtering with a non-string input is valid", + null, + function () { return $('#example_info').html() == "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnFooterCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnFooterCallback.js new file mode 100755 index 0000000000000000000000000000000000000000..a02f8de27e43373928b49c0b49d44b6591ff96b1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnFooterCallback.js @@ -0,0 +1,227 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnFooterCallback" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnFooterCallback == null; } + ); + + + oTest.fnTest( + "Five arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "fnFooterCallback": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 5; } + ); + + + oTest.fnTest( + "fnRowCallback called once per draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnTest( + "fnRowCallback called on paging (i.e. another draw)", + function () { $('#example_next').click(); }, + function () { return mPass == 2; } + ); + + + oTest.fnTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + nFoot.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + } + } ); + }, + function () { return $('#example tfoot th:eq(0)').html() == "Displaying 10 records"; } + ); + + + oTest.fnTest( + "Data array has length matching original data", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( aasData.length != 57 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data array's column lengths match original data", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + for ( var i=0, iLen=aasData.length ; i<iLen ; i++ ) + { + if ( aasData[i].length != 5 ) + { + mPass = false; + } + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iStart correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart != 0 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iStart correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart == 10 ) + { + mPass = true; + } + } + } ); + $('#example_next').click(); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iEnd correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd != 10 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iEnd correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd == 20 ) + { + mPass = true; + } + } + } ); + $('#example_next').click(); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "aiDisplay length is full data when not filtered", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 57 ) + { + mPass = true; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "aiDisplay length is 9 when filtering on 'Mozilla'", + function () { + oSession.fnRestore(); + + mPass = false; + oTable = $('#example').dataTable( { + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 9 ) + { + mPass = true; + } + } + } ); + oTable.fnFilter( "Mozilla" ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnHeaderCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnHeaderCallback.js new file mode 100755 index 0000000000000000000000000000000000000000..0acc4877550d6833a18eb8a3bbf058d464ac0816 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnHeaderCallback.js @@ -0,0 +1,227 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnHeaderCallback" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnHeaderCallback == null; } + ); + + + oTest.fnTest( + "Five arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "fnHeaderCallback": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 5; } + ); + + + oTest.fnTest( + "fnRowCallback called once per draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnTest( + "fnRowCallback called on paging (i.e. another draw)", + function () { $('#example_next').click(); }, + function () { return mPass == 2; } + ); + + + oTest.fnTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + } + } ); + }, + function () { return $('#example thead th:eq(0)').html() == "Displaying 10 records"; } + ); + + + oTest.fnTest( + "Data array has length matching original data", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aasData.length != 57 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data array's column lengths match original data", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + for ( var i=0, iLen=aasData.length ; i<iLen ; i++ ) + { + if ( aasData[i].length != 5 ) + { + mPass = false; + } + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iStart correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart != 0 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iStart correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart == 10 ) + { + mPass = true; + } + } + } ); + $('#example_next').click(); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iEnd correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd != 10 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iEnd correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd == 20 ) + { + mPass = true; + } + } + } ); + $('#example_next').click(); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "aiDisplay length is full data when not filtered", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 57 ) + { + mPass = true; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "aiDisplay length is 9 when filtering on 'Mozilla'", + function () { + oSession.fnRestore(); + + mPass = false; + oTable = $('#example').dataTable( { + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 9 ) + { + mPass = true; + } + } + } ); + oTable.fnFilter( "Mozilla" ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnInfoCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnInfoCallback.js new file mode 100755 index 0000000000000000000000000000000000000000..b4501d5fd028f5c538f0bf4caa0d23211d12b27d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnInfoCallback.js @@ -0,0 +1,115 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnInfoCallback checks" ); + +$(document).ready( function () { + var mPass; + + $('#example').dataTable(); + + /* Basic checks */ + oTest.fnTest( + "null by default", + null, + function () { return $('#example').dataTable().fnSettings().oLanguage.fnInfoCallback == null; } + ); + + oTest.fnTest( + "Agrument length", + function () { + $('#example').dataTable( { + "bDestroy": true, + "fnInfoCallback": function( oS, iStart, iEnd, iMax, iTotal, sPre ) { + mPass = arguments.length; + return sPre; + } + } ); + }, + function () { return mPass == 6; } + ); + + oTest.fnTest( + "Settings first", + function () { + $('#example').dataTable( { + "bDestroy": true, + "fnInfoCallback": function( oS, iStart, iEnd, iMax, iTotal, sPre ) { + mPass = (oS == $('#example').dataTable().fnSettings()) ? true : false; + return sPre; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Start arg", + function () { + $('#example').dataTable( { + "bDestroy": true, + "fnInfoCallback": function( oS, iStart, iEnd, iMax, iTotal, sPre ) { + return iStart; + } + } ); + }, + function () { return $('#example_info').html() == "1"; } + ); + + oTest.fnTest( + "End arg", + function () { + $('#example').dataTable( { + "bDestroy": true, + "fnInfoCallback": function( oS, iStart, iEnd, iMax, iTotal, sPre ) { + return iEnd; + } + } ); + }, + function () { return $('#example_info').html() == "10"; } + ); + + oTest.fnTest( + "Max arg", + function () { + $('#example').dataTable( { + "bDestroy": true, + "fnInfoCallback": function( oS, iStart, iEnd, iMax, iTotal, sPre ) { + return iMax; + } + } ); + }, + function () { return $('#example_info').html() == "57"; } + ); + + oTest.fnTest( + "Max arg - filter", + function () { + $('#example').dataTable().fnFilter("1.0"); + }, + function () { return $('#example_info').html() == "57"; } + ); + + oTest.fnTest( + "Total arg", + function () { + $('#example').dataTable( { + "bDestroy": true, + "fnInfoCallback": function( oS, iStart, iEnd, iMax, iTotal, sPre ) { + return iTotal; + } + } ); + }, + function () { return $('#example_info').html() == "57"; } + ); + + oTest.fnTest( + "Total arg - filter", + function () { + $('#example').dataTable().fnFilter("1.0"); + }, + function () { return $('#example_info').html() == "3"; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnInitComplete.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnInitComplete.js new file mode 100755 index 0000000000000000000000000000000000000000..1659d1246f5fdafe213c529ad5707905018dfc21 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnInitComplete.js @@ -0,0 +1,94 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnInitComplete" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnInitComplete == null; } + ); + + + oTest.fnTest( + "Two arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "fnInitComplete": function ( ) { + mPass = arguments.length===2 && arguments[1]===undefined; + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + oTable = $('#example').dataTable( { + "fnInitComplete": function ( oSettings ) { + mPass = oSettings; + } + } ); + }, + function () { return oTable.fnSettings() == mPass; } + ); + + + oTest.fnTest( + "fnInitComplete called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "fnInitComplete": function ( ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnTest( + "fnInitComplete never called there after", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 1; } + ); + + + oTest.fnWaitTest( + "10 rows in the table on complete", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "fnInitComplete": function ( ) { + mPass = $('#example tbody tr').length; + } + } ); + }, + function () { return mPass == 10; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnRowCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnRowCallback.js new file mode 100755 index 0000000000000000000000000000000000000000..df4e72f78fc5fd83b3aa42a7ce9d00aa86d56604 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnRowCallback.js @@ -0,0 +1,105 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnRowCallback" ); + +/* Note - fnRowCallback MUST return the first arguments (modified or not) */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnRowCallback == null; } + ); + + + oTest.fnTest( + "Four arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "fnRowCallback": function ( nTr ) { + mPass = arguments.length; + return nTr; + } + } ); + }, + function () { return mPass == 4; } + ); + + + oTest.fnTest( + "fnRowCallback called once for each drawn row", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + mPass++; + return nTr; + } + } ); + }, + function () { return mPass == 10; } + ); + + oTest.fnTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + $(nTr).addClass('unit_test'); + return nTr; + } + } ); + }, + function () { return $('#example tbody tr:eq(1)').hasClass('unit_test'); } + ); + + oTest.fnTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( asData.length != 5 ) + mPass = false; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + var iCount = 0; + $('#example').dataTable( { + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( iCount != iDrawIndex ) + mPass = false; + iCount++; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnSetColumnVis.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnSetColumnVis.js new file mode 100755 index 0000000000000000000000000000000000000000..41d85e7cd5e3ef2a4150765d45b318033a571d32 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnSetColumnVis.js @@ -0,0 +1,120 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "fnSetColumnVis" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "All columns are visible by default", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnTest( + "Can hide one column and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable(); + $('#example').dataTable().fnSetColumnVis( 1, false ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnTest( + "Can hide one column and it removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 4; } + ); + + oTest.fnTest( + "Can hide one column and it removes tfoot th column from DOM", + null, + function () { return $('#example tfoot tr:eq(0) th').length == 4; } + ); + + oTest.fnTest( + "The correct thead column has been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Platform(s)" && + jqNodes[2].innerHTML == "Engine version" && + jqNodes[3].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnTest( + "The correct tbody column has been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "Gnome" && + jqNodes[2].innerHTML == "1.8" && + jqNodes[3].innerHTML == "A"; + return bReturn; + } + ); + + + oTest.fnTest( + "Can hide multiple columns and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable(); + $('#example').dataTable().fnSetColumnVis( 1, false ); + $('#example').dataTable().fnSetColumnVis( 2, false ); + $('#example').dataTable().fnSetColumnVis( 4, false ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 2; } + ); + + oTest.fnTest( + "Multiple hide - removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 2; } + ); + + oTest.fnTest( + "Multiple hide - removes tfoot th column from DOM", + null, + function () { return $('#example tfoot tr:eq(0) th').length == 2; } + ); + + oTest.fnTest( + "Multiple hide - the correct thead columns have been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Engine version" + return bReturn; + } + ); + + oTest.fnTest( + "Multiple hide - the correct tbody columns have been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "1" + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnSetColumnVis2.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnSetColumnVis2.js new file mode 100755 index 0000000000000000000000000000000000000000..722fe11be171a05ac1f09e3edf6ccf2bee7ea9cd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/fnSetColumnVis2.js @@ -0,0 +1,236 @@ +// DATA_TEMPLATE: complex_header_2 +oTest.fnStart( "fnSetColumnVis with complex headers" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "All columns are visible by default", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnTest( + "Hide the first column", + function () { + $('#example').dataTable().fnSetColumnVis( 0, false ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnTest( + "First cell is '2' - first column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "2"; } + ); + + oTest.fnTest( + "First cell has colspan of 3", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 3; } + ); + + oTest.fnTest( + "First cell has rowspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 2; } + ); + + oTest.fnTest( + "First cell in last column is '11'", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 11; } + ); + + oTest.fnTest( + "First cell in last column has been truncated to one column", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)')[0].getAttribute('colspan') == 1; } + ); + + + oTest.fnTest( + "Hide the second column", + function () { + $('#example').dataTable().fnSetColumnVis( 0, true ); + $('#example').dataTable().fnSetColumnVis( 1, false ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnTest( + "First cell is '1' - second column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "1"; } + ); + + oTest.fnTest( + "Second cell is '2' - second column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "2"; } + ); + + oTest.fnTest( + "First cell in fourth row is '10' (visibly the first) - second column hidden", + null, + function () { return $('#example thead tr:eq(3) th:eq(0)').html() == "10"; } + ); + + oTest.fnTest( + "First cell has colspan of 1", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 1; } + ); + + oTest.fnTest( + "Second cell has colspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('colspan') == 2; } + ); + + oTest.fnTest( + "First cell has rowspan of 1", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 1; } + ); + + oTest.fnTest( + "Second cell has rowspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 2; } + ); + + oTest.fnTest( + "First cell in last column is '11'", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 11; } + ); + + oTest.fnTest( + "First cell in last column has been truncated to one column", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)')[0].getAttribute('colspan') == 1; } + ); + + + oTest.fnTest( + "Hide the first two columns", + function () { + $('#example').dataTable().fnSetColumnVis( 0, false ); + $('#example').dataTable().fnSetColumnVis( 1, false ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 3; } + ); + + oTest.fnTest( + "First cell is '2' - first two columns hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "2"; } + ); + + oTest.fnTest( + "Second cell is '3' - first two columns hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "3"; } + ); + + oTest.fnTest( + "First cell in third row is '6' - first two columns hidden", + null, + function () { return $('#example thead tr:eq(2) th:eq(0)').html() == "6"; } + ); + + oTest.fnTest( + "First cell has colspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 2; } + ); + + oTest.fnTest( + "First cell has rowspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 2; } + ); + + oTest.fnTest( + "Second cell has rowspan of 1", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 1; } + ); + + oTest.fnTest( + "First cell in last column is '12'", + null, + function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 12; } + ); + + + oTest.fnTest( + "Hide the third column", + function () { + $('#example').dataTable().fnSetColumnVis( 0, true ); + $('#example').dataTable().fnSetColumnVis( 1, true ); + $('#example').dataTable().fnSetColumnVis( 2, false ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnTest( + "First cell is '1' - third column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "1"; } + ); + + oTest.fnTest( + "Second cell is '2' - third column hidden", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "2"; } + ); + + oTest.fnTest( + "First cell (visible second) in third row is '6' - third column hidden", + null, + function () { return $('#example thead tr:eq(2) th:eq(0)').html() == "6"; } + ); + + oTest.fnTest( + "Second cell has colspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('colspan') == 2; } + ); + + oTest.fnTest( + "Second cell has rowspan of 2", + null, + function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 2; } + ); + + oTest.fnTest( + "Third row first cell (second visible) colspan is 1", + null, + function () { return $('#example thead tr:eq(2) th:eq(0)')[0].getAttribute('colspan') == 1; } + ); + + oTest.fnTest( + "Third row second cell (third visible) value is 7", + null, + function () { return $('#example thead tr:eq(2) th:eq(1)').html() == "7"; } + ); + + oTest.fnTest( + "Third row second cell (third visible) colspan is 1", + null, + function () { return $('#example thead tr:eq(2) th:eq(1)')[0].getAttribute('colspan') == 1; } + ); + + oTest.fnTest( + "Third row second cell (third visible) rowspan is 3", + null, + function () { return $('#example thead tr:eq(2) th:eq(1)')[0].getAttribute('rowspan') == 3; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/html-autodetect-sort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/html-autodetect-sort.js new file mode 100755 index 0000000000000000000000000000000000000000..c0f4ec50f667a7845075134e90a28b84376081e6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/html-autodetect-sort.js @@ -0,0 +1,57 @@ +// DATA_TEMPLATE: html_table +oTest.fnStart( "HTML auto detect" ); + +$(document).ready( function () { + var oTable = $('#example').dataTable(); + + oTest.fnTest( + "Initial sort", + null, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == '1' && + $('#example tbody tr:eq(1) td:eq(0)').html() == '2' && + $('#example tbody tr:eq(2) td:eq(0)').html() == '3'; + return ret; + } + ); + + oTest.fnTest( + "HTML sort", + function () { $('#example thead th:eq(1)').click() }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == '2' && + $('#example tbody tr:eq(1) td:eq(0)').html() == '1' && + $('#example tbody tr:eq(2) td:eq(0)').html() == '4'; + return ret; + } + ); + + oTest.fnTest( + "HTML reverse sort", + function () { $('#example thead th:eq(1)').click() }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == '3' && + $('#example tbody tr:eq(1) td:eq(0)').html() == '4' && + $('#example tbody tr:eq(2) td:eq(0)').html() == '1'; + return ret; + } + ); + + oTest.fnTest( + "Numeric sort", + function () { $('#example thead th:eq(0)').click() }, + function () { + var ret = + $('#example tbody tr:eq(0) td:eq(0)').html() == '1' && + $('#example tbody tr:eq(1) td:eq(0)').html() == '2' && + $('#example tbody tr:eq(2) td:eq(0)').html() == '3'; + return ret; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/iDisplayLength.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/iDisplayLength.js new file mode 100755 index 0000000000000000000000000000000000000000..8d4b5ae614a36dfc52f86ac85f9404f7b4523862 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/iDisplayLength.js @@ -0,0 +1,76 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "iDisplayLength" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable(); + + oTest.fnTest( + "Default length is ten", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Select menu shows 10", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnTest( + "Set initial length to 25", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "iDisplayLength": 25 + } ); + }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 25; } + ); + + + oTest.fnTest( + "Set initial length to 100", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "iDisplayLength": 100 + } ); + }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 100; } + ); + + + oTest.fnTest( + "Set initial length to 23 (unknown select menu length)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "iDisplayLength": 23 + } ); + }, + function () { return $('#example tbody tr').length == 23; } + ); + + oTest.fnTest( + "Select menu shows 10 (since 23 is unknow)", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.oPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.oPaginate.js new file mode 100755 index 0000000000000000000000000000000000000000..e840348aa5f6814a5dd5fe14fda432c210eaf1c5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.oPaginate.js @@ -0,0 +1,80 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oLanguage.oPaginate" ); + +/* Note that the paging language information only has relevence in full numbers */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { "sPaginationType": "full_numbers" } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "oLanguage.oPaginate defaults", + null, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "First" && + oSettings.oLanguage.oPaginate.sPrevious == "Previous" && + oSettings.oLanguage.oPaginate.sNext == "Next" && + oSettings.oLanguage.oPaginate.sLast == "Last"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate defaults are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "First" && + $('#example_paginate .previous').html() == "Previous" && + $('#example_paginate .next').html() == "Next" && + $('#example_paginate .last').html() == "Last"; + return bReturn; + } + ); + + + oTest.fnTest( + "oLanguage.oPaginate can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sPaginationType": "full_numbers", + "oLanguage": { + "oPaginate": { + "sFirst": "unit1", + "sPrevious": "test2", + "sNext": "unit3", + "sLast": "test4" + } + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "unit1" && + oSettings.oLanguage.oPaginate.sPrevious == "test2" && + oSettings.oLanguage.oPaginate.sNext == "unit3" && + oSettings.oLanguage.oPaginate.sLast == "test4"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate definitions are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "unit1" && + $('#example_paginate .previous').html() == "test2" && + $('#example_paginate .next').html() == "unit3" && + $('#example_paginate .last').html() == "test4"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sInfo.js new file mode 100755 index 0000000000000000000000000000000000000000..25b23f449bf821aecf7718051fe266b24ba916af --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sInfo.js @@ -0,0 +1,109 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oLanguage.sInfo" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Info language is 'Showing _START_ to _END_ of _TOTAL_ entries' by default", + null, + function () { return oSettings.oLanguage.sInfo == "Showing _START_ to _END_ of _TOTAL_ entries"; } + ); + + oTest.fnTest( + "Info language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnTest( + "Info language can be defined - without any macros", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sInfo": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfo == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "unit test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macro _START_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oLanguage": { + "sInfo": "unit _START_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macro _END_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 10 test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macro _TOTAL_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 57 test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macros _START_ and _END_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oLanguage": { + "sInfo": "unit _START_ _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macros _START_, _END_ and _TOTAL_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oLanguage": { + "sInfo": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 57 test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sInfoEmpty.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sInfoEmpty.js new file mode 100755 index 0000000000000000000000000000000000000000..386e29dad232748cb2db41d10bdb45d6932fe86b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sInfoEmpty.js @@ -0,0 +1,75 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oLanguage.sInfoEmpty" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Info empty language is 'Showing 0 to 0 of 0 entries' by default", + function () { oTable.fnFilter("nothinghere"); }, + function () { return oSettings.oLanguage.sInfoEmpty == "Showing 0 to 0 of 0 entries"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "Showing 0 to 0 of 0 entries"; + return bReturn; + } + ); + + + oTest.fnTest( + "Info empty language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sInfoEmpty": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("nothinghere"); + }, + function () { return oSettings.oLanguage.sInfoEmpty == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit test"; + return bReturn; + } + ); + + + oTest.fnTest( + "Macro's not replaced", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sInfoEmpty": "unit _START_ _END_ _TOTAL_ test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit _START_ _END_ _TOTAL_ test"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sInfoPostFix.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sInfoPostFix.js new file mode 100755 index 0000000000000000000000000000000000000000..f948c7298191f0ef9472ec0c4d5613d4ce550a4c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sInfoPostFix.js @@ -0,0 +1,73 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oLanguage.sInfoPostFix" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Info post fix language is '' (blank) by default", + null, + function () { return oSettings.oLanguage.sInfoPostFix == ""; } + ); + + oTest.fnTest( + "Width no post fix, the basic info shows", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnTest( + "Info post fix language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfoPostFix == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit test"; } + ); + + + oTest.fnTest( + "Macros have no effect in the post fix", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sInfoPostFix": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit _START_ _END_ _TOTAL_ test"; } + ); + + + oTest.fnTest( + "Post fix is applied after fintering info", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 0 to 0 of 0 entries unit (filtered from 57 total entries) test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sLengthMenu.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sLengthMenu.js new file mode 100755 index 0000000000000000000000000000000000000000..89f131e332afd26d2c45340770546ebddcc05d0e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sLengthMenu.js @@ -0,0 +1,106 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oLanguage.sLengthMenu" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Menu language is 'Show _MENU_ entries' by default", + null, + function () { return oSettings.oLanguage.sLengthMenu == "Show _MENU_ entries"; } + ); + + oTest.fnTest( + "_MENU_ macro is replaced by select menu in DOM", + null, + function () { return $('select', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "Default is put into DOM", + null, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "Show " && + anChildren[2].nodeValue == " entries"; + return bReturn; + } + ); + + + oTest.fnTest( + "Menu length language can be defined - no _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sLengthMenu": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sLengthMenu == "unit test"; } + ); + + oTest.fnTest( + "Menu length language definition is in the DOM", + null, + function () { + return $('label', oSettings.aanFeatures.l[0]).text() == "unit test"; + } + ); + + + oTest.fnTest( + "Menu length language can be defined - with _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sLengthMenu": "unit _MENU_ test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "unit " && + anChildren[2].nodeValue == " test"; + return bReturn; + } + ); + + + oTest.fnTest( + "Only the _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sLengthMenu": "_MENU_" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = oSettings.aanFeatures.l[0].childNodes; + var bReturn = + anChildren.length == 1 && + $('select', oSettings.aanFeatures.l[0]).length == 1; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sProcessing.js new file mode 100755 index 0000000000000000000000000000000000000000..55518adc9c2a3df5a7cd77560973b6de9c3813e1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sProcessing.js @@ -0,0 +1,47 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oLanguage.sProcessing" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bProcessing": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Processing language is 'Processing...' by default", + null, + function () { return oSettings.oLanguage.sProcessing == "Processing..."; } + ); + + oTest.fnTest( + "Processing language default is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "Processing..."; } + ); + + + oTest.fnTest( + "Processing language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bProcessing": true, + "oLanguage": { + "sProcessing": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sProcessing == "unit test"; } + ); + + oTest.fnTest( + "Processing language definition is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sSearch.js new file mode 100755 index 0000000000000000000000000000000000000000..60db49e5bad4d37ec17f53f33038d0973a0533eb --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sSearch.js @@ -0,0 +1,66 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oLanguage.sSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Search language is 'Search:' by default", + null, + function () { return oSettings.oLanguage.sSearch == "Search:"; } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).length == 1 } + ); + + oTest.fnTest( + "Search language default is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text() + == "Search: "; } + ); + + + oTest.fnTest( + "Search language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sSearch": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sSearch == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text().indexOf('unit test') !== -1; } + ); + + + oTest.fnTest( + "Blank search has a no (separator) inserted", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sSearch": "" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return document.getElementById('example_filter').childNodes.length == 1; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sUrl.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sUrl.js new file mode 100755 index 0000000000000000000000000000000000000000..61d2a93215986e0fec0ee4fe53c9f7d7e4f2d342 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sUrl.js @@ -0,0 +1,59 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oLanguage.sUrl" ); + +/* Note that we only test the internal storage of language information pulled form a file here + * as the other language tests will check it goes into the DOM correctly + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "sUrl is blank by default", + null, + function () { return oSettings.oLanguage.sUrl == ""; } + ); + + + oTest.fnWaitTest( + "Loading of German file loads language information", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sUrl": "../../../examples/examples_support/de_DE.txt" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.sProcessing == "Bitte warten..." && + oSettings.oLanguage.sLengthMenu == "_MENU_ Einträge anzeigen" && + oSettings.oLanguage.sZeroRecords == "Keine Einträge vorhanden." && + oSettings.oLanguage.sInfo == "_START_ bis _END_ von _TOTAL_ Einträgen" && + oSettings.oLanguage.sInfoEmpty == "0 bis 0 von 0 Einträgen" && + oSettings.oLanguage.sInfoFiltered == "(gefiltert von _MAX_ Einträgen)" && + oSettings.oLanguage.sInfoPostFix == "" && + oSettings.oLanguage.sSearch == "Suchen" && + oSettings.oLanguage.oPaginate.sFirst == "Erster" && + oSettings.oLanguage.oPaginate.sPrevious == "Zurück" && + oSettings.oLanguage.oPaginate.sNext == "Nächster" && + oSettings.oLanguage.oPaginate.sLast == "Letzter"; + + return bReturn; + } + ); + + /* One DOM check just to ensure that they go into the DOM */ + oTest.fnTest( + "Loaded language goes into the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "1 bis 10 von 57 Einträgen"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sZeroRecords.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sZeroRecords.js new file mode 100755 index 0000000000000000000000000000000000000000..72aec43770ad868c0aad006d3bc14ed0ab91a2c6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oLanguage.sZeroRecords.js @@ -0,0 +1,45 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oLanguage.sZeroRecords" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Zero records language is 'No matching records found' by default", + null, + function () { return oSettings.oLanguage.sZeroRecords == "No matching records found"; } + ); + + oTest.fnTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "No matching records found" } + ); + + + + oTest.fnTest( + "Zero records language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oLanguage": { + "sZeroRecords": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sZeroRecords == "unit test"; } + ); + + oTest.fnTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere2'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "unit test" } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oSearch.js new file mode 100755 index 0000000000000000000000000000000000000000..8d23ee3df85a2ac04a6abfbe65d599e6d27b0d07 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/oSearch.js @@ -0,0 +1,101 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "oSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default values should be blank", + null, + function () { + var bReturn = oSettings.oPreviousSearch.sSearch == "" && + !oSettings.oPreviousSearch.bRegex; + return bReturn; + } + ); + + /* This test might be considered iffy since the full object isn't given, but it's reasonable to + * expect DataTables to cope with this. It should just assumine regex false + */ + oTest.fnTest( + "Search term only in object", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "oSearch": { + "sSearch": "Mozilla" + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "New search will kill old one", + function () { + oTable.fnFilter("Opera"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnTest( + "Search plain text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oSearch": { + "sSearch": "DS", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Nintendo DS browser"; } + ); + + oTest.fnTest( + "Search plain text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oSearch": { + "sSearch": "Opera", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnTest( + "Search regex text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oSearch": { + "sSearch": "1.*", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnTest( + "Search regex text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oSearch": { + "sSearch": "1.*", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/sAjaxSource.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/sAjaxSource.js new file mode 100755 index 0000000000000000000000000000000000000000..ac61f9bdb0151a3baab6498ddd6f562c28e1e4f8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/sAjaxSource.js @@ -0,0 +1,18 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "sAjaxSource" ); + +/* Not interested in ajax source here other than to check it's default */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Server side is off by default", + null, + function () { return oSettings.sAjaxSource == null; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/sDom.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/sDom.js new file mode 100755 index 0000000000000000000000000000000000000000..165071c642e360017b2b2e206cd7dc433ca0c696 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/sDom.js @@ -0,0 +1,319 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "sDom" ); + +/* This is going to be brutal on the browser! There is a lot that can be tested here... */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default DOM varaible", + null, + function () { return oSettings.sDom == "lfrtip"; } + ); + + oTest.fnTest( + "Default DOM in document", + null, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + nNodes[5] == nPaging; + return bReturn; + } + ); + + oTest.fnTest( + "Check example 1 in code propagates", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sDom": '<"wrapper"flipt>' + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.sDom == '<"wrapper"flipt>'; } + ); + + oTest.fnTest( + "Check example 1 in DOM", + null, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + var nCustomWrapper = $('div.wrapper')[0]; + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrapper && + nNodes[2] == nFilter && + nNodes[3] == nLength && + nNodes[4] == nInfo && + nNodes[5] == nPaging && + nNodes[6] == nTable; + return bReturn; + } + ); + + oTest.fnTest( + "Check example 2 in DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sDom": '<lf<t>ip>' + } ); + }, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + var nCustomWrappers = [] + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + + /* Only the two custom divs don't have class names */ + if ( jqNodes[i].className == "" ) + { + nCustomWrappers.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrappers[0] && + nNodes[2] == nLength && + nNodes[3] == nFilter && + nNodes[4] == nCustomWrappers[1] && + nNodes[5] == nTable && + nNodes[6] == nInfo && + nNodes[7] == nPaging; + return bReturn; + } + ); + + oTest.fnTest( + "Check no length element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sDom": 'frtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + null == nLength && + nNodes[1] == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnTest( + "Check no filter element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sDom": 'lrtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + null == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + /* Note we don't test for no table as this is not supported (and it would be fairly daft! */ + + oTest.fnTest( + "Check no info element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sDom": 'lfrtp' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + null == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnTest( + "Check no paging element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sDom": 'lfrti' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + null == nPaging; + return bReturn; + } + ); + + oTest.fnTest( + "Element with an id", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sDom": '<"#test"lf>rti' + } ); + }, + function () { + return $('#test').length == 1; + } + ); + + oTest.fnTest( + "Element with an id and a class", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sDom": '<"#test.classTest"lf>rti' + } ); + }, + function () { + return ($('#test').length == 1 && $('#test')[0].className == "classTest"); + } + ); + + oTest.fnTest( + "Element with just a class", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sDom": '<"classTest"lf>rti' + } ); + }, + function () { + return ($('div.classTest').length == 1 ); + } + ); + + oTest.fnTest( + "Two elements with an id", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sDom": '<"#test1"lf>rti<"#test2"lf>' + } ); + }, + function () { + return ($('#test1').length == 1 && $('#test2').length == 1); + } + ); + + oTest.fnTest( + "Two elements with an id and one with a class", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sDom": '<"#test1"lf>rti<"#test2.classTest"lf>' + } ); + }, + function () { + return ($('#test1').length == 1 && $('#test2').length == 1 && $('div.classTest').length == 1); + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/sPaginationType.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/sPaginationType.js new file mode 100755 index 0000000000000000000000000000000000000000..8d975f5525298440831334b128a84b24ea65263e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/sPaginationType.js @@ -0,0 +1,122 @@ +// DATA_TEMPLATE: dom_data +oTest.fnStart( "sPaginationType" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable(); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Check two button paging is the default", + null, + function () { return oSettings.sPaginationType == "two_button"; } + ); + + oTest.fnTest( + "Check class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_two_button'); } + ); + + oTest.fnTest( + "Two A elements are in the wrapper", + null, + function () { return $('#example_paginate a').length == 2; } + ); + + oTest.fnTest( + "We have the previous button", + null, + function () { return document.getElementById('example_previous'); } + ); + + oTest.fnTest( + "We have the next button", + null, + function () { return document.getElementById('example_next'); } + ); + + oTest.fnTest( + "Previous button is disabled", + null, + function () { return $('#example_previous').hasClass('paginate_disabled_previous'); } + ); + + oTest.fnTest( + "Next button is enabled", + null, + function () { return $('#example_next').hasClass('paginate_enabled_next'); } + ); + + /* Don't test paging - that's done by the zero config test script. */ + + + /* Two buttons paging */ + oTest.fnTest( + "Can enabled full numbers paging", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sPaginationType": "full_numbers" + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.sPaginationType == "full_numbers"; } + ); + + oTest.fnTest( + "Check full numbers class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_full_numbers'); } + ); + + + var nFirst, nPrevious, nNext, nLast; + oTest.fnTest( + "Jump to last page", + function () { + nFirst = $('div.dataTables_paginate a.first'); + nPrevious = $('div.dataTables_paginate a.previous'); + nNext = $('div.dataTables_paginate a.next'); + nLast = $('div.dataTables_paginate a.last'); + nLast.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; + } + ); + + oTest.fnTest( + "Go to two pages previous", + function () { + nPrevious.click(); + nPrevious.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 31 to 40 of 57 entries"; + } + ); + + oTest.fnTest( + "Next (second last) page", + function () { + nNext.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 41 to 50 of 57 entries"; + } + ); + + oTest.fnTest( + "Jump to first page", + function () { + nFirst.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/th_in_body.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/th_in_body.js new file mode 100755 index 0000000000000000000000000000000000000000..bbf5ee3a20d5d9d0ada9b7f0a551c7571443ebcc --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/1_dom/th_in_body.js @@ -0,0 +1,437 @@ +// DATA_TEMPLATE: dom_data_th +oTest.fnStart( "Sanity checks for DataTables with DOM data and a TH in the body" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + $('#example').dataTable(); + + /* Basic checks */ + oTest.fnTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable(); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/6872-default-content-missing-props.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/6872-default-content-missing-props.js new file mode 100644 index 0000000000000000000000000000000000000000..5ae4126b91a3b68a425535aad3854e1b238f1ac1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/6872-default-content-missing-props.js @@ -0,0 +1,285 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "6872 - mDataProp and sDefaultContent for deep objects" ); + +$(document).ready( function () { + var test = false; + + $.fn.dataTable.ext.sErrMode = "throw"; + + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Shallow properties + */ + + $('#example').dataTable( { + "aaData": [ + { + "a": "a", + "b": "b", + "c": "c", + "d": "d", + "e": "e" + } + ], + "aoColumns": [ + { "mDataProp": "a" }, + { "mDataProp": "b" }, + { "mDataProp": "c" }, + { "mDataProp": "d" }, + { "mDataProp": "e" } + ] + } ); + + oTest.fnTest( + "Basic initialisation of objects works", + null, + function () { return $('#example tbody td:eq(0)').html() === "a"; } + ); + + oTest.fnTest( + "Error when property missing (no default content)", + function () { + oSession.fnRestore(); + test = false; + + try { + $('#example').dataTable( { + "aaData": [ + { + "a": "a", + "b": "b", + "d": "d", + "e": "e" + } + ], + "aoColumns": [ + { "mDataProp": "a" }, + { "mDataProp": "b" }, + { "mDataProp": "c" }, + { "mDataProp": "d" }, + { "mDataProp": "e" } + ] + } ); + } catch (e) { + test = true; + } + }, + function () { return test; } + ); + + oTest.fnTest( + "Default content used for missing prop and no error", + function () { + oSession.fnRestore(); + + $('#example').dataTable( { + "aaData": [ + { + "a": "a", + "b": "b", + "d": "d", + "e": "e" + } + ], + "aoColumns": [ + { "mDataProp": "a" }, + { "mDataProp": "b" }, + { "mDataProp": "c", "sDefaultContent": "test" }, + { "mDataProp": "d" }, + { "mDataProp": "e" } + ] + } ); + }, + function () { return $('#example tbody td:eq(2)').html() === "test"; } + ); + + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Deep properties with a single object + */ + + oTest.fnTest( + "Basic test with deep properties", + function () { + oSession.fnRestore(); + + $('#example').dataTable( { + "aaData": [ + { + "z": { + "a": "a", + "b": "b", + "c": "c", + "d": "d", + "e": "e" + } + } + ], + "aoColumns": [ + { "mDataProp": "z.a" }, + { "mDataProp": "z.b" }, + { "mDataProp": "z.c" }, + { "mDataProp": "z.d" }, + { "mDataProp": "z.e" } + ] + } ); + }, + function () { return $('#example tbody td:eq(0)').html() === "a"; } + ); + + oTest.fnTest( + "Error when property missing on deep get (no default content)", + function () { + oSession.fnRestore(); + test = false; + + try { + $('#example').dataTable( { + "aaData": [ + { + "z": { + "a": "a", + "b": "b", + "c": "c", + "e": "e" + } + } + ], + "aoColumns": [ + { "mDataProp": "z.a" }, + { "mDataProp": "z.b" }, + { "mDataProp": "z.c" }, + { "mDataProp": "z.d" }, + { "mDataProp": "z.e" } + ] + } ); + } catch (e) { + test = true; + } + }, + function () { return test; } + ); + + oTest.fnTest( + "Default content used for missing prop on deep get and no error", + function () { + oSession.fnRestore(); + + $('#example').dataTable( { + "aaData": [ + { + "z": { + "a": "a", + "b": "b", + "c": "c", + "e": "e" + } + } + ], + "aoColumns": [ + { "mDataProp": "z.a" }, + { "mDataProp": "z.b" }, + { "mDataProp": "z.c" }, + { "mDataProp": "z.d", "sDefaultContent": "test" }, + { "mDataProp": "z.e" } + ] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() === "test"; } + ); + + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Deep properties with individual objects + */ + + oTest.fnTest( + "Basic test with deep individual properties", + function () { + oSession.fnRestore(); + + $('#example').dataTable( { + "aaData": [ + { + "m": { "a": "a" }, + "n": { "b": "b" }, + "o": { "c": "c" }, + "p": { "d": "d" }, + "q": { "e": "e" } + } + ], + "aoColumns": [ + { "mDataProp": "m.a" }, + { "mDataProp": "n.b" }, + { "mDataProp": "o.c" }, + { "mDataProp": "p.d" }, + { "mDataProp": "q.e" } + ] + } ); + }, + function () { return $('#example tbody td:eq(0)').html() === "a"; } + ); + + oTest.fnTest( + "Error when property missing on deep individual get (no default content)", + function () { + oSession.fnRestore(); + test = false; + + try { + $('#example').dataTable( { + "aaData": [ + { + "m": { "a": "a" }, + "n": { "b": "b" }, + "p": { "d": "d" }, + "q": { "e": "e" } + } + ], + "aoColumns": [ + { "mDataProp": "m.a" }, + { "mDataProp": "n.b" }, + { "mDataProp": "o.c" }, + { "mDataProp": "p.d" }, + { "mDataProp": "q.e" } + ] + } ); + } catch (e) { + test = true; + } + }, + function () { return test; } + ); + + oTest.fnTest( + "Default content used for missing prop on deep individual get and no error", + function () { + oSession.fnRestore(); + + $('#example').dataTable( { + "aaData": [ + { + "m": { "a": "a" }, + "n": { "b": "b" }, + "p": { "d": "d" }, + "q": { "e": "e" } + } + ], + "aoColumns": [ + { "mDataProp": "m.a" }, + { "mDataProp": "n.b" }, + { "mDataProp": "o.c", "sDefaultContent": "test" }, + { "mDataProp": "p.d" }, + { "mDataProp": "q.e" } + ] + } ); + }, + function () { return $('#example tbody td:eq(2)').html() === "test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/_zero_config.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/_zero_config.js new file mode 100644 index 0000000000000000000000000000000000000000..51abbad27cc104248d646146e4fde14d131daa5a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/_zero_config.js @@ -0,0 +1,440 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "Sanity checks for DataTables with data from JS" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + var oInit = { + "aaData": gaaData + }; + $('#example').dataTable( oInit ); + + /* Basic checks */ + oTest.fnTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aaSorting.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aaSorting.js new file mode 100644 index 0000000000000000000000000000000000000000..3b16828e83a06be79e16c50de2b9a2ea35bba42a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aaSorting.js @@ -0,0 +1,198 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aaSorting" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default sorting is single column", + null, + function () { + return oSettings.aaSorting.length == 1 && typeof oSettings.aaSorting[0] == 'object'; + } + ); + + oTest.fnTest( + "Default sorting is first column asc", + null, + function () { + return oSettings.aaSorting[0].length == 3 && oSettings.aaSorting[0][0] == 0 && + oSettings.aaSorting[0][1] == 'asc'; + } + ); + + oTest.fnTest( + "Sorting is applied", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnTest( + "Custom sorting on single string column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + + oTest.fnTest( + "Custom sorting on single string column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnTest( + "Custom sorting on single int column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + + oTest.fnTest( + "Custom sorting on single int column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnTest( + "Multi-column sorting (2 column) - string asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['0','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string asc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['0','asc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string desc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['0','desc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "iPod Touch / iPhone"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string desc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['0','desc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Safari 3.0"; } + ); + + + oTest.fnTest( + "Multi-column sorting (2 column) - string asc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['0','asc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string asc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['0','asc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1.9"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string desc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['0','desc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "125.5"; } + ); + + oTest.fnTest( + "Multi-column sorting (2 column) - string desc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['0','desc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Multi-column sorting (3 column) - string asc / int asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSorting": [['0','asc'], ['3','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody tr:eq(7) td:eq(1)').html() == "Firefox 1.0"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aaSortingFixed.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aaSortingFixed.js new file mode 100644 index 0000000000000000000000000000000000000000..a28e6101e85976b67e32536bf3fa4913cf4b8a25 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aaSortingFixed.js @@ -0,0 +1,64 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aaSortingFixed" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "No fixed sorting by default", + null, + function () { + return oSettings.aaSortingFixed == null; + } + ); + + + oTest.fnTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSortingFixed": [['0','asc']] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aaSortingFixed": [['3','asc']] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "PSP browser"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bSearchable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bSearchable.js new file mode 100755 index 0000000000000000000000000000000000000000..4ce915883b25250b6d187e0744ff277a1c1d90e1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bSearchable.js @@ -0,0 +1,71 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.bSeachable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Columns are searchable by default", + function () { oTable.fnFilter("Camino"); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html().match(/Camino/); } + ); + + oTest.fnTest( + "Disabling sorting on a column removes it from the global filter", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "bSearchable": false }, + null, + null, + null + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Camino"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnTest( + "Disabled on one column has no effect on other columns", + function () { oTable.fnFilter("Webkit"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + oTest.fnTest( + "Disable filtering on multiple columns", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + { "bSearchable": false }, + { "bSearchable": false }, + null, + null, + null + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Webkit"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnTest( + "Filter on second disabled column", + function () { oTable.fnFilter("Camino"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bSortable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bSortable.js new file mode 100755 index 0000000000000000000000000000000000000000..4e4548d1c00372d1f982db425cdfe3325112576f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bSortable.js @@ -0,0 +1,109 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.bSortable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "All columns are sortable by default", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Can disable sorting from one column", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "bSortable": false }, + null, + null, + null + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnTest( + "Disabled column has no sorting class", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") == false; } + ); + + oTest.fnTest( + "Other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + oTest.fnTest( + "Disable sorting on multiple columns - no sorting classes", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "bSortable": false }, + null, + { "bSortable": false }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(1)').hasClass("sorting") || + $('#example thead th:eq(3)').hasClass("sorting") + return bReturn == false; + } + ); + + oTest.fnTest( + "Sorting on disabled column 1 has no effect", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnTest( + "Sorting on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnTest( + "Second sort on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnTest( + "Even with multiple disabled sorting columns other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bUseRendered.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bUseRendered.js new file mode 100755 index 0000000000000000000000000000000000000000..2e3a94890f7f24b229160b703582d22f7ef80ecc --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bUseRendered.js @@ -0,0 +1,148 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.bUseRendered" ); + +/* bUseRendered is used to alter sorting data, if false then the original data is used for + * sorting rather than the rendered data + */ + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + + var oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa"; + } else + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default for bUseRendered is true - rendered data is used for sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'aaa'; } + ); + + oTest.fnTest( + "When bUseRendered is false, original data is used for sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { + "bUseRendered": false, + "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + null, + null, + null + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + + oTest.fnTest( + "bUseRendered set to false on one columns and true (default) on two others", + function () { + mTmp = 0; + var mTmp2 = 0; + var mTmp3 = 0; + + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + { + "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa1"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + { + "bUseRendered": false, + "fnRender": function (a) { + if ( mTmp2 == 0 ) { + mTmp2++; + return "aaa2"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + { + "fnRender": function (a) { + if ( mTmp3 == 0 ) { + mTmp3++; + return "zzz3"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'aaa1'; } + ); + + oTest.fnTest( + "Multi-column rendering - 2nd column sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnTest( + "Multi-column rendering - 3rd column sorting", + function () { + $('#example thead th:eq(2)').click(); + $('#example thead th:eq(2)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(2)').html() == 'zzz3'; } + ); + + oTest.fnTest( + "Multi-column rendering - 4th column sorting", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == '-'; } + ); + + oTest.fnTest( + "Multi-column rendering - 5th column sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bVisible.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bVisible.js new file mode 100755 index 0000000000000000000000000000000000000000..e38948cefdc2210d27d6f28e1b76e6d5513ecfe6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.bVisible.js @@ -0,0 +1,110 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.bVisible" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "All columns are visible by default", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnTest( + "Can hide one column and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "bVisible": false }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnTest( + "Can hide one column and it removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 4; } + ); + + oTest.fnTest( + "Can hide one column and it removes tfoot th column from DOM", + null, + function () { return $('#example tfoot tr:eq(0) th').length == 4; } + ); + + oTest.fnTest( + "The correct tbody column has been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "Gnome" && + jqNodes[2].innerHTML == "1.8" && + jqNodes[3].innerHTML == "A"; + return bReturn; + } + ); + + + oTest.fnTest( + "Can hide multiple columns and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "bVisible": false }, + { "bVisible": false }, + null, + { "bVisible": false } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 2; } + ); + + oTest.fnTest( + "Multiple hide - removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 2; } + ); + + oTest.fnTest( + "Multiple hide - removes tfoot th column from DOM", + null, + function () { return $('#example tfoot tr:eq(0) th').length == 2; } + ); + + oTest.fnTest( + "Multiple hide - the correct tbody columns have been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "1" + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.fnRender.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.fnRender.js new file mode 100755 index 0000000000000000000000000000000000000000..cb89aeb9cb5711736f6dc6b35ff6d3c3cf310f1f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.fnRender.js @@ -0,0 +1,156 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.fnRender" ); + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + var oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "fnRender": function (a) { + mTmp++; + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Single column - fnRender is called once for each row", + null, + function () { return mTmp == 57; } + ); + + oTest.fnTest( + "Confirm that fnRender passes two arguments with four parameters", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( arguments.length != 2 || typeof a.iDataRow=='undefined' || + typeof a.iDataColumn=='undefined' || typeof a.aData=='undefined' || + typeof a.mDataProp=='undefined' ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnTest( + "fnRender iDataColumn is the column", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.iDataColumn != 1 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnTest( + "fnRender aData is data array of correct size", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.aData.length != 5 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "fnRender": function (a) { + return 'unittest'; + } }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'unittest'; } + ); + + oTest.fnTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + null, + { "fnRender": function (a) { + return 'unittest1'; + } }, + { "fnRender": function (a) { + return 'unittest2'; + } }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(0) td:eq(2)').html() == 'unittest1' && + $('#example tbody tr:eq(0) td:eq(3)').html() == 'unittest2'; + return bReturn; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.iDataSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.iDataSort.js new file mode 100755 index 0000000000000000000000000000000000000000..6c0c7057bccd2c9438283708d1c1f96693f7681d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.iDataSort.js @@ -0,0 +1,90 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.iDataSort" ); + +$(document).ready( function () { + /* Should know that sorting already works by default from other tests, so we can jump + * right in here + */ + var oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "iDataSort": 4 }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Sorting on first column is uneffected", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnTest( + "Sorting on second column is the order of the fifth", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnTest( + "Reserve sorting on second column uses fifth column as well", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnTest( + "Sorting on 5th column retains it's own sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + oTest.fnTest( + "Use 2nd col for sorting 5th col and via-versa - no effect on first col sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "iDataSort": 4 }, + null, + null, + { "iDataSort": 1 } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnTest( + "2nd col sorting uses fifth col", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnTest( + "2nd col sorting uses fifth col - reversed", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnTest( + "5th col sorting uses 2nd col", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnTest( + "5th col sorting uses 2nd col - reversed", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'Seamonkey 1.1'; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sClass.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sClass.js new file mode 100755 index 0000000000000000000000000000000000000000..b99cf1810692c2df5a79a9db9353cbeb847288f0 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sClass.js @@ -0,0 +1,115 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.sClass" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "By default the test class hasn't been applied to the column (sanity!)", + null, + function () { return $('#example tbody tr:eq(0) td:eq(2)').hasClass('unittest') == false; } + ); + + oTest.fnTest( + "Add a class to a single column - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + null, + { "sClass": 'unittest' }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(1) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnTest( + "Add a class to a single column - third row", + null, + function () { return $('#example tbody tr:eq(3) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnTest( + "Add a class to a single column - last row", + null, + function () { return $('#example tbody tr:eq(9) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnTest( + "Add a class to a single column - has not applied to other columns - 1st", + null, + function () { return $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest') == false; } + ); + + oTest.fnTest( + "Add a class to a single column - has not applied to other columns - 5th", + null, + function () { return $('#example tbody tr:eq(3) td:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnTest( + "Add a class to a single column - seventh row - second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody tr:eq(6) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnTest( + "Add a class to a single column - has not applied to header", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnTest( + "Add a class to a single column - has not applied to footer", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + + oTest.fnTest( + "Class defined for multiple columns - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + { "sClass": 'unittest2' }, + null, + null, + { "sClass": 'unittest1' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest2') && + $('#example tbody tr:eq(8) td:eq(3)').hasClass('unittest1'); + return bReturn; + } + ); + + oTest.fnTest( + "Class defined for multiple columns - has not applied to other columns - 5th 1", + null, + function () { return $('#example tbody tr:eq(0) td:eq(4)').hasClass('unittest1') == false; } + ); + + oTest.fnTest( + "Class defined for multiple columns - has not applied to other columns - 5th 2", + null, + function () { return $('#example tbody tr:eq(6) td:eq(4)').hasClass('unittest2') == false; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sName.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sName.js new file mode 100755 index 0000000000000000000000000000000000000000..b11f58cb4bba4862b8e0596713f9da43abbe1a49 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sName.js @@ -0,0 +1,28 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.sName" ); + +/* This has no effect at all in DOM methods - so we just check that it has applied the name */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + null, + null, + { "sName": 'unit test' }, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Names are stored in the columns object", + null, + function () { return oSettings.aoColumns[3].sName =="unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sTitle.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sTitle.js new file mode 100755 index 0000000000000000000000000000000000000000..da13f1c29b50e8f79882698d7694c2ef6c6df5d1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sTitle.js @@ -0,0 +1,82 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.sTitle" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "If not given, then the columns titles are empty", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Browser" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnTest( + "Can set a single column title - and others are read from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "sTitle": 'unit test' }, + null, + null, + null + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnTest( + "Can set multiple column titles", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + { "sTitle": 'unit test 1' }, + null, + null, + { "sTitle": 'unit test 2' } + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test 1" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "unit test 2"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sWidth.js new file mode 100755 index 0000000000000000000000000000000000000000..960c0561efc8415f2149ca35e031757998b8fe1a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoColumns.sWidth.js @@ -0,0 +1,87 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoColumns.sWidth" ); + +/* NOTE - we need to disable the auto width for the majority of these test in order to preform + * these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests + * with auto width enabled however to ensure it scales columns as required + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData, + "bAutoWidth": false, + "aoColumns": [ + null, + { "sWidth": '40%' }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "With auto width disabled the width for one column is appled", + null, + function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; } + ); + + oTest.fnTest( + "With auto width disabled the width for one column is appled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "bAutoWidth": false, + "aoColumns": [ + null, + null, + { "sWidth": '20%' }, + { "sWidth": '30%' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(2)')[0].style.width == "20%" && + $('#example thead th:eq(3)')[0].style.width == "30%"; + return bReturn; + } + ); + + + oTest.fnTest( + "With auto width, it will make the smallest column the largest with percentage width given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoColumns": [ + null, + null, + null, + { "sWidth": '40%' }, + null + ] + } ); + }, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + + if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 ) + return true; + else + return false; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoSearchCols.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoSearchCols.js new file mode 100644 index 0000000000000000000000000000000000000000..ac70b387664a31ac91e5a7307116fd5a3bbd0980 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/aoSearchCols.js @@ -0,0 +1,119 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "aoSearchCols" ); + +/* We could be here forever testing this one, so we test a limited subset on a couple of colums */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default should be to have a empty colums array", + null, + function () { + var bReturn = + oSettings.aoPreSearchCols[0].sSearch == 0 && !oSettings.aoPreSearchCols[0].bRegex && + oSettings.aoPreSearchCols[1].sSearch == 0 && !oSettings.aoPreSearchCols[1].bRegex && + oSettings.aoPreSearchCols[2].sSearch == 0 && !oSettings.aoPreSearchCols[2].bRegex && + oSettings.aoPreSearchCols[3].sSearch == 0 && !oSettings.aoPreSearchCols[3].bRegex && + oSettings.aoPreSearchCols[4].sSearch == 0 && !oSettings.aoPreSearchCols[4].bRegex; + return bReturn; + } + ); + + + oTest.fnTest( + "Search on a single column - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1" }, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Search on two columns - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1.5" }, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "1.5"; } + ); + + oTest.fnTest( + "Search on single column - escape regex false", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + null, + null, + null, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 3 of 3 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Search on two columns - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "3.3", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Konqureror 3.3"; } + ); + + oTest.fnTest( + "Search on two columns (no records) - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "Allan", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/asStripClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/asStripClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..fa3af8272eb6c156719fa6e337439474dfb69df6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/asStripClasses.js @@ -0,0 +1,100 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "asStripeClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "aaData": gaaData + } ); + + oTest.fnTest( + "Default row striping is applied", + null, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + oTest.fnTest( + "Row striping on the second page", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + /* No striping */ + oTest.fnTest( + "No row striping", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "asStripeClasses": [] + } ); + }, + function () { + return $('#example tbody tr:eq(0)')[0].className == "" && + $('#example tbody tr:eq(1)')[0].className == "" && + $('#example tbody tr:eq(2)')[0].className == "" && + $('#example tbody tr:eq(3)')[0].className == ""; + } + ); + + /* Custom striping */ + oTest.fnTest( + "Custom striping [2]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "asStripeClasses": [ 'test1', 'test2' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test1') && + $('#example tbody tr:eq(3)').hasClass('test2'); + } + ); + + + /* long array of striping */ + oTest.fnTest( + "Custom striping [4]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "asStripeClasses": [ 'test1', 'test2', 'test3', 'test4' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + oTest.fnTest( + "Custom striping is restarted on second page [2]", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bAutoWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bAutoWidth.js new file mode 100644 index 0000000000000000000000000000000000000000..094fe15bdcf1546250d5875f929693af74a8561f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bAutoWidth.js @@ -0,0 +1,142 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "bAutoWidth" ); + +/* It's actually a little tricky to test this. We can't test absolute numbers because + * different browsers and different platforms will render the width of the columns slightly + * differently. However, we certainly can test the principle of what should happen (column + * width doesn't change over pages) + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Auto width is enabled by default", + null, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + oTest.fnTest( + "First column has a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style').match(/width/i); } + ); + + /* + This would seem like a better test - but there appear to be difficulties with tables + which are bigger (calculated) than there is actually room for. I suspect this is actually + a bug in datatables + oTest.fnTest( + "Check column widths on first page match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + console.log( a0, b0, a1, b1, a2, b2, a3, b3 ); + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + + oTest.fnTest( + "Check column widths on second page match thid page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + */ + + /* Check can disable */ + oTest.fnTest( + "Auto width can be disabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "bAutoWidth": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth == false; } + ); + + oTest.fnTest( + "First column does not have a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style') == null; } + ); + + /* + oTest.fnTest( + "Check column widths on first page do not match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return false; + else + return true; + } + ); + */ + + /* Enable makes no difference */ + oTest.fnTest( + "Auto width enabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "bAutoWidth": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bFilter.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bFilter.js new file mode 100644 index 0000000000000000000000000000000000000000..d838e4adf73113919e68d9f12d06afebdb383baa --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bFilter.js @@ -0,0 +1,44 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "bFilter" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "aaData": gaaData + } ); + + oTest.fnTest( + "Filtering div exists by default", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + /* Check can disable */ + oTest.fnTest( + "Fltering can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bFilter": false + } ); + }, + function () { return document.getElementById('example_filter') == null; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Filtering enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bFilter": true + } ); + }, + function () { return document.getElementById('example_filter') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..60a42734ca21cee6e097c46e763c080068882f55 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bInfo.js @@ -0,0 +1,44 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "bInfo" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "aaData": gaaData + } ); + + oTest.fnTest( + "Info div exists by default", + null, + function () { return document.getElementById('example_info') != null; } + ); + + /* Check can disable */ + oTest.fnTest( + "Info can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bInfo": false + } ); + }, + function () { return document.getElementById('example_info') == null; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Info enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bInfo": true + } ); + }, + function () { return document.getElementById('example_info') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bLengthChange.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bLengthChange.js new file mode 100644 index 0000000000000000000000000000000000000000..d67b4d2d8371463036c3a204fc47964ab829f223 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bLengthChange.js @@ -0,0 +1,75 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "bLengthChange" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "aaData": gaaData + } ); + + oTest.fnTest( + "Length div exists by default", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Four default options", + null, + function () { return $("select[name=example_length] option").length == 4; } + ); + + oTest.fnTest( + "Default options", + null, + function () { + var opts = $("select[name='example_length'] option"); + return opts[0].getAttribute('value') == 10 && opts[1].getAttribute('value') == 25 && + opts[2].getAttribute('value') == 50 && opts[3].getAttribute('value') == 100; + } + ); + + oTest.fnTest( + "Info takes length into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnTest( + "Change length can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bLengthChange": false + } ); + }, + function () { return document.getElementById('example_length') == null; } + ); + + oTest.fnTest( + "Information takes length disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Length change enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bLengthChange": true + } ); + }, + function () { return document.getElementById('example_length') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..d386bbf07c8c14671ce35b66b22d71a28763364f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bPaginate.js @@ -0,0 +1,59 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "bPaginate" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "aaData": gaaData + } ); + + oTest.fnTest( + "Pagiantion div exists by default", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Information div takes paging into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bPaginate": false + } ); + }, + function () { return document.getElementById('example_paginate') == null; } + ); + + oTest.fnTest( + "Information div takes paging disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 57 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Pagiantion enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bPaginate": true + } ); + }, + function () { return document.getElementById('example_paginate') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..1408656f6dedec58683f79b5678a78f4c5eeb75d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bProcessing.js @@ -0,0 +1,103 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "bProcessing" ); + +/* It's actually a bit hard to set this one due to the fact that it will only be shown + * when DataTables is doing some kind of processing. The server-side processing is a bit + * better to test this than here - so we just the interal functions to enable it and check + * that it is available + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Processing is off by default", + null, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnTest( + "Processing div cannot be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnTest( + "Processing div cannot be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + /* Check can disable */ + oTest.fnTest( + "Processing can be enabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "bProcessing": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == true; } + ); + + oTest.fnTest( + "Processing div is in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing'); } + ); + + oTest.fnTest( + "Processing div is hidden by default", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + oTest.fnTest( + "Processing div can be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "visible"; } + ); + + oTest.fnTest( + "Processing div can be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Processing disabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "bProcessing": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bServerSide.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bServerSide.js new file mode 100644 index 0000000000000000000000000000000000000000..65c75b1a443f64a692d78ee9a6cc945125864bb7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bServerSide.js @@ -0,0 +1,20 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "bServerSide" ); + +/* Not interested in server-side processing here other than to check that it is off */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Server side is off by default", + null, + function () { return oSettings.oFeatures.bServerSide == false; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bSort.js new file mode 100644 index 0000000000000000000000000000000000000000..9107937b648b76c58a392af2c9034dd35d32f01a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bSort.js @@ -0,0 +1,99 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "bSort" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "aaData": gaaData + } ); + + oTest.fnTest( + "Sorting is on by default", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Sorting Asc by default class applied", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc"); } + ); + + oTest.fnTest( + "Click on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting class removed from first column", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc") != true; } + ); + + oTest.fnTest( + "Sorting asc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc"); } + ); + + oTest.fnTest( + "Reverse on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting acs class removed from second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") != true; } + ); + + oTest.fnTest( + "Sorting desc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_desc"); } + ); + + /* Check can disable */ + oTest.fnTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bSort": false + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Click on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Reverse on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + /* Enable makes no difference */ + oTest.fnTest( + "Sorting enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bSort": true + } ); + }, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bSortClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bSortClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..5726561f8224933e6fa0d2920964ce8e456850b4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/bSortClasses.js @@ -0,0 +1,132 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "bSortClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "aaData": gaaData + } ); + + oTest.fnTest( + "Sorting classes are applied by default", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnTest( + "Sorting classes are applied to all required cells", + null, + function () { return $('#example tbody tr:eq(7) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnTest( + "Sorting classes are not applied to non-sorting columns", + null, + function () { return $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_1') == false; } + ); + + oTest.fnTest( + "Sorting multi-column - add column 1", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2'); + } + ); + + oTest.fnTest( + "Sorting multi-column - add column 2", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3'); + } + ); + + oTest.fnTest( + "Sorting multi-column - add column 3", + function () { + oDispacher.click( $('#example thead th:eq(3)')[0], { 'shift': true } ); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3'); + } + ); + + oTest.fnTest( + "Remove sorting classes on single column sort", + function () { + $('#example thead th:eq(4)').click(); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3') == false; + } + ); + + oTest.fnTest( + "Sorting class 1 was added", + null, + function () { return $('#example tbody tr:eq(1) td:eq(4)').hasClass('sorting_1'); } + ); + + + /* Check can disable */ + oTest.fnTest( + "Sorting classes can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bSortClasses": false + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false; } + ); + + oTest.fnTest( + "Sorting classes disabled - add column 1 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false; + } + ); + + oTest.fnTest( + "Sorting classes disabled - add column 2 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false; + } + ); + + + /* Enable makes no difference */ + oTest.fnTest( + "Sorting classes enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "bSortClasses": true + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnCreatedCell.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnCreatedCell.js new file mode 100755 index 0000000000000000000000000000000000000000..59fe717da9e88deff8376b8bc6a465963fcd844c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnCreatedCell.js @@ -0,0 +1,158 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "fnCreatedCell tests" ); + +$(document).ready( function () { + var tmp = 0; + + $('#example').dataTable( { + "aaData": gaaData, + "aoColumnDefs": [ { + fnCreatedCell: function () { + tmp++; + }, + "aTargets": ["_all"] + } ] + } ); + + oTest.fnTest( + "Cell created is called once for each cell on init", + null, + function () { return tmp===285; } + ); + + oTest.fnTest( + "Created isn't called back on other draws", + function () { $('#example th:eq(1)').click(); }, + function () { return tmp===285; } + ); + + oTest.fnTest( + "Four arguments for the function", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments.length !== 4 ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "First argument is a TD element", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[0].nodeName !== "TD" ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Second argument is the HTML value", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[1] != $('td').html() ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Third argument is the data array", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[2].length !== 5 ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Fourth argument is the data source for the row", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[2] !== this.fnSettings().aoData[ arguments[2] ]._aData ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Fifth argument is the the col index", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[1] != $('td:eq('+arguments[4]+')', arguments[0].parentNode).html() ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ] + } ); + }, + function () { return tmp; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnCreatedRow.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnCreatedRow.js new file mode 100755 index 0000000000000000000000000000000000000000..72b2dddea2ebf70539ec20e83dccb37c7d2b785e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnCreatedRow.js @@ -0,0 +1,121 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "fnCreatedRow tests" ); + +$(document).ready( function () { + var tmp = 0; + + $('#example').dataTable( { + "aaData": gaaData, + fnCreatedRow: function () { + tmp++; + } + } ); + + oTest.fnTest( + "Row created is called once for each row on init", + null, + function () { return tmp===57; } + ); + + oTest.fnTest( + "Created isn't called back on other draws", + function () { $('#example th:eq(1)').click(); }, + function () { return tmp===57; } + ); + + oTest.fnTest( + "Three arguments for the function", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + fnCreatedRow: function () { + if ( arguments.length !== 3 ) { + tmp = false; + } + } + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "First argument is a TR element", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + fnCreatedRow: function () { + if ( arguments[0].nodeName !== "TR" ) { + tmp = false; + } + } + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Second argument is an array with 5 elements", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + fnCreatedRow: function () { + if ( arguments[1].length !== 5 ) { + tmp = false; + } + } + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Third argument is the data source for the row", + function () { + oSession.fnRestore(); + tmp = true; + + $('#example').dataTable( { + "aaData": gaaData, + fnCreatedRow: function () { + if ( arguments[1] !== this.fnSettings().aoData[ arguments[2] ]._aData ) { + tmp = false; + } + } + } ); + }, + function () { return tmp; } + ); + + oTest.fnTest( + "TR element is tied to the correct data", + function () { + oSession.fnRestore(); + tmp = false; + + $('#example').dataTable( { + "aaData": gaaData, + fnCreatedRow: function (tr, data, index) { + if ( data[1] === "Firefox 1.0" ) { + if ( $('td:eq(3)', tr).html() == "1.7" ) { + tmp = true; + } + } + } + } ); + }, + function () { return tmp; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnDrawCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnDrawCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..28d5871d2aa553f47d4dd2355a01831c7c28785b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnDrawCallback.js @@ -0,0 +1,85 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "fnDrawCallback" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnDrawCallback == null; } + ); + + + oTest.fnTest( + "One argument passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "aaData": gaaData, + "fnDrawCallback": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 1; } + ); + + + oTest.fnTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + oTable = $('#example').dataTable( { + "aaData": gaaData, + "fnDrawCallback": function ( oSettings ) { + mPass = oSettings; + } + } ); + }, + function () { return oTable.fnSettings() == mPass; } + ); + + + oTest.fnTest( + "fnRowCallback called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "aaData": gaaData, + "fnDrawCallback": function ( ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnTest( + "fnRowCallback called once on each draw there after as well", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 4; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnFooterCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnFooterCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..f16b921cb40286232cea625af7d88f8640743620 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnFooterCallback.js @@ -0,0 +1,240 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "fnFooterCallback" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnFooterCallback == null; } + ); + + + oTest.fnTest( + "Five arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 5; } + ); + + + oTest.fnTest( + "fnRowCallback called once per draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnTest( + "fnRowCallback called on paging (i.e. another draw)", + function () { $('#example_next').click(); }, + function () { return mPass == 2; } + ); + + + oTest.fnTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + nFoot.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + } + } ); + }, + function () { return $('#example tfoot th:eq(0)').html() == "Displaying 10 records"; } + ); + + + oTest.fnTest( + "Data array has length matching original data", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( aasData.length != 57 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data array's column lengths match original data", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + for ( var i=0, iLen=aasData.length ; i<iLen ; i++ ) + { + if ( aasData[i].length != 5 ) + { + mPass = false; + } + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iStart correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart != 0 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iStart correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart == 10 ) + { + mPass = true; + } + } + } ); + $('#example_next').click(); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iEnd correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd != 10 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iEnd correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd == 20 ) + { + mPass = true; + } + } + } ); + $('#example_next').click(); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "aiDisplay length is full data when not filtered", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 57 ) + { + mPass = true; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "aiDisplay length is 9 when filtering on 'Mozilla'", + function () { + oSession.fnRestore(); + + mPass = false; + oTable = $('#example').dataTable( { + "aaData": gaaData, + "fnFooterCallback": function ( nFoot, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 9 ) + { + mPass = true; + } + } + } ); + oTable.fnFilter( "Mozilla" ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnHeaderCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnHeaderCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..124500f5df17cfaf9c44de2f3d6a39e1b1fe95fe --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnHeaderCallback.js @@ -0,0 +1,240 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "fnHeaderCallback" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnHeaderCallback == null; } + ); + + + oTest.fnTest( + "Five arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 5; } + ); + + + oTest.fnTest( + "fnRowCallback called once per draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnTest( + "fnRowCallback called on paging (i.e. another draw)", + function () { $('#example_next').click(); }, + function () { return mPass == 2; } + ); + + + oTest.fnTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + } + } ); + }, + function () { return $('#example thead th:eq(0)').html() == "Displaying 10 records"; } + ); + + + oTest.fnTest( + "Data array has length matching original data", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aasData.length != 57 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data array's column lengths match original data", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + for ( var i=0, iLen=aasData.length ; i<iLen ; i++ ) + { + if ( aasData[i].length != 5 ) + { + mPass = false; + } + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iStart correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart != 0 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iStart correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart == 10 ) + { + mPass = true; + } + } + } ); + $('#example_next').click(); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iEnd correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd != 10 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "iEnd correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd == 20 ) + { + mPass = true; + } + } + } ); + $('#example_next').click(); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "aiDisplay length is full data when not filtered", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 57 ) + { + mPass = true; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "aiDisplay length is 9 when filtering on 'Mozilla'", + function () { + oSession.fnRestore(); + + mPass = false; + oTable = $('#example').dataTable( { + "aaData": gaaData, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 9 ) + { + mPass = true; + } + } + } ); + oTable.fnFilter( "Mozilla" ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnInitComplete.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnInitComplete.js new file mode 100644 index 0000000000000000000000000000000000000000..08580e5b0224bece4cccc2ce2276045a1e91b4fc --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnInitComplete.js @@ -0,0 +1,83 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "fnInitComplete" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnInitComplete == null; } + ); + + + oTest.fnTest( + "Two arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "aaData": gaaData, + "fnInitComplete": function ( ) { + mPass = arguments.length===2 && arguments[1]===undefined; + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + oTable = $('#example').dataTable( { + "aaData": gaaData, + "fnInitComplete": function ( oSettings ) { + mPass = oSettings; + } + } ); + }, + function () { return oTable.fnSettings() == mPass; } + ); + + + oTest.fnTest( + "fnInitComplete called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "aaData": gaaData, + "fnInitComplete": function ( ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnTest( + "fnInitComplete never called there after", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 1; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnRowCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnRowCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..db8f442df719d0f05b12d1e4bf073a256cd5f7c9 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/fnRowCallback.js @@ -0,0 +1,112 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "fnRowCallback" ); + +/* Note - fnRowCallback MUST return the first arguments (modified or not) */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnTest( + "Default should be null", + null, + function () { return oSettings.fnRowCallback == null; } + ); + + + oTest.fnTest( + "Four arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "aaData": gaaData, + "fnRowCallback": function ( nTr ) { + mPass = arguments.length; + return nTr; + } + } ); + }, + function () { return mPass == 4; } + ); + + + oTest.fnTest( + "fnRowCallback called once for each drawn row", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "aaData": gaaData, + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + mPass++; + return nTr; + } + } ); + }, + function () { return mPass == 10; } + ); + + oTest.fnTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + $(nTr).addClass('unit_test'); + return nTr; + } + } ); + }, + function () { return $('#example tbody tr:eq(1)').hasClass('unit_test'); } + ); + + oTest.fnTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "aaData": gaaData, + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( asData.length != 5 ) + mPass = false; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + var iCount = 0; + $('#example').dataTable( { + "aaData": gaaData, + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( iCount != iDrawIndex ) + mPass = false; + iCount++; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/iDisplayLength.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/iDisplayLength.js new file mode 100644 index 0000000000000000000000000000000000000000..fcefbfa91dfe0e8489b4d288e0f5a93a2dc2b31a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/iDisplayLength.js @@ -0,0 +1,81 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "iDisplayLength" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "aaData": gaaData + } ); + + oTest.fnTest( + "Default length is ten", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Select menu shows 10", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnTest( + "Set initial length to 25", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "iDisplayLength": 25 + } ); + }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 25; } + ); + + + oTest.fnTest( + "Set initial length to 100", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "iDisplayLength": 100 + } ); + }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 100; } + ); + + + oTest.fnTest( + "Set initial length to 23 (unknown select menu length)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "iDisplayLength": 23 + } ); + }, + function () { return $('#example tbody tr').length == 23; } + ); + + oTest.fnTest( + "Select menu shows 10 (since 23 is unknow)", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/js_data_mixed_types.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/js_data_mixed_types.js new file mode 100644 index 0000000000000000000000000000000000000000..e5389352c3d3942f7b30e7089618d118a6b5a92f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/js_data_mixed_types.js @@ -0,0 +1,392 @@ +// DATA_TEMPLATE: js_data_mixed_types +oTest.fnStart( "Sanity checks for DataTables with data from JS with mixed data types" ); + +$(document).ready( function () { + var oInit = { + "aaData": gaaData + }; + $('#example').dataTable( oInit ); + + oTest.fnTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "" && + $('#example tbody tr:eq(1) td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "true"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "true"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody tr:eq(1) td:eq(0)').html() == "Gecko" && + $('#example tbody tr:eq(1) td:eq(1)').html() == "false"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "false"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Firefox 1.5"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "false"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "false"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == ""; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "true"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "5"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 5 of 5 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.oPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.oPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..0e872c0b64451021f8e1d000cbea90f29c01d168 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.oPaginate.js @@ -0,0 +1,84 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oLanguage.oPaginate" ); + +/* Note that the paging language information only has relevence in full numbers */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData, + "sPaginationType": "full_numbers" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "oLanguage.oPaginate defaults", + null, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "First" && + oSettings.oLanguage.oPaginate.sPrevious == "Previous" && + oSettings.oLanguage.oPaginate.sNext == "Next" && + oSettings.oLanguage.oPaginate.sLast == "Last"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate defaults are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "First" && + $('#example_paginate .previous').html() == "Previous" && + $('#example_paginate .next').html() == "Next" && + $('#example_paginate .last').html() == "Last"; + return bReturn; + } + ); + + + oTest.fnTest( + "oLanguage.oPaginate can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "sPaginationType": "full_numbers", + "oLanguage": { + "oPaginate": { + "sFirst": "unit1", + "sPrevious": "test2", + "sNext": "unit3", + "sLast": "test4" + } + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "unit1" && + oSettings.oLanguage.oPaginate.sPrevious == "test2" && + oSettings.oLanguage.oPaginate.sNext == "unit3" && + oSettings.oLanguage.oPaginate.sLast == "test4"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate definitions are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "unit1" && + $('#example_paginate .previous').html() == "test2" && + $('#example_paginate .next').html() == "unit3" && + $('#example_paginate .last').html() == "test4"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..0ce3ef4704d6af20b5357c83d2485ef2e99c91dd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sInfo.js @@ -0,0 +1,117 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oLanguage.sInfo" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Info language is 'Showing _START_ to _END_ of _TOTAL_ entries' by default", + null, + function () { return oSettings.oLanguage.sInfo == "Showing _START_ to _END_ of _TOTAL_ entries"; } + ); + + oTest.fnTest( + "Info language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnTest( + "Info language can be defined - without any macros", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfo": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfo == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "unit test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macro _START_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfo": "unit _START_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macro _END_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 10 test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macro _TOTAL_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 57 test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macros _START_ and _END_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfo": "unit _START_ _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 test"; } + ); + + oTest.fnTest( + "Info language can be defined - with macros _START_, _END_ and _TOTAL_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfo": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 57 test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sInfoEmpty.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sInfoEmpty.js new file mode 100644 index 0000000000000000000000000000000000000000..86d61528aec175a8884e60050f0e8ba7746ce911 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sInfoEmpty.js @@ -0,0 +1,79 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oLanguage.sInfoEmpty" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Info empty language is 'Showing 0 to 0 of 0 entries' by default", + function () { oTable.fnFilter("nothinghere"); }, + function () { return oSettings.oLanguage.sInfoEmpty == "Showing 0 to 0 of 0 entries"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "Showing 0 to 0 of 0 entries"; + return bReturn; + } + ); + + + oTest.fnTest( + "Info empty language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfoEmpty": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("nothinghere"); + }, + function () { return oSettings.oLanguage.sInfoEmpty == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit test"; + return bReturn; + } + ); + + + oTest.fnTest( + "Macro's not replaced", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfoEmpty": "unit _START_ _END_ _TOTAL_ test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit _START_ _END_ _TOTAL_ test"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sInfoPostFix.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sInfoPostFix.js new file mode 100644 index 0000000000000000000000000000000000000000..d5a6dcb9ee7ccb457ab0fecf35695a9ef627498d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sInfoPostFix.js @@ -0,0 +1,78 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oLanguage.sInfoPostFix" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Info post fix language is '' (blank) by default", + null, + function () { return oSettings.oLanguage.sInfoPostFix == ""; } + ); + + oTest.fnTest( + "Width no post fix, the basic info shows", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnTest( + "Info post fix language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfoPostFix == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit test"; } + ); + + + oTest.fnTest( + "Macros have no effect in the post fix", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfoPostFix": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit _START_ _END_ _TOTAL_ test"; } + ); + + + oTest.fnTest( + "Post fix is applied after fintering info", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 0 to 0 of 0 entries unit (filtered from 57 total entries) test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sLengthMenu.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sLengthMenu.js new file mode 100644 index 0000000000000000000000000000000000000000..f831d35c28573ac4a8c00fc83259147246f6aa35 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sLengthMenu.js @@ -0,0 +1,111 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oLanguage.sLengthMenu" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Menu language is 'Show _MENU_ entries' by default", + null, + function () { return oSettings.oLanguage.sLengthMenu == "Show _MENU_ entries"; } + ); + + oTest.fnTest( + "_MENU_ macro is replaced by select menu in DOM", + null, + function () { return $('select', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "Default is put into DOM", + null, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "Show " && + anChildren[2].nodeValue == " entries"; + return bReturn; + } + ); + + + oTest.fnTest( + "Menu length language can be defined - no _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sLengthMenu": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sLengthMenu == "unit test"; } + ); + + oTest.fnTest( + "Menu length language definition is in the DOM", + null, + function () { + return $('label', oSettings.aanFeatures.l[0]).text() == "unit test"; + } + ); + + + oTest.fnTest( + "Menu length language can be defined - with _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sLengthMenu": "unit _MENU_ test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "unit " && + anChildren[2].nodeValue == " test"; + return bReturn; + } + ); + + + oTest.fnTest( + "Only the _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sLengthMenu": "_MENU_" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = oSettings.aanFeatures.l[0].childNodes; + var bReturn = + anChildren.length == 1 && + $('select', oSettings.aanFeatures.l[0]).length == 1; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..f2e09bebb46fc2cf88f43f1dca6f6f497fdbda12 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sProcessing.js @@ -0,0 +1,49 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oLanguage.sProcessing" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData, + "bProcessing": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Processing language is 'Processing...' by default", + null, + function () { return oSettings.oLanguage.sProcessing == "Processing..."; } + ); + + oTest.fnTest( + "Processing language default is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "Processing..."; } + ); + + + oTest.fnTest( + "Processing language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "bProcessing": true, + "oLanguage": { + "sProcessing": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sProcessing == "unit test"; } + ); + + oTest.fnTest( + "Processing language definition is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..1f8d24f86cb28ffe8ac66c59c0f3ba0d70acabfc --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sSearch.js @@ -0,0 +1,70 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oLanguage.sSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Search language is 'Search:' by default", + null, + function () { return oSettings.oLanguage.sSearch == "Search:"; } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).length == 1 } + ); + + oTest.fnTest( + "Search language default is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text() + == "Search: "; } + ); + + + oTest.fnTest( + "Search language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sSearch": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sSearch == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text().indexOf('unit test') !== -1; } + ); + + + oTest.fnTest( + "Blank search has a no (separator) inserted", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sSearch": "" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return document.getElementById('example_filter').childNodes.length == 1; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sUrl.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sUrl.js new file mode 100644 index 0000000000000000000000000000000000000000..e28379d613de997fe1d1e4e384d4f939173a98db --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sUrl.js @@ -0,0 +1,62 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oLanguage.sUrl" ); + +/* Note that we only test the internal storage of language information pulled form a file here + * as the other language tests will check it goes into the DOM correctly + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "sUrl is blank by default", + null, + function () { return oSettings.oLanguage.sUrl == ""; } + ); + + + oTest.fnWaitTest( + "Loading of German file loads language information", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sUrl": "../../../examples/examples_support/de_DE.txt" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.sProcessing == "Bitte warten..." && + oSettings.oLanguage.sLengthMenu == "_MENU_ Einträge anzeigen" && + oSettings.oLanguage.sZeroRecords == "Keine Einträge vorhanden." && + oSettings.oLanguage.sInfo == "_START_ bis _END_ von _TOTAL_ Einträgen" && + oSettings.oLanguage.sInfoEmpty == "0 bis 0 von 0 Einträgen" && + oSettings.oLanguage.sInfoFiltered == "(gefiltert von _MAX_ Einträgen)" && + oSettings.oLanguage.sInfoPostFix == "" && + oSettings.oLanguage.sSearch == "Suchen" && + oSettings.oLanguage.oPaginate.sFirst == "Erster" && + oSettings.oLanguage.oPaginate.sPrevious == "Zurück" && + oSettings.oLanguage.oPaginate.sNext == "Nächster" && + oSettings.oLanguage.oPaginate.sLast == "Letzter"; + + return bReturn; + } + ); + + /* One DOM check just to ensure that they go into the DOM */ + oTest.fnTest( + "Loaded language goes into the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "1 bis 10 von 57 Einträgen"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sZeroRecords.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sZeroRecords.js new file mode 100644 index 0000000000000000000000000000000000000000..a52651a93523e150ba4fa97aca659b8d1d6f1940 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oLanguage.sZeroRecords.js @@ -0,0 +1,48 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oLanguage.sZeroRecords" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Zero records language is 'No matching records found' by default", + null, + function () { return oSettings.oLanguage.sZeroRecords == "No matching records found"; } + ); + + oTest.fnTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "No matching records found" } + ); + + + + oTest.fnTest( + "Zero records language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oLanguage": { + "sZeroRecords": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sZeroRecords == "unit test"; } + ); + + oTest.fnTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere2'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "unit test" } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..fa935d68af60bee10d74035e69766c82b2b6c175 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/oSearch.js @@ -0,0 +1,108 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "oSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default values should be blank", + null, + function () { + var bReturn = oSettings.oPreviousSearch.sSearch == "" && + !oSettings.oPreviousSearch.bRegex; + return bReturn; + } + ); + + /* This test might be considered iffy since the full object isn't given, but it's reasonable to + * expect DataTables to cope with this. It should just assumine regex false + */ + oTest.fnTest( + "Search term only in object", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "oSearch": { + "sSearch": "Mozilla" + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "New search will kill old one", + function () { + oTable.fnFilter("Opera"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnTest( + "Search plain text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "oSearch": { + "sSearch": "DS", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Nintendo DS browser"; } + ); + + oTest.fnTest( + "Search plain text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "oSearch": { + "sSearch": "Opera", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnTest( + "Search regex text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "oSearch": { + "sSearch": "1.*", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnTest( + "Search regex text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "oSearch": { + "sSearch": "1.*", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/sAjaxSource.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/sAjaxSource.js new file mode 100644 index 0000000000000000000000000000000000000000..201ae7301b98a35918cef3c4ace610fa8d3c7640 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/sAjaxSource.js @@ -0,0 +1,20 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "sAjaxSource" ); + +/* Not interested in ajax source here other than to check it's default */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Server side is off by default", + null, + function () { return oSettings.sAjaxSource == null; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/sDom.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/sDom.js new file mode 100644 index 0000000000000000000000000000000000000000..8293972a00f6b74f8b4a59b6deee67dab5dc40eb --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/sDom.js @@ -0,0 +1,262 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "sDom" ); + +/* This is going to be brutal on the browser! There is a lot that can be tested here... */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Default DOM varaible", + null, + function () { return oSettings.sDom == "lfrtip"; } + ); + + oTest.fnTest( + "Default DOM in document", + null, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + nNodes[5] == nPaging; + return bReturn; + } + ); + + oTest.fnTest( + "Check example 1 in code propagates", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "sDom": '<"wrapper"flipt>' + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.sDom == '<"wrapper"flipt>'; } + ); + + oTest.fnTest( + "Check example 1 in DOM", + null, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + var nCustomWrapper = $('div.wrapper')[0]; + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrapper && + nNodes[2] == nFilter && + nNodes[3] == nLength && + nNodes[4] == nInfo && + nNodes[5] == nPaging && + nNodes[6] == nTable; + return bReturn; + } + ); + + oTest.fnTest( + "Check example 2 in DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "sDom": '<lf<t>ip>' + } ); + }, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + var nCustomWrappers = [] + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + + /* Only the two custom divs don't have class names */ + if ( jqNodes[i].className == "" ) + { + nCustomWrappers.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrappers[0] && + nNodes[2] == nLength && + nNodes[3] == nFilter && + nNodes[4] == nCustomWrappers[1] && + nNodes[5] == nTable && + nNodes[6] == nInfo && + nNodes[7] == nPaging; + return bReturn; + } + ); + + oTest.fnTest( + "Check no length element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "sDom": 'frtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + null == nLength && + nNodes[1] == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnTest( + "Check no filter element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "sDom": 'lrtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + null == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + /* Note we don't test for no table as this is not supported (and it would be fairly daft! */ + + oTest.fnTest( + "Check no info element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "sDom": 'lfrtp' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + null == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnTest( + "Check no paging element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "aaData": gaaData, + "sDom": 'lfrti' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + null == nPaging; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/sPaginationType.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/sPaginationType.js new file mode 100644 index 0000000000000000000000000000000000000000..7fa7407f925e9e7345a5ccdb28758607ff5b0c0a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/2_js/sPaginationType.js @@ -0,0 +1,125 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "sPaginationType" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "aaData": gaaData + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "Check two button paging is the default", + null, + function () { return oSettings.sPaginationType == "two_button"; } + ); + + oTest.fnTest( + "Check class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_two_button'); } + ); + + oTest.fnTest( + "Two A elements are in the wrapper", + null, + function () { return $('#example_paginate a').length == 2; } + ); + + oTest.fnTest( + "We have the previous button", + null, + function () { return document.getElementById('example_previous'); } + ); + + oTest.fnTest( + "We have the next button", + null, + function () { return document.getElementById('example_next'); } + ); + + oTest.fnTest( + "Previous button is disabled", + null, + function () { return $('#example_previous').hasClass('paginate_disabled_previous'); } + ); + + oTest.fnTest( + "Next button is enabled", + null, + function () { return $('#example_next').hasClass('paginate_enabled_next'); } + ); + + /* Don't test paging - that's done by the zero config test script. */ + + + /* Two buttons paging */ + oTest.fnTest( + "Can enabled full numbers paging", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "aaData": gaaData, + "sPaginationType": "full_numbers" + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.sPaginationType == "full_numbers"; } + ); + + oTest.fnTest( + "Check full numbers class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_full_numbers'); } + ); + + + var nFirst, nPrevious, nNext, nLast; + oTest.fnTest( + "Jump to last page", + function () { + nFirst = $('div.dataTables_paginate a.first'); + nPrevious = $('div.dataTables_paginate a.previous'); + nNext = $('div.dataTables_paginate a.next'); + nLast = $('div.dataTables_paginate a.last'); + nLast.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; + } + ); + + oTest.fnTest( + "Go to two pages previous", + function () { + nPrevious.click(); + nPrevious.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 31 to 40 of 57 entries"; + } + ); + + oTest.fnTest( + "Next (second last) page", + function () { + nNext.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 41 to 50 of 57 entries"; + } + ); + + oTest.fnTest( + "Jump to first page", + function () { + nFirst.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/_zero_config.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/_zero_config.js new file mode 100644 index 0000000000000000000000000000000000000000..4e08b4911e97b07816dc82309e109302e8a14c0a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/_zero_config.js @@ -0,0 +1,440 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Sanity checks for DataTables with data from JS" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + var oInit = { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + }; + $('#example').dataTable( oInit ); + + /* Basic checks */ + oTest.fnWaitTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnWaitTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aaSorting.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aaSorting.js new file mode 100644 index 0000000000000000000000000000000000000000..a299712502b3c07d498be915351a06739a59e69d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aaSorting.js @@ -0,0 +1,198 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aaSorting" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default sorting is single column", + null, + function () { + return oSettings.aaSorting.length == 1 && typeof oSettings.aaSorting[0] == 'object'; + } + ); + + oTest.fnWaitTest( + "Default sorting is first column asc", + null, + function () { + return oSettings.aaSorting[0].length == 3 && oSettings.aaSorting[0][0] == 0 && + oSettings.aaSorting[0][1] == 'asc'; + } + ); + + oTest.fnWaitTest( + "Sorting is applied", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single string column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single string column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single int column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single int column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['0','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['0','asc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['0','desc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "iPod Touch / iPhone"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['0','desc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Safari 3.0"; } + ); + + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['0','asc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['0','asc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1.9"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['0','desc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "125.5"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['0','desc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (3 column) - string asc / int asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSorting": [['0','asc'], ['3','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody tr:eq(7) td:eq(1)').html() == "Firefox 1.0"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aaSortingFixed.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aaSortingFixed.js new file mode 100644 index 0000000000000000000000000000000000000000..083ada9ba6b2786d6705ed09a1191c3de8e596f2 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aaSortingFixed.js @@ -0,0 +1,67 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aaSortingFixed" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "No fixed sorting by default", + null, + function () { + return oSettings.aaSortingFixed == null; + } + ); + + + oTest.fnWaitTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSortingFixed": [['0','asc']], + "fnInitComplete": function () { + $('#example thead th:eq(1)').click(); + } + } ); + // + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aaSortingFixed": [['3','asc']] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "PSP browser"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bSearchable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bSearchable.js new file mode 100755 index 0000000000000000000000000000000000000000..4f834697403de71ade84e160266745f72e8c6d27 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bSearchable.js @@ -0,0 +1,76 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bSeachable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Columns are searchable by default", + function () { oTable.fnFilter("Camino"); }, + function () { + if ( $('#example tbody tr:eq(0) td:eq(1)')[0] ) + return $('#example tbody tr:eq(0) td:eq(1)').html().match(/Camino/); + else + return null; + } + ); + + oTest.fnWaitTest( + "Disabling sorting on a column removes it from the global filter", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "bSearchable": false }, + null, + null, + null + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Camino"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Disabled on one column has no effect on other columns", + function () { oTable.fnFilter("Webkit"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + oTest.fnWaitTest( + "Disable filtering on multiple columns", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + { "bSearchable": false }, + { "bSearchable": false }, + null, + null, + null + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Webkit"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Filter on second disabled column", + function () { oTable.fnFilter("Camino"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bSortable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bSortable.js new file mode 100755 index 0000000000000000000000000000000000000000..a6a8a2fb53fab1b424205d79963ca239d8ada6fe --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bSortable.js @@ -0,0 +1,109 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bSortable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "All columns are sortable by default", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Can disable sorting from one column", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "bSortable": false }, + null, + null, + null + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnWaitTest( + "Disabled column has no sorting class", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") == false; } + ); + + oTest.fnWaitTest( + "Other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + oTest.fnWaitTest( + "Disable sorting on multiple columns - no sorting classes", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "bSortable": false }, + null, + { "bSortable": false }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(1)').hasClass("sorting") || + $('#example thead th:eq(3)').hasClass("sorting") + return bReturn == false; + } + ); + + oTest.fnWaitTest( + "Sorting on disabled column 1 has no effect", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnWaitTest( + "Sorting on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnWaitTest( + "Second sort on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnWaitTest( + "Even with multiple disabled sorting columns other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bUseRendered.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bUseRendered.js new file mode 100755 index 0000000000000000000000000000000000000000..b98c6cc2a7dc6eb4fcc2170e3098509ac5a3591b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bUseRendered.js @@ -0,0 +1,148 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bUseRendered" ); + +/* bUseRendered is used to alter sorting data, if false then the original data is used for + * sorting rather than the rendered data + */ + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa"; + } else + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default for bUseRendered is true - rendered data is used for sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'aaa'; } + ); + + oTest.fnWaitTest( + "When bUseRendered is false, original data is used for sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { + "bUseRendered": false, + "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + null, + null, + null + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + + oTest.fnWaitTest( + "bUseRendered set to false on one columns and true (default) on two others", + function () { + mTmp = 0; + var mTmp2 = 0; + var mTmp3 = 0; + + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + { + "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa1"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + { + "bUseRendered": false, + "fnRender": function (a) { + if ( mTmp2 == 0 ) { + mTmp2++; + return "aaa2"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + { + "fnRender": function (a) { + if ( mTmp3 == 0 ) { + mTmp3++; + return "zzz3"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'aaa1'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 2nd column sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 3rd column sorting", + function () { + $('#example thead th:eq(2)').click(); + $('#example thead th:eq(2)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(2)').html() == 'zzz3'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 4th column sorting", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == '-'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 5th column sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bVisible.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bVisible.js new file mode 100755 index 0000000000000000000000000000000000000000..9e9e7bbe4e9ec5c8adf87a7f3c976d2939f1fadf --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.bVisible.js @@ -0,0 +1,124 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bVisible" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "All columns are visible by default", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnWaitTest( + "Can hide one column and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "bVisible": false }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnWaitTest( + "Can hide one column and it removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 4; } + ); + + oTest.fnWaitTest( + "The correct thead column has been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Platform(s)" && + jqNodes[2].innerHTML == "Engine version" && + jqNodes[3].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "The correct tbody column has been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "Gnome" && + jqNodes[2].innerHTML == "1.8" && + jqNodes[3].innerHTML == "A"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Can hide multiple columns and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "bVisible": false }, + { "bVisible": false }, + null, + { "bVisible": false } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 2; } + ); + + oTest.fnWaitTest( + "Multiple hide - removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 2; } + ); + + oTest.fnWaitTest( + "Multiple hide - the correct thead columns have been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Engine version" + return bReturn; + } + ); + + oTest.fnWaitTest( + "Multiple hide - the correct tbody columns have been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "1" + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.fnRender.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.fnRender.js new file mode 100755 index 0000000000000000000000000000000000000000..ca6f60119c78c7a3f58d7abce7a5bf59fa2d7b79 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.fnRender.js @@ -0,0 +1,156 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.fnRender" ); + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "fnRender": function (a) { + mTmp++; + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Single column - fnRender is called twice for each row", + null, + function () { return mTmp == 57; } + ); + + oTest.fnWaitTest( + "Confirm that fnRender passes two arguments with four parameters", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( arguments.length != 2 || typeof a.iDataRow=='undefined' || + typeof a.iDataColumn=='undefined' || typeof a.aData=='undefined' || + typeof a.mDataProp=='undefined' ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "fnRender iDataColumn is the column", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.iDataColumn != 1 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "fnRender aData is data array of correct size", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.aData.length != 5 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "fnRender": function (a) { + return 'unittest'; + } }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'unittest'; } + ); + + oTest.fnWaitTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + null, + { "fnRender": function (a) { + return 'unittest1'; + } }, + { "fnRender": function (a) { + return 'unittest2'; + } }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(0) td:eq(2)').html() == 'unittest1' && + $('#example tbody tr:eq(0) td:eq(3)').html() == 'unittest2'; + return bReturn; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.iDataSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.iDataSort.js new file mode 100755 index 0000000000000000000000000000000000000000..ab41697fd0d3005c5c02568e609cce1b24523134 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.iDataSort.js @@ -0,0 +1,90 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.iDataSort" ); + +$(document).ready( function () { + /* Should know that sorting already works by default from other tests, so we can jump + * right in here + */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "iDataSort": 4 }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Sorting on first column is uneffected", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnWaitTest( + "Sorting on second column is the order of the fifth", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnWaitTest( + "Reserve sorting on second column uses fifth column as well", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnWaitTest( + "Sorting on 5th column retains it's own sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + oTest.fnWaitTest( + "Use 2nd col for sorting 5th col and via-versa - no effect on first col sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "iDataSort": 4 }, + null, + null, + { "iDataSort": 1 } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnWaitTest( + "2nd col sorting uses fifth col", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnWaitTest( + "2nd col sorting uses fifth col - reversed", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnWaitTest( + "5th col sorting uses 2nd col", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnWaitTest( + "5th col sorting uses 2nd col - reversed", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'Seamonkey 1.1'; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sClass.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sClass.js new file mode 100755 index 0000000000000000000000000000000000000000..864ee9628866d8790b76b202c63251858c70db15 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sClass.js @@ -0,0 +1,115 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sClass" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "By default the test class hasn't been applied to the column (sanity!)", + null, + function () { return $('#example tbody tr:eq(0) td:eq(2)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + null, + { "sClass": 'unittest' }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(1) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - third row", + null, + function () { return $('#example tbody tr:eq(3) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - last row", + null, + function () { return $('#example tbody tr:eq(9) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to other columns - 1st", + null, + function () { return $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to other columns - 5th", + null, + function () { return $('#example tbody tr:eq(3) td:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - seventh row - second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody tr:eq(6) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to header", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to footer", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + + oTest.fnWaitTest( + "Class defined for multiple columns - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + { "sClass": 'unittest2' }, + null, + null, + { "sClass": 'unittest1' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest2') && + $('#example tbody tr:eq(8) td:eq(3)').hasClass('unittest1'); + return bReturn; + } + ); + + oTest.fnWaitTest( + "Class defined for multiple columns - has not applied to other columns - 5th 1", + null, + function () { return $('#example tbody tr:eq(0) td:eq(4)').hasClass('unittest1') == false; } + ); + + oTest.fnWaitTest( + "Class defined for multiple columns - has not applied to other columns - 5th 2", + null, + function () { return $('#example tbody tr:eq(6) td:eq(4)').hasClass('unittest2') == false; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sName.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sName.js new file mode 100755 index 0000000000000000000000000000000000000000..99efddb92adbec22feaaaec3b20e1088a2b6b046 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sName.js @@ -0,0 +1,28 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sName" ); + +/* This has no effect at all in DOM methods - so we just check that it has applied the name */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + null, + null, + { "sName": 'unit test' }, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Names are stored in the columns object", + null, + function () { return oSettings.aoColumns[3].sName =="unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sTitle.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sTitle.js new file mode 100755 index 0000000000000000000000000000000000000000..5f1f837f8a798391cf91d4daf1d48b36e5354ac7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sTitle.js @@ -0,0 +1,82 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sTitle" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "If not given, then the columns titles are empty", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Browser" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Can set a single column title - and others are read from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "sTitle": 'unit test' }, + null, + null, + null + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Can set multiple column titles", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + { "sTitle": 'unit test 1' }, + null, + null, + { "sTitle": 'unit test 2' } + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test 1" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "unit test 2"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sWidth.js new file mode 100755 index 0000000000000000000000000000000000000000..cbcb4abd4ac7768a6d21808d9f415478dfc7a62b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoColumns.sWidth.js @@ -0,0 +1,87 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sWidth" ); + +/* NOTE - we need to disable the auto width for the majority of these test in order to preform + * these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests + * with auto width enabled however to ensure it scales columns as required + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bAutoWidth": false, + "aoColumns": [ + null, + { "sWidth": '40%' }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "With auto width disabled the width for one column is appled", + null, + function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; } + ); + + oTest.fnWaitTest( + "With auto width disabled the width for one column is appled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bAutoWidth": false, + "aoColumns": [ + null, + null, + { "sWidth": '20%' }, + { "sWidth": '30%' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(2)')[0].style.width == "20%" && + $('#example thead th:eq(3)')[0].style.width == "30%"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "With auto width, it will make the smallest column the largest with percentage width given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumns": [ + null, + null, + null, + { "sWidth": '40%' }, + null + ] + } ); + }, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + + if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 ) + return true; + else + return false; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoSearchCols.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoSearchCols.js new file mode 100644 index 0000000000000000000000000000000000000000..d0a9a6be22c383725ef67fb2d6d615a33253ee3b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/aoSearchCols.js @@ -0,0 +1,119 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoSearchCols" ); + +/* We could be here forever testing this one, so we test a limited subset on a couple of colums */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default should be to have a empty colums array", + null, + function () { + var bReturn = + oSettings.aoPreSearchCols[0].sSearch == 0 && !oSettings.aoPreSearchCols[0].bRegex && + oSettings.aoPreSearchCols[1].sSearch == 0 && !oSettings.aoPreSearchCols[1].bRegex && + oSettings.aoPreSearchCols[2].sSearch == 0 && !oSettings.aoPreSearchCols[2].bRegex && + oSettings.aoPreSearchCols[3].sSearch == 0 && !oSettings.aoPreSearchCols[3].bRegex && + oSettings.aoPreSearchCols[4].sSearch == 0 && !oSettings.aoPreSearchCols[4].bRegex; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Search on a single column - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1" }, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Search on two columns - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1.5" }, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "1.5"; } + ); + + oTest.fnWaitTest( + "Search on single column - escape regex false", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + null, + null, + null, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 3 of 3 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Search on two columns - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "3.3", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Konqureror 3.3"; } + ); + + oTest.fnWaitTest( + "Search on two columns (no records) - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "Allan", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/asStripClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/asStripClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..b195c405b0b3fa15b8f84536a58b592cb71e88ca --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/asStripClasses.js @@ -0,0 +1,105 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "asStripeClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + + oTest.fnWaitTest( + "Default row striping is applied", + null, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + oTest.fnWaitTest( + "Row striping on the second page", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + /* No striping */ + oTest.fnWaitTest( + "No row striping", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "asStripeClasses": [] + } ); + }, + function () { + if ( typeof $('#example tbody tr:eq(1)')[0] == 'undefined' ) + { + /* Use the 'wait for' to allow this to become true */ + return false; + } + return $('#example tbody tr:eq(0)')[0].className == "" && + $('#example tbody tr:eq(1)')[0].className == "" && + $('#example tbody tr:eq(2)')[0].className == "" && + $('#example tbody tr:eq(3)')[0].className == ""; + } + ); + + /* Custom striping */ + oTest.fnWaitTest( + "Custom striping [2]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "asStripeClasses": [ 'test1', 'test2' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test1') && + $('#example tbody tr:eq(3)').hasClass('test2'); + } + ); + + + /* long array of striping */ + oTest.fnWaitTest( + "Custom striping [4]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "asStripeClasses": [ 'test1', 'test2', 'test3', 'test4' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + oTest.fnWaitTest( + "Custom striping is restarted on second page [2]", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bAutoWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bAutoWidth.js new file mode 100644 index 0000000000000000000000000000000000000000..ee49f7c107a5c959e6fff14a58f102f89ee1bdd3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bAutoWidth.js @@ -0,0 +1,142 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bAutoWidth" ); + +/* It's actually a little tricky to test this. We can't test absolute numbers because + * different browsers and different platforms will render the width of the columns slightly + * differently. However, we certainly can test the principle of what should happen (column + * width doesn't change over pages) + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Auto width is enabled by default", + null, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + oTest.fnWaitTest( + "First column has a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style').match(/width/i); } + ); + + /* + This would seem like a better test - but there appear to be difficulties with tables + which are bigger (calculated) than there is actually room for. I suspect this is actually + a bug in datatables + oTest.fnWaitTest( + "Check column widths on first page match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + console.log( a0, b0, a1, b1, a2, b2, a3, b3 ); + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + + oTest.fnWaitTest( + "Check column widths on second page match thid page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + */ + + /* Check can disable */ + oTest.fnWaitTest( + "Auto width can be disabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bAutoWidth": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth == false; } + ); + + oTest.fnWaitTest( + "First column does not have a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style') == null; } + ); + + /* + oTest.fnWaitTest( + "Check column widths on first page do not match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return false; + else + return true; + } + ); + */ + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Auto width enabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bAutoWidth": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bFilter.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bFilter.js new file mode 100644 index 0000000000000000000000000000000000000000..8c3222939e05fdf55706c8f5f3b54148d7232074 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bFilter.js @@ -0,0 +1,44 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bFilter" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + + oTest.fnWaitTest( + "Filtering div exists by default", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Fltering can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bFilter": false + } ); + }, + function () { return document.getElementById('example_filter') == null; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Filtering enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bFilter": true + } ); + }, + function () { return document.getElementById('example_filter') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..24eeedfad1efdfe308e688f30b7ddc37f235ad20 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bInfo.js @@ -0,0 +1,44 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bInfo" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + + oTest.fnWaitTest( + "Info div exists by default", + null, + function () { return document.getElementById('example_info') != null; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Info can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bInfo": false + } ); + }, + function () { return document.getElementById('example_info') == null; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Info enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bInfo": true + } ); + }, + function () { return document.getElementById('example_info') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bLengthChange.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bLengthChange.js new file mode 100644 index 0000000000000000000000000000000000000000..551878c55ab0fd78dcdecb0f22f70bf848659079 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bLengthChange.js @@ -0,0 +1,75 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bLengthChange" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + + oTest.fnWaitTest( + "Length div exists by default", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnWaitTest( + "Four default options", + null, + function () { return $("select[name=example_length] option").length == 4; } + ); + + oTest.fnWaitTest( + "Default options", + null, + function () { + var opts = $("select[name='example_length'] option"); + return opts[0].getAttribute('value') == 10 && opts[1].getAttribute('value') == 25 && + opts[2].getAttribute('value') == 50 && opts[3].getAttribute('value') == 100; + } + ); + + oTest.fnWaitTest( + "Info takes length into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Change length can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bLengthChange": false + } ); + }, + function () { return document.getElementById('example_length') == null; } + ); + + oTest.fnWaitTest( + "Information takes length disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Length change enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bLengthChange": true + } ); + }, + function () { return document.getElementById('example_length') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..6e3ec5e44a161becd4f41af9b0aa9379c85f172f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bPaginate.js @@ -0,0 +1,59 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bPaginate" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + + oTest.fnWaitTest( + "Pagiantion div exists by default", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnWaitTest( + "Information div takes paging into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bPaginate": false + } ); + }, + function () { return document.getElementById('example_paginate') == null; } + ); + + oTest.fnWaitTest( + "Information div takes paging disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 57 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Pagiantion enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bPaginate": true + } ); + }, + function () { return document.getElementById('example_paginate') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..100db8678dc51516e97499d65332fee78f5c9197 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bProcessing.js @@ -0,0 +1,103 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bProcessing" ); + +/* It's actually a bit hard to set this one due to the fact that it will only be shown + * when DataTables is doing some kind of processing. The server-side processing is a bit + * better to test this than here - so we just the interal functions to enable it and check + * that it is available + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Processing is off by default", + null, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnWaitTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "Processing div cannot be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "Processing div cannot be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + /* Check can disable */ + oTest.fnWaitTest( + "Processing can be enabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bProcessing": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == true; } + ); + + oTest.fnWaitTest( + "Processing div is in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing'); } + ); + + oTest.fnWaitTest( + "Processing div is hidden by default", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + oTest.fnWaitTest( + "Processing div can be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "visible"; } + ); + + oTest.fnWaitTest( + "Processing div can be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Processing disabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bProcessing": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnWaitTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bServerSide.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bServerSide.js new file mode 100644 index 0000000000000000000000000000000000000000..61fdce4b4e9c4d9539d76b8476ed8159af48a4a9 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bServerSide.js @@ -0,0 +1,20 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bServerSide" ); + +/* Not interested in server-side processing here other than to check that it is off */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Server side is off by default", + null, + function () { return oSettings.oFeatures.bServerSide == false; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bSort.js new file mode 100644 index 0000000000000000000000000000000000000000..066afee8a1cb466fbfcd516e27420560226912b8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bSort.js @@ -0,0 +1,99 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bSort" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + + oTest.fnWaitTest( + "Sorting is on by default", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnWaitTest( + "Sorting Asc by default class applied", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc"); } + ); + + oTest.fnWaitTest( + "Click on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Sorting class removed from first column", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc") != true; } + ); + + oTest.fnWaitTest( + "Sorting asc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc"); } + ); + + oTest.fnWaitTest( + "Reverse on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Sorting acs class removed from second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") != true; } + ); + + oTest.fnWaitTest( + "Sorting desc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_desc"); } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bSort": false + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnWaitTest( + "Click on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnWaitTest( + "Reverse on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Sorting enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bSort": true + } ); + }, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bSortClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bSortClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..b957c8053cb23e2822e3d06f5e93bfae28412ee0 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/bSortClasses.js @@ -0,0 +1,132 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bSortClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + + oTest.fnWaitTest( + "Sorting classes are applied by default", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnWaitTest( + "Sorting classes are applied to all required cells", + null, + function () { return $('#example tbody tr:eq(7) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnWaitTest( + "Sorting classes are not applied to non-sorting columns", + null, + function () { return $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_1') == false; } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 1", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2'); + } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 2", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3'); + } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 3", + function () { + oDispacher.click( $('#example thead th:eq(3)')[0], { 'shift': true } ); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3'); + } + ); + + oTest.fnWaitTest( + "Remove sorting classes on single column sort", + function () { + $('#example thead th:eq(4)').click(); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3') == false; + } + ); + + oTest.fnWaitTest( + "Sorting class 1 was added", + null, + function () { return $('#example tbody tr:eq(1) td:eq(4)').hasClass('sorting_1'); } + ); + + + /* Check can disable */ + oTest.fnWaitTest( + "Sorting classes can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bSortClasses": false + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false; } + ); + + oTest.fnWaitTest( + "Sorting classes disabled - add column 1 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false; + } + ); + + oTest.fnWaitTest( + "Sorting classes disabled - add column 2 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false; + } + ); + + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Sorting classes enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bSortClasses": true + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnCreatedCell.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnCreatedCell.js new file mode 100755 index 0000000000000000000000000000000000000000..e930d052b4a7091a13bb57747008b67744e7102b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnCreatedCell.js @@ -0,0 +1,183 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnCreatedCell tests" ); + +$(document).ready( function () { + var tmp = 0; + var complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumnDefs": [ { + fnCreatedCell: function () { + tmp++; + }, + "aTargets": ["_all"] + } ] + } ); + + oTest.fnWaitTest( + "Cell created is called once for each cell on init", + null, + function () { return tmp===285; } + ); + + oTest.fnTest( + "Created isn't called back on other draws", + function () { $('#example th:eq(1)').click(); }, + function () { return tmp===285; } + ); + + oTest.fnWaitTest( + "Four arguments for the function", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments.length !== 4 ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "First argument is a TD element", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[0].nodeName !== "TD" ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Second argument is the HTML value", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[1] != $('td').html() ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Third argument is the data array", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[2].length !== 5 ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Fourth argument is the data source for the row", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[2] !== this.fnSettings().aoData[ arguments[2] ]._aData ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Fifth argument is the the col index", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[1] != $('td:eq('+arguments[4]+')', arguments[0].parentNode).html() ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnCreatedRow.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnCreatedRow.js new file mode 100755 index 0000000000000000000000000000000000000000..66fc3287fbc80a6f50da1ddbca2e2e284251bf8a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnCreatedRow.js @@ -0,0 +1,142 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnCreatedRow tests" ); + +$(document).ready( function () { + var tmp = 0; + var complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + fnCreatedRow: function () { + tmp++; + } + } ); + + oTest.fnWaitTest( + "Row created is called once for each row on init", + null, + function () { return tmp===57; } + ); + + oTest.fnTest( + "Created isn't called back on other draws", + function () { $('#example th:eq(1)').click(); }, + function () { return tmp===57; } + ); + + oTest.fnWaitTest( + "Three arguments for the function", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + fnCreatedRow: function () { + if ( arguments.length !== 3 ) { + tmp = false; + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "First argument is a TR element", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + fnCreatedRow: function () { + if ( arguments[0].nodeName !== "TR" ) { + tmp = false; + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Second argument is an array with 5 elements", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + fnCreatedRow: function () { + if ( arguments[1].length !== 5 ) { + tmp = false; + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Third argument is the data source for the row", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + fnCreatedRow: function () { + if ( arguments[1] !== this.fnSettings().aoData[ arguments[2] ]._aData ) { + tmp = false; + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "TR element is tied to the correct data", + function () { + oSession.fnRestore(); + tmp = false; + complete = false; + + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + fnCreatedRow: function (tr, data, index) { + if ( data[1] === "Firefox 1.0" ) { + if ( $('td:eq(3)', tr).html() == "1.7" ) { + tmp = true; + } + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnDrawCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnDrawCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..14c5ff19d777250af6a33629334adc7203bd8fb5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnDrawCallback.js @@ -0,0 +1,98 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnDrawCallback" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + var mPass, bInit; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnDrawCallback == null; } + ); + + + oTest.fnWaitTest( + "One argument passed", + function () { + oSession.fnRestore(); + + mPass = -1; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnDrawCallback": function ( ) { + mPass = arguments.length; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 1 && bInit; } + ); + + + oTest.fnWaitTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + bInit = false; + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnDrawCallback": function ( oSettings ) { + mPass = oSettings; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return oTable.fnSettings() == mPass && bInit; } + ); + + + /* The draw callback is called once for the init and then when the data is added */ + oTest.fnWaitTest( + "fnRowCallback called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnDrawCallback": function ( ) { + mPass++; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 2 && bInit; } + ); + + oTest.fnWaitTest( + "fnRowCallback called once on each draw there after as well", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 5; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnHeaderCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnHeaderCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..dd1612876d594324fa7298afda6f9a238f6cb1ba --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnHeaderCallback.js @@ -0,0 +1,191 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnHeaderCallback" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + var mPass, bInit; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnHeaderCallback == null; } + ); + + + oTest.fnWaitTest( + "Five arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnHeaderCallback": function ( ) { + mPass = arguments.length; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 5 && bInit; } + ); + + + /* The header callback is called once for the init and then when the data is added */ + oTest.fnWaitTest( + "fnHeaderCallback called once per draw", + function () { + oSession.fnRestore(); + + mPass = 0; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + mPass++; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 2 && bInit; } + ); + + oTest.fnWaitTest( + "fnRowCallback called on paging (i.e. another draw)", + function () { $('#example_next').click(); }, + function () { return mPass == 3; } + ); + + + oTest.fnWaitTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + } + } ); + }, + function () { return $('#example thead th:eq(0)').html() == "Displaying 10 records"; } + ); + + + oTest.fnWaitTest( + "iStart correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart != 0 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "iStart correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart == 10 ) + { + mPass = true; + } + }, + "fnInitComplete": function () { + $('#example_next').click(); + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "iEnd correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd == 20 ) + { + mPass = true; + } + }, + "fnInitComplete": function () { + $('#example_next').click(); + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "aiDisplay length is full data when not filtered", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 57 ) + { + mPass = true; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnWaitTest( + "aiDisplay length is 9 when filtering on 'Mozilla'", + function () { + oSession.fnRestore(); + + mPass = false; + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 9 ) + { + mPass = true; + } + } + } ); + oTable.fnFilter( "Mozilla" ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnInitComplete.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnInitComplete.js new file mode 100644 index 0000000000000000000000000000000000000000..fe2c65e4e0463d0652e8c2890278b12a6a6b0565 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnInitComplete.js @@ -0,0 +1,100 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnInitComplete" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnInitComplete == null; } + ); + + + oTest.fnWaitTest( + "Two arguments passed (for Ajax!)", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnInitComplete": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 2; } + ); + + + oTest.fnWaitTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnInitComplete": function ( oSettings ) { + mPass = oSettings; + } + } ); + }, + function () { return oTable.fnSettings() == mPass; } + ); + + + oTest.fnWaitTest( + "fnInitComplete called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnInitComplete": function ( ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnWaitTest( + "fnInitComplete never called there after", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 1; } + ); + + + oTest.fnWaitTest( + "10 rows in the table on complete", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnInitComplete": function ( ) { + mPass = $('#example tbody tr').length; + } + } ); + }, + function () { return mPass == 10; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnRowCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnRowCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..766f09a252b64128656eae9abd2bac77c716c70e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnRowCallback.js @@ -0,0 +1,112 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnRowCallback" ); + +/* Note - fnRowCallback MUST return the first arguments (modified or not) */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnRowCallback == null; } + ); + + + oTest.fnWaitTest( + "Four arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnRowCallback": function ( nTr ) { + mPass = arguments.length; + return nTr; + } + } ); + }, + function () { return mPass == 4; } + ); + + + oTest.fnWaitTest( + "fnRowCallback called once for each drawn row", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + mPass++; + return nTr; + } + } ); + }, + function () { return mPass == 10; } + ); + + oTest.fnWaitTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + $(nTr).addClass('unit_test'); + return nTr; + } + } ); + }, + function () { return $('#example tbody tr:eq(1)').hasClass('unit_test'); } + ); + + oTest.fnWaitTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( asData.length != 5 ) + mPass = false; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnWaitTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + var iCount = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( iCount != iDrawIndex ) + mPass = false; + iCount++; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnServerData.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnServerData.js new file mode 100644 index 0000000000000000000000000000000000000000..ab20ba3d2481b0fd248671fd55fe40bdffa4dec8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/fnServerData.js @@ -0,0 +1,64 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnServerData for Ajax sourced data" ); + +$(document).ready( function () { + var mPass; + + oTest.fnTest( + "Argument length", + function () { + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnServerData": function () { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 4; } + ); + + oTest.fnTest( + "Url", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnServerData": function (sUrl, aoData, fnCallback, oSettings) { + mPass = sUrl == "../../../examples/ajax/sources/arrays.txt"; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data array", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnServerData": function (sUrl, aoData, fnCallback, oSettings) { + mPass = aoData.length==0; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Callback function", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "fnServerData": function (sUrl, aoData, fnCallback, oSettings) { + mPass = typeof fnCallback == 'function'; + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/iDisplayLength.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/iDisplayLength.js new file mode 100644 index 0000000000000000000000000000000000000000..69e7abed86a5214235717cf801018522cf574e72 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/iDisplayLength.js @@ -0,0 +1,81 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "iDisplayLength" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + + oTest.fnWaitTest( + "Default length is ten", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "Select menu shows 10", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnWaitTest( + "Set initial length to 25", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "iDisplayLength": 25 + } ); + }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnWaitTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 25; } + ); + + + oTest.fnWaitTest( + "Set initial length to 100", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "iDisplayLength": 100 + } ); + }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnWaitTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 100; } + ); + + + oTest.fnWaitTest( + "Set initial length to 23 (unknown select menu length)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "iDisplayLength": 23 + } ); + }, + function () { return $('#example tbody tr').length == 23; } + ); + + oTest.fnWaitTest( + "Select menu shows 10 (since 23 is unknow)", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.oPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.oPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..0dc5812bf42f454b3328286212d522f79142cd19 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.oPaginate.js @@ -0,0 +1,84 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.oPaginate" ); + +/* Note that the paging language information only has relevence in full numbers */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "sPaginationType": "full_numbers" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "oLanguage.oPaginate defaults", + null, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "First" && + oSettings.oLanguage.oPaginate.sPrevious == "Previous" && + oSettings.oLanguage.oPaginate.sNext == "Next" && + oSettings.oLanguage.oPaginate.sLast == "Last"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate defaults are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "First" && + $('#example_paginate .previous').html() == "Previous" && + $('#example_paginate .next').html() == "Next" && + $('#example_paginate .last').html() == "Last"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "oLanguage.oPaginate can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "sPaginationType": "full_numbers", + "oLanguage": { + "oPaginate": { + "sFirst": "unit1", + "sPrevious": "test2", + "sNext": "unit3", + "sLast": "test4" + } + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "unit1" && + oSettings.oLanguage.oPaginate.sPrevious == "test2" && + oSettings.oLanguage.oPaginate.sNext == "unit3" && + oSettings.oLanguage.oPaginate.sLast == "test4"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate definitions are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "unit1" && + $('#example_paginate .previous').html() == "test2" && + $('#example_paginate .next').html() == "unit3" && + $('#example_paginate .last').html() == "test4"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..1a72a0a806c6fd464d6144f0380c466b7dc1c84b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sInfo.js @@ -0,0 +1,117 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfo" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info language is 'Showing _START_ to _END_ of _TOTAL_ entries' by default", + null, + function () { return oSettings.oLanguage.sInfo == "Showing _START_ to _END_ of _TOTAL_ entries"; } + ); + + oTest.fnTest( + "Info language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnWaitTest( + "Info language can be defined - without any macros", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfo": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfo == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "unit test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _START_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfo": "unit _START_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _END_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 10 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _TOTAL_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 57 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macros _START_ and _END_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfo": "unit _START_ _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macros _START_, _END_ and _TOTAL_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfo": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 57 test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sInfoEmpty.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sInfoEmpty.js new file mode 100644 index 0000000000000000000000000000000000000000..7079611e36844835c0e34a21ceb0d3cbae52fc71 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sInfoEmpty.js @@ -0,0 +1,79 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfoEmpty" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info empty language is 'Showing 0 to 0 of 0 entries' by default", + function () { oTable.fnFilter("nothinghere"); }, + function () { return oSettings.oLanguage.sInfoEmpty == "Showing 0 to 0 of 0 entries"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "Showing 0 to 0 of 0 entries"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Info empty language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfoEmpty": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("nothinghere"); + }, + function () { return oSettings.oLanguage.sInfoEmpty == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit test"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Macro's not replaced", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfoEmpty": "unit _START_ _END_ _TOTAL_ test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit _START_ _END_ _TOTAL_ test"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sInfoPostFix.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sInfoPostFix.js new file mode 100644 index 0000000000000000000000000000000000000000..f91e5dafd215ba53a2d3c74c671a7855ce648704 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sInfoPostFix.js @@ -0,0 +1,78 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfoPostFix" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info post fix language is '' (blank) by default", + null, + function () { return oSettings.oLanguage.sInfoPostFix == ""; } + ); + + oTest.fnTest( + "Width no post fix, the basic info shows", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnWaitTest( + "Info post fix language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfoPostFix == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit test"; } + ); + + + oTest.fnWaitTest( + "Macros have no effect in the post fix", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfoPostFix": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit _START_ _END_ _TOTAL_ test"; } + ); + + + oTest.fnWaitTest( + "Post fix is applied after fintering info", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 0 to 0 of 0 entries unit (filtered from 57 total entries) test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sLengthMenu.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sLengthMenu.js new file mode 100644 index 0000000000000000000000000000000000000000..6fae948376fb3f260228d4b3c5b5aa89dc8ba860 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sLengthMenu.js @@ -0,0 +1,111 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sLengthMenu" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Menu language is 'Show _MENU_ entries' by default", + null, + function () { return oSettings.oLanguage.sLengthMenu == "Show _MENU_ entries"; } + ); + + oTest.fnTest( + "_MENU_ macro is replaced by select menu in DOM", + null, + function () { return $('select', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "Default is put into DOM", + null, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "Show " && + anChildren[2].nodeValue == " entries"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Menu length language can be defined - no _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sLengthMenu": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sLengthMenu == "unit test"; } + ); + + oTest.fnTest( + "Menu length language definition is in the DOM", + null, + function () { + return $('label', oSettings.aanFeatures.l[0]).text() == "unit test"; + } + ); + + + oTest.fnWaitTest( + "Menu length language can be defined - with _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sLengthMenu": "unit _MENU_ test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "unit " && + anChildren[2].nodeValue == " test"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Only the _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sLengthMenu": "_MENU_" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = oSettings.aanFeatures.l[0].childNodes; + var bReturn = + anChildren.length == 1 && + $('select', oSettings.aanFeatures.l[0]).length == 1; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sLoadingRecords.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sLoadingRecords.js new file mode 100644 index 0000000000000000000000000000000000000000..616b0ef3d9ec5c7c6bb7da5ee032f99819442512 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sLoadingRecords.js @@ -0,0 +1,65 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sLoadingRecords" ); + +$(document).ready( function () { + var tmp = false; + oTest.fnTest( + "Default loading text is 'Loading...'", + function () { + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + tmp = $('#example tbody tr td')[0].innerHTML == "Loading..."; + }, + function () { return tmp; } + ); + + oTest.fnTest( + "Text can be overriden", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oLanguage": { + "sLoadingRecords": "unitest" + }, + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + tmp = $('#example tbody tr td')[0].innerHTML == "unitest"; + }, + function () { return tmp; } + ); + + oTest.fnTest( + "When sZeroRecords is given but sLoadingRecords is not, sZeroRecords is used", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oLanguage": { + "sZeroRecords": "unitest_sZeroRecords" + }, + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + tmp = $('#example tbody tr td')[0].innerHTML == "unitest_sZeroRecords"; + }, + function () { return tmp; } + ); + + oTest.fnTest( + "sLoadingRecords and sZeroRecords both given", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "oLanguage": { + "sZeroRecords": "unitest_sZeroRecords2", + "sLoadingRecords": "unitest2" + }, + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + tmp = $('#example tbody tr td')[0].innerHTML == "unitest2"; + }, + function () { return tmp; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..39886194b0a83aa6ded2a441f0a97c2a66414ade --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sProcessing.js @@ -0,0 +1,49 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sProcessing" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bProcessing": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Processing language is 'Processing...' by default", + null, + function () { return oSettings.oLanguage.sProcessing == "Processing..."; } + ); + + oTest.fnTest( + "Processing language default is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "Processing..."; } + ); + + + oTest.fnWaitTest( + "Processing language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bProcessing": true, + "oLanguage": { + "sProcessing": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sProcessing == "unit test"; } + ); + + oTest.fnTest( + "Processing language definition is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..5a1584d1a450f2bd96dc7f75d8442d8926a6d2e3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sSearch.js @@ -0,0 +1,70 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Search language is 'Search:' by default", + null, + function () { return oSettings.oLanguage.sSearch == "Search:"; } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).length == 1 } + ); + + oTest.fnTest( + "Search language default is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text() + == "Search: "; } + ); + + + oTest.fnWaitTest( + "Search language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sSearch": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sSearch == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text().indexOf('unit test') !== -1; } + ); + + + oTest.fnWaitTest( + "Blank search has a no space (separator) inserted", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sSearch": "" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return document.getElementById('example_filter').childNodes.length == 1; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sUrl.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sUrl.js new file mode 100644 index 0000000000000000000000000000000000000000..5ebfe5ddcc873e398922ffbe0a52fd8af3cf11d4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sUrl.js @@ -0,0 +1,62 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sUrl" ); + +/* Note that we only test the internal storage of language information pulled form a file here + * as the other language tests will check it goes into the DOM correctly + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "sUrl is blank by default", + null, + function () { return oSettings.oLanguage.sUrl == ""; } + ); + + + oTest.fnWaitTest( + "Loading of German file loads language information", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sUrl": "../../../examples/examples_support/de_DE.txt" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.sProcessing == "Bitte warten..." && + oSettings.oLanguage.sLengthMenu == "_MENU_ Einträge anzeigen" && + oSettings.oLanguage.sZeroRecords == "Keine Einträge vorhanden." && + oSettings.oLanguage.sInfo == "_START_ bis _END_ von _TOTAL_ Einträgen" && + oSettings.oLanguage.sInfoEmpty == "0 bis 0 von 0 Einträgen" && + oSettings.oLanguage.sInfoFiltered == "(gefiltert von _MAX_ Einträgen)" && + oSettings.oLanguage.sInfoPostFix == "" && + oSettings.oLanguage.sSearch == "Suchen" && + oSettings.oLanguage.oPaginate.sFirst == "Erster" && + oSettings.oLanguage.oPaginate.sPrevious == "Zurück" && + oSettings.oLanguage.oPaginate.sNext == "Nächster" && + oSettings.oLanguage.oPaginate.sLast == "Letzter"; + + return bReturn; + } + ); + + /* One DOM check just to ensure that they go into the DOM */ + oTest.fnTest( + "Loaded language goes into the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "1 bis 10 von 57 Einträgen"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sZeroRecords.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sZeroRecords.js new file mode 100644 index 0000000000000000000000000000000000000000..7dffc1517a857a09d893274f3e2fde9718b790d9 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oLanguage.sZeroRecords.js @@ -0,0 +1,48 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sZeroRecords" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Zero records language is 'No matching records found' by default", + null, + function () { return oSettings.oLanguage.sZeroRecords == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "No matching records found" } + ); + + + + oTest.fnWaitTest( + "Zero records language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oLanguage": { + "sZeroRecords": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sZeroRecords == "unit test"; } + ); + + oTest.fnWaitTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere2'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "unit test" } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..42f1b948818fae5212b3eb46c34efb4c7939861a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/oSearch.js @@ -0,0 +1,108 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default values should be blank", + null, + function () { + var bReturn = oSettings.oPreviousSearch.sSearch == "" && + !oSettings.oPreviousSearch.bRegex; + return bReturn; + } + ); + + /* This test might be considered iffy since the full object isn't given, but it's reasonable to + * expect DataTables to cope with this. It should just assumine regex false + */ + oTest.fnWaitTest( + "Search term only in object", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oSearch": { + "sSearch": "Mozilla" + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnWaitTest( + "New search will kill old one", + function () { + oTable.fnFilter("Opera"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnWaitTest( + "Search plain text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oSearch": { + "sSearch": "DS", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Nintendo DS browser"; } + ); + + oTest.fnWaitTest( + "Search plain text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oSearch": { + "sSearch": "Opera", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnWaitTest( + "Search regex text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oSearch": { + "sSearch": "1.*", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Search regex text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "oSearch": { + "sSearch": "1.*", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sAjaxDataProp.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sAjaxDataProp.js new file mode 100644 index 0000000000000000000000000000000000000000..5759c47d2575d53f493cbedba13ff75a647c4d62 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sAjaxDataProp.js @@ -0,0 +1,139 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Custom data source property - property given" ); + + +$(document).ready( function () { + var oInit = { + "sAjaxSource": "../../../examples/ajax/sources/custom_prop.txt", + "sAjaxDataProp": "demo" + }; + $('#example').dataTable( oInit ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sAjaxDataProp2.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sAjaxDataProp2.js new file mode 100644 index 0000000000000000000000000000000000000000..646657e3252a2c0d0a1cf9027f2bcd21f1d6cfc8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sAjaxDataProp2.js @@ -0,0 +1,139 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Custom data source property - array only" ); + + +$(document).ready( function () { + var oInit = { + "sAjaxSource": "../../../examples/ajax/sources/array_only.txt", + "sAjaxDataProp": "" + }; + $('#example').dataTable( oInit ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sAjaxSource.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sAjaxSource.js new file mode 100644 index 0000000000000000000000000000000000000000..b633d09760c0864b2b62d618ab340e5df2fcc6ef --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sAjaxSource.js @@ -0,0 +1,22 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sAjaxSource" ); + +/* Sanitfy check really - all the other tests blast this */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Server side is off by default", + null, + function () { + return oSettings.sAjaxSource == "../../../examples/ajax/sources/arrays.txt"; + } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sDom.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sDom.js new file mode 100644 index 0000000000000000000000000000000000000000..0af1f5998aa23fa8dcd48437203d6ae5ec225b48 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sDom.js @@ -0,0 +1,262 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sDom" ); + +/* This is going to be brutal on the browser! There is a lot that can be tested here... */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default DOM varaible", + null, + function () { return oSettings.sDom == "lfrtip"; } + ); + + oTest.fnWaitTest( + "Default DOM in document", + null, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + nNodes[5] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check example 1 in code propagates", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "sDom": '<"wrapper"flipt>' + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.sDom == '<"wrapper"flipt>'; } + ); + + oTest.fnWaitTest( + "Check example 1 in DOM", + null, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + var nCustomWrapper = $('div.wrapper')[0]; + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrapper && + nNodes[2] == nFilter && + nNodes[3] == nLength && + nNodes[4] == nInfo && + nNodes[5] == nPaging && + nNodes[6] == nTable; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check example 2 in DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "sDom": '<lf<t>ip>' + } ); + }, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + var nCustomWrappers = [] + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + + /* Only the two custom divs don't have class names */ + if ( jqNodes[i].className == "" ) + { + nCustomWrappers.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrappers[0] && + nNodes[2] == nLength && + nNodes[3] == nFilter && + nNodes[4] == nCustomWrappers[1] && + nNodes[5] == nTable && + nNodes[6] == nInfo && + nNodes[7] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no length element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "sDom": 'frtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + null == nLength && + nNodes[1] == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no filter element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "sDom": 'lrtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + null == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + /* Note we don't test for no table as this is not supported (and it would be fairly daft! */ + + oTest.fnWaitTest( + "Check no info element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "sDom": 'lfrtp' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + null == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no paging element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "sDom": 'lfrti' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + null == nPaging; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sPaginationType.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sPaginationType.js new file mode 100644 index 0000000000000000000000000000000000000000..71606c41366c2b87f8f7fb18cb6403dda3ca1b73 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/3_ajax/sPaginationType.js @@ -0,0 +1,134 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sPaginationType" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Check two button paging is the default", + null, + function () { return oSettings.sPaginationType == "two_button"; } + ); + + oTest.fnWaitTest( + "Check class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_two_button'); } + ); + + oTest.fnWaitTest( + "Two A elements are in the wrapper", + null, + function () { return $('#example_paginate a').length == 2; } + ); + + oTest.fnWaitTest( + "We have the previous button", + null, + function () { return document.getElementById('example_previous'); } + ); + + oTest.fnWaitTest( + "We have the next button", + null, + function () { return document.getElementById('example_next'); } + ); + + oTest.fnWaitTest( + "Previous button is disabled", + null, + function () { return $('#example_previous').hasClass('paginate_disabled_previous'); } + ); + + oTest.fnWaitTest( + "Next button is enabled", + null, + function () { return $('#example_next').hasClass('paginate_enabled_next'); } + ); + + /* Don't test paging - that's done by the zero config test script. */ + + + /* Two buttons paging */ + var bComplete = false; + oTest.fnWaitTest( + "Can enabled full numbers paging", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "sPaginationType": "full_numbers", + "fnInitComplete": function () { + bComplete = true; + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + if ( bComplete ) + return oSettings.sPaginationType == "full_numbers"; + else + return false; + } + ); + + oTest.fnWaitTest( + "Check full numbers class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_full_numbers'); } + ); + + + var nFirst, nPrevious, nNext, nLast; + oTest.fnWaitTest( + "Jump to last page", + function () { + nFirst = $('div.dataTables_paginate a.first'); + nPrevious = $('div.dataTables_paginate a.previous'); + nNext = $('div.dataTables_paginate a.next'); + nLast = $('div.dataTables_paginate a.last'); + nLast.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Go to two pages previous", + function () { + nPrevious.click(); + nPrevious.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 31 to 40 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Next (second last) page", + function () { + nNext.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 41 to 50 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Jump to first page", + function () { + nFirst.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/-iDraw.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/-iDraw.js new file mode 100755 index 0000000000000000000000000000000000000000..1f9dc8585b846b010bbd3b4fe3c3b3c6a949dedd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/-iDraw.js @@ -0,0 +1,44 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "iDraw - check that iDraw increments for each draw" ); + + +$(document).ready( function () { + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "After first draw, iDraw is 1", + null, + function () { return oSettings.iDraw == 1; } + ); + + oTest.fnWaitTest( + "After second draw, iDraw is 2", + function () { oTable.fnDraw() }, + function () { return oSettings.iDraw == 2; } + ); + + oTest.fnWaitTest( + "After sort", + function () { oTable.fnSort([[1,'asc']]) }, + function () { return oSettings.iDraw == 3; } + ); + + oTest.fnWaitTest( + "After filter", + function () { oTable.fnFilter('gecko') }, + function () { return oSettings.iDraw == 4; } + ); + + oTest.fnWaitTest( + "After another filter", + function () { oTable.fnFilter('gec') }, + function () { return oSettings.iDraw == 5; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/2440.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/2440.js new file mode 100644 index 0000000000000000000000000000000000000000..a18f05191e91d4383faee5aba2d2f5302bfc0337 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/2440.js @@ -0,0 +1,32 @@ +// DATA_TEMPLATE: empty_table +/* + * NOTE: There are some differences in this zero config script for server-side + * processing compared to the other data sources. The main reason for this is the + * difference in how the server-side processing does it's filtering. Also the + * sorting state is always reset on each draw. + */ +oTest.fnStart( "Info element with display all" ); + +$(document).ready( function () { + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTable.fnSettings()._iDisplayLength = -1; + oTable.oApi._fnCalculateEnd( oTable.fnSettings() ); + oTable.fnDraw(); + + + /* Basic checks */ + oTest.fnWaitTest( + "Check length is correct when -1 length given", + null, + function () { + return document.getElementById('example_info').innerHTML == + "Showing 1 to 57 of 57 entries"; + } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/2569.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/2569.js new file mode 100755 index 0000000000000000000000000000000000000000..fbfbeb4e61f0f47ffc72d9880471f8b617e8de90 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/2569.js @@ -0,0 +1,47 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Destroy with hidden columns" ); + +$(document).ready( function () { + var mTest; + + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumnDefs": [ + { "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] }, + { "bVisible": false, "aTargets": [ 3 ] } + ], + "fnInitComplete": function () { + this.fnDestroy(); + } + } ); + + oTest.fnWaitTest( + "Check that the number of columns in table is correct", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + + oTest.fnTest( + "And with scrolling", + function () { + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sScrollY": 200, + "aoColumnDefs": [ + { "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] }, + { "bVisible": false, "aTargets": [ 3 ] } + ], + "fnInitComplete": function () { + this.fnDestroy(); + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/2600.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/2600.js new file mode 100755 index 0000000000000000000000000000000000000000..e20f3099acfbe16cef7f8e3d676511824aa8c0a4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/2600.js @@ -0,0 +1,47 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "2600 - Display rewind when changing length" ); + +$(document).ready( function () { + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "Info correct on init", + null, + function () { return $('#example_info').html() == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Page 2", + function () { $('#example_next').click(); }, + function () { return $('#example_info').html() == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Page 3", + function () { $('#example_next').click(); }, + function () { return $('#example_info').html() == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Page 4", + function () { $('#example_next').click(); }, + function () { return $('#example_info').html() == "Showing 31 to 40 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Page 5", + function () { $('#example_next').click(); }, + function () { return $('#example_info').html() == "Showing 41 to 50 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Rewind", + function () { $('#example_length select').val('100'); $('#example_length select').change(); }, + function () { return $('#example_info').html() == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/_zero_config.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/_zero_config.js new file mode 100644 index 0000000000000000000000000000000000000000..fcd69cc170d8c5f218431943d33e9256d9a67531 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/_zero_config.js @@ -0,0 +1,424 @@ +// DATA_TEMPLATE: empty_table +/* + * NOTE: There are some differences in this zero config script for server-side + * processing compared to the other data sources. The main reason for this is the + * difference in how the server-side processing does it's filtering. Also the + * sorting state is always reset on each draw. + */ +oTest.fnStart( "Sanity checks for DataTables with data from JS" ); + +oTest.fnWaitTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnWaitTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnWaitTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + /* Basic checks */ + oTest.fnWaitTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnWaitTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnWaitTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnWaitTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnWaitTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnWaitTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnWaitTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnWaitTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnWaitTest( + "Sorting multi-column - sorting first column only", + function () { + $('#example thead th:eq(0)').click(); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Firefox 1.0"; return b; } + ); + + /* Basic paging */ + oTest.fnWaitTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Mozilla 1.1"; } + ); + + oTest.fnWaitTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnWaitTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Firefox 1.0"; } + ); + + /* Changing length */ + oTest.fnWaitTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnWaitTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnWaitTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnWaitTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnWaitTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnWaitTest( + "Filter 'W' - rows", + function () { + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(4) td:eq(1)').html() == "Netscape 7.2"; } + ); + + oTest.fnWaitTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnWaitTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnWaitTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "6"; } + ); + + /* Note the filtering is different from the DOM since the server doesn't do + * "smart filtering" like the client side does + */ + oTest.fnWaitTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnWaitTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 2 of 2 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnWaitTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aaSorting.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aaSorting.js new file mode 100644 index 0000000000000000000000000000000000000000..cf3e2e62c6f90305ded1179dc4ea5b3f33dc5ba3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aaSorting.js @@ -0,0 +1,212 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aaSorting" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default sorting is single column", + null, + function () { + return oSettings.aaSorting.length == 1 && typeof oSettings.aaSorting[0] == 'object'; + } + ); + + oTest.fnWaitTest( + "Default sorting is first column asc", + null, + function () { + return oSettings.aaSorting[0].length == 3 && oSettings.aaSorting[0][0] == 0 && + oSettings.aaSorting[0][1] == 'asc'; + } + ); + + oTest.fnWaitTest( + "Sorting is applied", + null, + function () { return $('#example tbody td:eq(1)').html() == "Firefox 1.0"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single string column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single string column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single int column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single int column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['0','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['0','asc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['0','desc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "iPod Touch / iPhone"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['0','desc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Safari 3.0"; } + ); + + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['0','asc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['0','asc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1.9"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['0','desc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "125.5"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['0','desc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (3 column) - string asc / int asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSorting": [['0','asc'], ['3','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody tr:eq(7) td:eq(1)').html() == "Firefox 1.0"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aaSortingFixed.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aaSortingFixed.js new file mode 100644 index 0000000000000000000000000000000000000000..a7d5ad3ba834f5e5983d618b75b4bebed75aa931 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aaSortingFixed.js @@ -0,0 +1,67 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aaSortingFixed" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "No fixed sorting by default", + null, + function () { + return oSettings.aaSortingFixed == null; + } + ); + + + oTest.fnWaitTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSortingFixed": [['0','asc']] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aaSortingFixed": [['3','asc']] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "PSP browser"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bSearchable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bSearchable.js new file mode 100755 index 0000000000000000000000000000000000000000..3ba1500065fd975bd2a4290e13c7a5dc5b875ba8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bSearchable.js @@ -0,0 +1,25 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bSeachable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Columns are searchable by default", + function () { oTable.fnFilter("Camino"); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Camino 1.0"; } + ); + + /* NOT ACTUALLY GOING TO TEST BSEARCHABLE HERE. Reason being is that it requires the server + * side to alter it's processing, and this information about columns is not actually sent to + * the server + */ + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bSortable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bSortable.js new file mode 100755 index 0000000000000000000000000000000000000000..6b5fb428166c4c7ea085b86a7f7aab748a839516 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bSortable.js @@ -0,0 +1,112 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bSortable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "All columns are sortable by default", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Can disable sorting from one column", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "bSortable": false }, + null, + null, + null + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnWaitTest( + "Disabled column has no sorting class", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") == false; } + ); + + oTest.fnWaitTest( + "Other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 4.0"; } + ); + + oTest.fnWaitTest( + "Disable sorting on multiple columns - no sorting classes", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "bSortable": false }, + null, + { "bSortable": false }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(1)').hasClass("sorting") || + $('#example thead th:eq(3)').hasClass("sorting") + return bReturn == false; + } + ); + + oTest.fnWaitTest( + "Sorting on disabled column 1 has no effect", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnWaitTest( + "Sorting on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnWaitTest( + "Second sort on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnWaitTest( + "Even with multiple disabled sorting columns other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 4.0"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bUseRendered.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bUseRendered.js new file mode 100755 index 0000000000000000000000000000000000000000..6a797913d38d27ffa8df495932fcc8859b4f032c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bUseRendered.js @@ -0,0 +1,43 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bUseRendered" ); + +/* bUseRendered is used to alter sorting data, if false then the original data is used for + * sorting rather than the rendered data + */ + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa"; + } else + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default for bUseRendered is true - rendered data is used for sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'aaa'; } + ); + + /* Limited to what we can do here as the sorting is done on the server side. So stop here. */ + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bVisible.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bVisible.js new file mode 100755 index 0000000000000000000000000000000000000000..863f3dab89d0758afe32ef23fda152ee5efa97b9 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.bVisible.js @@ -0,0 +1,123 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bVisible" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "All columns are visible by default", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnWaitTest( + "Can hide one column and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "bVisible": false }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnWaitTest( + "Can hide one column and it removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 4; } + ); + + oTest.fnWaitTest( + "The correct thead column has been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Platform(s)" && + jqNodes[2].innerHTML == "Engine version" && + jqNodes[3].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "The correct tbody column has been hidden", + null, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "Win 98+ / OSX.2+" && + jqNodes[2].innerHTML == "1.7" && + jqNodes[3].innerHTML == "A"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Can hide multiple columns and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "bVisible": false }, + { "bVisible": false }, + null, + { "bVisible": false } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 2; } + ); + + oTest.fnWaitTest( + "Multiple hide - removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 2; } + ); + + oTest.fnWaitTest( + "Multiple hide - the correct thead columns have been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Engine version" + return bReturn; + } + ); + + oTest.fnWaitTest( + "Multiple hide - the correct tbody columns have been hidden", + null, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "1.7" + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.fnRender.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.fnRender.js new file mode 100755 index 0000000000000000000000000000000000000000..4481b75cefe9effe94c38f7aaacc79adf9807751 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.fnRender.js @@ -0,0 +1,162 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.fnRender" ); + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "fnRender": function (a) { + mTmp++; + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Single column - fnRender is called once for each row", + null, + function () { return mTmp == 10; } + ); + + oTest.fnWaitTest( + "Confirm that fnRender passes two arguments with four parameters", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( arguments.length != 2 || typeof a.iDataRow=='undefined' || + typeof a.iDataColumn=='undefined' || typeof a.aData=='undefined' || + typeof a.mDataProp=='undefined' ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "fnRender iDataColumn is the column", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.iDataColumn != 1 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "fnRender aData is data array of correct size", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.aData.length != 5 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "fnRender": function (a) { + return 'unittest'; + } }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'unittest'; } + ); + + oTest.fnWaitTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + null, + { "fnRender": function (a) { + return 'unittest1'; + } }, + { "fnRender": function (a) { + return 'unittest2'; + } }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(0) td:eq(2)').html() == 'unittest1' && + $('#example tbody tr:eq(0) td:eq(3)').html() == 'unittest2'; + return bReturn; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sClass.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sClass.js new file mode 100755 index 0000000000000000000000000000000000000000..b8286a0b66dd401dfd7909a77ce6f8d0c059239e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sClass.js @@ -0,0 +1,118 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sClass" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "By default the test class hasn't been applied to the column (sanity!)", + null, + function () { return $('#example tbody tr:eq(0) td:eq(2)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + null, + { "sClass": 'unittest' }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(1) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - third row", + null, + function () { return $('#example tbody tr:eq(3) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - last row", + null, + function () { return $('#example tbody tr:eq(9) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to other columns - 1st", + null, + function () { return $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to other columns - 5th", + null, + function () { return $('#example tbody tr:eq(3) td:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - seventh row - second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody tr:eq(6) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to header", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to footer", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + + oTest.fnWaitTest( + "Class defined for multiple columns - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + { "sClass": 'unittest2' }, + null, + null, + { "sClass": 'unittest1' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest2') && + $('#example tbody tr:eq(8) td:eq(3)').hasClass('unittest1'); + return bReturn; + } + ); + + oTest.fnWaitTest( + "Class defined for multiple columns - has not applied to other columns - 5th 1", + null, + function () { return $('#example tbody tr:eq(0) td:eq(4)').hasClass('unittest1') == false; } + ); + + oTest.fnWaitTest( + "Class defined for multiple columns - has not applied to other columns - 5th 2", + null, + function () { return $('#example tbody tr:eq(6) td:eq(4)').hasClass('unittest2') == false; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sName.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sName.js new file mode 100755 index 0000000000000000000000000000000000000000..47034b77807a3c97c5c6a11d8e3b45eda14c908e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sName.js @@ -0,0 +1,29 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sName" ); + +/* This has no effect at all in DOM methods - so we just check that it has applied the name */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + null, + null, + { "sName": 'unit test' }, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Names are stored in the columns object", + null, + function () { return oSettings.aoColumns[3].sName =="unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sTitle.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sTitle.js new file mode 100755 index 0000000000000000000000000000000000000000..93b99c95442097b1a8c0cc82ddc68191a9725e8c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sTitle.js @@ -0,0 +1,85 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sTitle" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "If not given, then the columns titles are empty", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Browser" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Can set a single column title - and others are read from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "sTitle": 'unit test' }, + null, + null, + null + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Can set multiple column titles", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + { "sTitle": 'unit test 1' }, + null, + null, + { "sTitle": 'unit test 2' } + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test 1" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "unit test 2"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sWidth.js new file mode 100755 index 0000000000000000000000000000000000000000..b001ed5a18e992cafc397f1829aa83bb483008e2 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoColumns.sWidth.js @@ -0,0 +1,90 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sWidth" ); + +/* NOTE - we need to disable the auto width for the majority of these test in order to preform + * these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests + * with auto width enabled however to ensure it scales columns as required + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bAutoWidth": false, + "aoColumns": [ + null, + { "sWidth": '40%' }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "With auto width disabled the width for one column is appled", + null, + function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; } + ); + + oTest.fnWaitTest( + "With auto width disabled the width for one column is appled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bAutoWidth": false, + "aoColumns": [ + null, + null, + { "sWidth": '20%' }, + { "sWidth": '30%' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(2)')[0].style.width == "20%" && + $('#example thead th:eq(3)')[0].style.width == "30%"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "With auto width, it will make the smallest column the largest with percentage width given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumns": [ + null, + null, + null, + { "sWidth": '40%' }, + null + ] + } ); + }, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + + if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 ) + return true; + else + return false; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoSearchCols.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoSearchCols.js new file mode 100644 index 0000000000000000000000000000000000000000..345858fc3ce925693fdd532c47c23bd6b625aaf5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/aoSearchCols.js @@ -0,0 +1,70 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoSearchCols" ); + +/* We could be here forever testing this one, so we test a limited subset on a couple of colums */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/filter_col.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default should be to have a empty colums array", + null, + function () { + var bReturn = + oSettings.aoPreSearchCols[0].sSearch == 0 && !oSettings.aoPreSearchCols[0].bRegex && + oSettings.aoPreSearchCols[1].sSearch == 0 && !oSettings.aoPreSearchCols[1].bRegex && + oSettings.aoPreSearchCols[2].sSearch == 0 && !oSettings.aoPreSearchCols[2].bRegex && + oSettings.aoPreSearchCols[3].sSearch == 0 && !oSettings.aoPreSearchCols[3].bRegex && + oSettings.aoPreSearchCols[4].sSearch == 0 && !oSettings.aoPreSearchCols[4].bRegex; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Search on a single column - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/filter_col.php", + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1" }, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "1"; } + ); + + oTest.fnWaitTest( + "Search on two columns - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/filter_col.php", + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1.5" }, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "1.5"; } + ); + + /* No regex escape searches here - would need to be implemented on the server-side */ + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/asStripClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/asStripClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..760ba4e378d62067abc56eed029289e78858c14f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/asStripClasses.js @@ -0,0 +1,109 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "asStripeClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "Default row striping is applied", + null, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + oTest.fnWaitTest( + "Row striping on the second page", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + /* No striping */ + oTest.fnWaitTest( + "No row striping", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "asStripeClasses": [] + } ); + }, + function () { + if ( typeof $('#example tbody tr:eq(1)')[0] == 'undefined' ) + { + /* Use the 'wait for' to allow this to become true */ + return false; + } + return $('#example tbody tr:eq(0)')[0].className == "" && + $('#example tbody tr:eq(1)')[0].className == "" && + $('#example tbody tr:eq(2)')[0].className == "" && + $('#example tbody tr:eq(3)')[0].className == ""; + } + ); + + /* Custom striping */ + oTest.fnWaitTest( + "Custom striping [2]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "asStripeClasses": [ 'test1', 'test2' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test1') && + $('#example tbody tr:eq(3)').hasClass('test2'); + } + ); + + + /* long array of striping */ + oTest.fnWaitTest( + "Custom striping [4]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "asStripeClasses": [ 'test1', 'test2', 'test3', 'test4' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + oTest.fnWaitTest( + "Custom striping is restarted on second page [2]", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bAutoWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bAutoWidth.js new file mode 100644 index 0000000000000000000000000000000000000000..ce6052c96c19aae6b0e91f0ea7eda01ec189e675 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bAutoWidth.js @@ -0,0 +1,145 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bAutoWidth" ); + +/* It's actually a little tricky to test this. We can't test absolute numbers because + * different browsers and different platforms will render the width of the columns slightly + * differently. However, we certainly can test the principle of what should happen (column + * width doesn't change over pages) + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Auto width is enabled by default", + null, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + oTest.fnWaitTest( + "First column has a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style').match(/width/i); } + ); + + /* + This would seem like a better test - but there appear to be difficulties with tables + which are bigger (calculated) than there is actually room for. I suspect this is actually + a bug in datatables + oTest.fnWaitTest( + "Check column widths on first page match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + console.log( a0, b0, a1, b1, a2, b2, a3, b3 ); + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + + oTest.fnWaitTest( + "Check column widths on second page match thid page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + */ + + /* Check can disable */ + oTest.fnWaitTest( + "Auto width can be disabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bAutoWidth": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth == false; } + ); + + oTest.fnWaitTest( + "First column does not have a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style') == null; } + ); + + /* + oTest.fnWaitTest( + "Check column widths on first page do not match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return false; + else + return true; + } + ); + */ + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Auto width enabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bAutoWidth": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bFilter.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bFilter.js new file mode 100644 index 0000000000000000000000000000000000000000..5505e703d7c1393f78e9d6a73b6dac2c610fa892 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bFilter.js @@ -0,0 +1,47 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bFilter" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "Filtering div exists by default", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Fltering can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bFilter": false + } ); + }, + function () { return document.getElementById('example_filter') == null; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Filtering enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bFilter": true + } ); + }, + function () { return document.getElementById('example_filter') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bInfiniteScroll.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bInfiniteScroll.js new file mode 100755 index 0000000000000000000000000000000000000000..9d88d3ba3858a53459299f6c9e9417fa5ced66e5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bInfiniteScroll.js @@ -0,0 +1,168 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bInfiniteScroll" ); + + +$(document).ready( function () { + var oTable = $('#example').dataTable( { + "bScrollInfinite": true, + "sScrollY": "200px", + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "10 rows by default", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Info", + null, + function () { return $('#example_info').html() == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Get nodes", + null, + function () { return $('#example tbody>tr').length == 10; } + ); + + oTest.fnTest( + "Get nodes function", + null, + function () { return $('#example').dataTable().fnGetNodes().length == 10; } + ); + + oTest.fnWaitTest( + "Scroll on 20px adds 10 rows", + function () { $('div.dataTables_scrollBody').scrollTop(20); }, + function () { return $('#example tbody tr').length == 20; } + ); + + oTest.fnTest( + "Info after 20px scroll", + null, + function () { return $('#example_info').html() == "Showing 1 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Get nodes after 20px scroll", + null, + function () { return $('#example tbody>tr').length == 20; } + ); + + oTest.fnTest( + "Get nodes function after 20px scroll", + null, + function () { return $('#example').dataTable().fnGetNodes().length == 20; } + ); + + oTest.fnWaitTest( + "Scroll on 10px more results in the same number of rows", + function () { $('div.dataTables_scrollBody').scrollTop(30); }, + function () { return $('#example tbody tr').length == 20; } + ); + + oTest.fnTest( + "Info after 10 more px scroll", + null, + function () { return $('#example_info').html() == "Showing 1 to 20 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Scroll to 280px adds another 10 rows", + function () { $('div.dataTables_scrollBody').scrollTop(280); }, + function () { return $('#example tbody tr').length == 30; } + ); + + oTest.fnTest( + "Info after 240px scroll", + null, + function () { return $('#example_info').html() == "Showing 1 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Get nodes after 240px scroll", + null, + function () { return $('#example tbody>tr').length == 30; } + ); + + oTest.fnTest( + "Get nodes function after 240px scroll", + null, + function () { return $('#example').dataTable().fnGetNodes().length == 30; } + ); + + oTest.fnWaitTest( + "Filtering will drop back to 10 rows", + function () { oTable.fnFilter('gec') }, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Info after filtering", + null, + function () { return $('#example_info').html() == "Showing 1 to 10 of 20 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Get nodes after filtering", + null, + function () { return $('#example tbody>tr').length == 10; } + ); + + oTest.fnTest( + "Get nodes function after filtering", + null, + function () { return $('#example').dataTable().fnGetNodes().length == 10; } + ); + + oTest.fnWaitTest( + "Scroll after filtering adds 10", + function () { $('div.dataTables_scrollBody').scrollTop(20); }, + function () { return $('#example tbody tr').length == 20; } + ); + + oTest.fnWaitTest( + "Get nodes after filtering", + null, + function () { return $('#example tbody>tr').length == 20; } + ); + + oTest.fnWaitTest( + "Get nodes function after filtering", + null, + function () { return $('#example').dataTable().fnGetNodes().length == 20; } + ); + + oTest.fnWaitTest( + "Sorting will drop back to 10 rows", + function () { + $('div.dataTables_scrollBody').scrollTop(0); + oTable.fnSort([[1,'asc']]) + }, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "Scroll after sorting adds 10", + function () { $('div.dataTables_scrollBody').scrollTop(20); }, + function () { return $('#example tbody tr').length == 20; } + ); + + oTest.fnTest( + "Get nodes after scrolling", + null, + function () { return $('#example tbody>tr').length == 20; } + ); + + oTest.fnTest( + "Get nodes function after scrolling", + null, + function () { return $('#example').dataTable().fnGetNodes().length == 20; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..56bca5711da8edd27c164a54984c10230290ec81 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bInfo.js @@ -0,0 +1,47 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bInfo" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "Info div exists by default", + null, + function () { return document.getElementById('example_info') != null; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Info can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bInfo": false + } ); + }, + function () { return document.getElementById('example_info') == null; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Info enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bInfo": true + } ); + }, + function () { return document.getElementById('example_info') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bLengthChange.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bLengthChange.js new file mode 100644 index 0000000000000000000000000000000000000000..fa56a0306bc5c4eab45df1752346512357611e81 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bLengthChange.js @@ -0,0 +1,78 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bLengthChange" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "Length div exists by default", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnWaitTest( + "Four default options", + null, + function () { return $("select[name=example_length] option").length == 4; } + ); + + oTest.fnWaitTest( + "Default options", + null, + function () { + var opts = $("select[name='example_length'] option"); + return opts[0].getAttribute('value') == 10 && opts[1].getAttribute('value') == 25 && + opts[2].getAttribute('value') == 50 && opts[3].getAttribute('value') == 100; + } + ); + + oTest.fnWaitTest( + "Info takes length into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Change length can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bLengthChange": false + } ); + }, + function () { return document.getElementById('example_length') == null; } + ); + + oTest.fnWaitTest( + "Information takes length disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Length change enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bLengthChange": true + } ); + }, + function () { return document.getElementById('example_length') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..9855a90ba8ed79448038d45ab853e213b0620ea6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bPaginate.js @@ -0,0 +1,62 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bPaginate" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "Pagiantion div exists by default", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnWaitTest( + "Information div takes paging into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bPaginate": false + } ); + }, + function () { return document.getElementById('example_paginate') == null; } + ); + + oTest.fnWaitTest( + "Information div takes paging disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 57 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Pagiantion enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bPaginate": true + } ); + }, + function () { return document.getElementById('example_paginate') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..29141df2006c3fe1ffd302ae85cb8c0fe4fb729e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bProcessing.js @@ -0,0 +1,106 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bProcessing" ); + +/* It's actually a bit hard to set this one due to the fact that it will only be shown + * when DataTables is doing some kind of processing. The server-side processing is a bit + * better to test this than here - so we just the interal functions to enable it and check + * that it is available + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Processing is off by default", + null, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnWaitTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "Processing div cannot be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "Processing div cannot be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + /* Check can disable */ + oTest.fnWaitTest( + "Processing can be enabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bProcessing": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == true; } + ); + + oTest.fnWaitTest( + "Processing div is in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing'); } + ); + + oTest.fnWaitTest( + "Processing div is hidden by default", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + oTest.fnWaitTest( + "Processing div can be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "visible"; } + ); + + oTest.fnWaitTest( + "Processing div can be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Processing disabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bProcessing": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnWaitTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bServerSide.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bServerSide.js new file mode 100644 index 0000000000000000000000000000000000000000..1b935928b321e32aede710b3ac41a99b9e934015 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bServerSide.js @@ -0,0 +1,21 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bServerSide" ); + +/* All the other scripts blast the ssp processing */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Server side can be set to on", + null, + function () { return oSettings.oFeatures.bServerSide == true; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bSort.js new file mode 100644 index 0000000000000000000000000000000000000000..fc94471f6e5141e022378a995581f9ba81731412 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bSort.js @@ -0,0 +1,102 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bSort" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "Sorting is on by default", + null, + function () { return $('#example tbody td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnWaitTest( + "Sorting Asc by default class applied", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc"); } + ); + + oTest.fnWaitTest( + "Click on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Sorting class removed from first column", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc") != true; } + ); + + oTest.fnWaitTest( + "Sorting asc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc"); } + ); + + oTest.fnWaitTest( + "Reverse on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Sorting acs class removed from second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") != true; } + ); + + oTest.fnWaitTest( + "Sorting desc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_desc"); } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bSort": false + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnWaitTest( + "Click on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnWaitTest( + "Reverse on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Sorting enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bSort": true + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Firefox 1.0"; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bSortClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bSortClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..f2ed23c2a88ca4c22d5245b658821b09ddfd4391 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/bSortClasses.js @@ -0,0 +1,135 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bSortClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "Sorting classes are applied by default", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnWaitTest( + "Sorting classes are applied to all required cells", + null, + function () { return $('#example tbody tr:eq(7) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnWaitTest( + "Sorting classes are not applied to non-sorting columns", + null, + function () { return $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_1') == false; } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 1", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2'); + } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 2", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3'); + } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 3", + function () { + oDispacher.click( $('#example thead th:eq(3)')[0], { 'shift': true } ); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3'); + } + ); + + oTest.fnWaitTest( + "Remove sorting classes on single column sort", + function () { + $('#example thead th:eq(4)').click(); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3') == false; + } + ); + + oTest.fnWaitTest( + "Sorting class 1 was added", + null, + function () { return $('#example tbody tr:eq(1) td:eq(4)').hasClass('sorting_1'); } + ); + + + /* Check can disable */ + oTest.fnWaitTest( + "Sorting classes can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bSortClasses": false + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false; } + ); + + oTest.fnWaitTest( + "Sorting classes disabled - add column 1 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false; + } + ); + + oTest.fnWaitTest( + "Sorting classes disabled - add column 2 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false; + } + ); + + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Sorting classes enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bSortClasses": true + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnCreatedCell.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnCreatedCell.js new file mode 100755 index 0000000000000000000000000000000000000000..de76ace59ee7c8720c5e4e7da9dff0c99050f553 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnCreatedCell.js @@ -0,0 +1,190 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnCreatedCell tests" ); + +$(document).ready( function () { + var tmp = 0; + var complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumnDefs": [ { + fnCreatedCell: function () { + tmp++; + }, + "aTargets": ["_all"] + } ] + } ); + + oTest.fnWaitTest( + "Cell created is called once for each cell on init", + null, + function () { return tmp===50; } + ); + + oTest.fnWaitTest( + "Created is called back on other draws", + function () { $('#example th:eq(1)').click(); }, + function () { return tmp===100; } + ); + + oTest.fnWaitTest( + "Four arguments for the function", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments.length !== 4 ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "First argument is a TD element", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[0].nodeName !== "TD" ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Second argument is the HTML value", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[1] != $('td').html() ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Third argument is the data array", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[2].length !== 5 ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Fourth argument is the data source for the row", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[2] !== this.fnSettings().aoData[ arguments[2] ]._aData ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Fifth argument is the the col index", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "aoColumnDefs": [ { + fnCreatedRow: function () { + if ( arguments[1] != $('td:eq('+arguments[4]+')', arguments[0].parentNode).html() ) { + tmp = false; + } + }, + "aTargets": ["_all"] + } ], + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnCreatedRow.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnCreatedRow.js new file mode 100755 index 0000000000000000000000000000000000000000..b81eba381fd9050507ec58040ad8be8263873406 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnCreatedRow.js @@ -0,0 +1,148 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnCreatedRow tests" ); + +$(document).ready( function () { + var tmp = 0; + var complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + fnCreatedRow: function () { + tmp++; + } + } ); + + oTest.fnWaitTest( + "Row created is called once for each row on init", + null, + function () { return tmp===10; } + ); + + oTest.fnWaitTest( + "Created is called back on other draws", + function () { $('#example th:eq(1)').click(); }, + function () { return tmp===20; } + ); + + oTest.fnWaitTest( + "Three arguments for the function", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + fnCreatedRow: function () { + if ( arguments.length !== 3 ) { + tmp = false; + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "First argument is a TR element", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + fnCreatedRow: function () { + if ( arguments[0].nodeName !== "TR" ) { + tmp = false; + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Second argument is an array with 5 elements", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + fnCreatedRow: function () { + if ( arguments[1].length !== 5 ) { + tmp = false; + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "Third argument is the data source for the row", + function () { + oSession.fnRestore(); + tmp = true; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + fnCreatedRow: function () { + if ( arguments[1] !== this.fnSettings().aoData[ arguments[2] ]._aData ) { + tmp = false; + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + oTest.fnWaitTest( + "TR element is tied to the correct data", + function () { + oSession.fnRestore(); + tmp = false; + complete = false; + + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + fnCreatedRow: function (tr, data, index) { + if ( data[1] === "Firefox 1.0" ) { + if ( $('td:eq(3)', tr).html() == "1.7" ) { + tmp = true; + } + } + }, + fnInitComplete: function () { + complete = true; + } + } ); + }, + function () { return (tmp && complete); } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnDrawCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnDrawCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..20239c25459cce53c9d9cbb823a9a03e6a5d181a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnDrawCallback.js @@ -0,0 +1,89 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnDrawCallback" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnDrawCallback == null; } + ); + + + oTest.fnWaitTest( + "One argument passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnDrawCallback": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 1; } + ); + + + oTest.fnWaitTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnDrawCallback": function ( oSettings ) { + mPass = oSettings; + } + } ); + }, + function () { return oTable.fnSettings() == mPass; } + ); + + + oTest.fnWaitTest( + "fnRowCallback called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnDrawCallback": function ( ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnWaitTest( + "fnRowCallback called once on each draw there after as well", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass > 1; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnHeaderCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnHeaderCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..b9a1167a98c6c4510e789f97de10730004f7ce67 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnHeaderCallback.js @@ -0,0 +1,191 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnHeaderCallback" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnHeaderCallback == null; } + ); + + + oTest.fnWaitTest( + "Five arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnHeaderCallback": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 5; } + ); + + + oTest.fnWaitTest( + "fnRowCallback called once per draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnWaitTest( + "fnRowCallback called on paging (i.e. another draw)", + function () { $('#example_next').click(); }, + function () { return mPass == 2; } + ); + + + oTest.fnWaitTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + } + } ); + }, + function () { return $('#example thead th:eq(0)').html() == "Displaying 10 records"; } + ); + + + oTest.fnWaitTest( + "iStart correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart != 0 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "iStart correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart == 0 ) + { + mPass = true; + } + }, + "fnInitComplete": function () { + $('#example_next').click(); + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "iEnd correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd == 10 ) + { + mPass = true; + } + }, + "fnInitComplete": function () { + $('#example_next').click(); + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "aiDisplay length is full data when not filtered", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 10 ) + { + mPass = true; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnWaitTest( + "aiDisplay length is 9 when filtering on 'Mozilla'", + function () { + oSession.fnRestore(); + + mPass = false; + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 9 ) + { + mPass = true; + } + } + } ); + oTable.fnFilter( "Mozilla" ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnInitComplete.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnInitComplete.js new file mode 100644 index 0000000000000000000000000000000000000000..8da655f37b304d9763efe782e3dba786a2faee0a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnInitComplete.js @@ -0,0 +1,105 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnInitComplete" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnInitComplete == null; } + ); + + + oTest.fnWaitTest( + "Two arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnInitComplete": function ( ) { + mPass = arguments.length===2 && arguments[1]===undefined; + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnInitComplete": function ( oSettings ) { + mPass = oSettings; + } + } ); + }, + function () { return oTable.fnSettings() == mPass; } + ); + + + oTest.fnWaitTest( + "fnInitComplete called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnInitComplete": function ( ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnWaitTest( + "fnInitComplete never called there after", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 1; } + ); + + + oTest.fnWaitTest( + "10 rows in the table on complete", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnInitComplete": function ( ) { + mPass = $('#example tbody tr').length; + } + } ); + }, + function () { return mPass == 10; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnRowCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnRowCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..80227055098cdff716d948b91f1aed00c03a484b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/fnRowCallback.js @@ -0,0 +1,118 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnRowCallback" ); + +/* Note - fnRowCallback MUST return the first arguments (modified or not) */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnRowCallback == null; } + ); + + + oTest.fnWaitTest( + "Four arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnRowCallback": function ( nTr ) { + mPass = arguments.length; + return nTr; + } + } ); + }, + function () { return mPass == 4; } + ); + + + oTest.fnWaitTest( + "fnRowCallback called once for each drawn row", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + mPass++; + return nTr; + } + } ); + }, + function () { return mPass == 10; } + ); + + oTest.fnWaitTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + $(nTr).addClass('unit_test'); + return nTr; + } + } ); + }, + function () { return $('#example tbody tr:eq(1)').hasClass('unit_test'); } + ); + + oTest.fnWaitTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( asData.length != 5 ) + mPass = false; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnWaitTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + var iCount = 0; + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( iCount != iDrawIndex ) + mPass = false; + iCount++; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/iDeferLoading.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/iDeferLoading.js new file mode 100644 index 0000000000000000000000000000000000000000..d6adcb733aba55ed388b2d6920bdd64eab751e34 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/iDeferLoading.js @@ -0,0 +1,95 @@ +// DATA_TEMPLATE: deferred_table +/* + */ +oTest.fnStart( "Defer loading tests" ); + +$(document).ready( function () { + var gotServerData = false; + + $('#example').dataTable( { + "iDeferLoading": 57, + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "fnServerData": function (url, data, fn) { + $.ajax( { + "url": url, + "data": data, + "success": function(json) { + gotServerData = true; + fn( json ); + }, + "dataType": "json", + "cache": false + } ); + } + } ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "No request to the server yet", + null, + function () { return !gotServerData; } + ); + + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Initial data order retained", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnWaitTest( + "Initial data order retained 2", + null, + function () { return $('#example tbody td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnWaitTest( + "Still no request to the server yet", + null, + function () { return !gotServerData; } + ); + + oTest.fnWaitTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Now we've had a request", + null, + function () { return gotServerData; } + ); + + oTest.fnTest( + "Information after sort", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/iDisplayLength.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/iDisplayLength.js new file mode 100644 index 0000000000000000000000000000000000000000..e5e1e57b2ba758758a412828be699bce7b4b7090 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/iDisplayLength.js @@ -0,0 +1,85 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "iDisplayLength" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + + oTest.fnWaitTest( + "Default length is ten", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "Select menu shows 10", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnWaitTest( + "Set initial length to 25", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "iDisplayLength": 25 + } ); + }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnWaitTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 25; } + ); + + + oTest.fnWaitTest( + "Set initial length to 100", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "iDisplayLength": 100 + } ); + }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnWaitTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 100; } + ); + + + oTest.fnWaitTest( + "Set initial length to 23 (unknown select menu length)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "iDisplayLength": 23 + } ); + }, + function () { return $('#example tbody tr').length == 23; } + ); + + oTest.fnWaitTest( + "Select menu shows 10 (since 23 is unknow)", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.oPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.oPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..48298c40e6db13d152761f684095d0491591d301 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.oPaginate.js @@ -0,0 +1,86 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.oPaginate" ); + +/* Note that the paging language information only has relevence in full numbers */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sPaginationType": "full_numbers" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "oLanguage.oPaginate defaults", + null, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "First" && + oSettings.oLanguage.oPaginate.sPrevious == "Previous" && + oSettings.oLanguage.oPaginate.sNext == "Next" && + oSettings.oLanguage.oPaginate.sLast == "Last"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate defaults are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "First" && + $('#example_paginate .previous').html() == "Previous" && + $('#example_paginate .next').html() == "Next" && + $('#example_paginate .last').html() == "Last"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "oLanguage.oPaginate can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sPaginationType": "full_numbers", + "oLanguage": { + "oPaginate": { + "sFirst": "unit1", + "sPrevious": "test2", + "sNext": "unit3", + "sLast": "test4" + } + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "unit1" && + oSettings.oLanguage.oPaginate.sPrevious == "test2" && + oSettings.oLanguage.oPaginate.sNext == "unit3" && + oSettings.oLanguage.oPaginate.sLast == "test4"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate definitions are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "unit1" && + $('#example_paginate .previous').html() == "test2" && + $('#example_paginate .next').html() == "unit3" && + $('#example_paginate .last').html() == "test4"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..1b649737e838552b293418f73c01fcf7ff5e0164 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sInfo.js @@ -0,0 +1,124 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfo" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info language is 'Showing _START_ to _END_ of _TOTAL_ entries' by default", + null, + function () { return oSettings.oLanguage.sInfo == "Showing _START_ to _END_ of _TOTAL_ entries"; } + ); + + oTest.fnTest( + "Info language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnWaitTest( + "Info language can be defined - without any macros", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfo": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfo == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "unit test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _START_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfo": "unit _START_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _END_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 10 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _TOTAL_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 57 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macros _START_ and _END_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfo": "unit _START_ _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macros _START_, _END_ and _TOTAL_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfo": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 57 test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sInfoEmpty.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sInfoEmpty.js new file mode 100644 index 0000000000000000000000000000000000000000..96061b377d4b382c469afb4267763a0cb927e7b2 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sInfoEmpty.js @@ -0,0 +1,82 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfoEmpty" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info empty language is 'Showing 0 to 0 of 0 entries' by default", + function () { oTable.fnFilter("nothinghere"); }, + function () { return oSettings.oLanguage.sInfoEmpty == "Showing 0 to 0 of 0 entries"; } + ); + + oTest.fnWaitTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "Showing 0 to 0 of 0 entries"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Info empty language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfoEmpty": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("nothinghere"); + }, + function () { return oSettings.oLanguage.sInfoEmpty == "unit test"; } + ); + + oTest.fnWaitTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit test"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Macro's not replaced", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfoEmpty": "unit _START_ _END_ _TOTAL_ test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit _START_ _END_ _TOTAL_ test"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sInfoPostFix.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sInfoPostFix.js new file mode 100644 index 0000000000000000000000000000000000000000..adea1e982b1a6c3e2b3d986f898a7c2570adbf2b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sInfoPostFix.js @@ -0,0 +1,82 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfoPostFix" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info post fix language is '' (blank) by default", + null, + function () { return oSettings.oLanguage.sInfoPostFix == ""; } + ); + + oTest.fnTest( + "Width no post fix, the basic info shows", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnWaitTest( + "Info post fix language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfoPostFix == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit test"; } + ); + + + oTest.fnWaitTest( + "Macros have no effect in the post fix", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfoPostFix": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit _START_ _END_ _TOTAL_ test"; } + ); + + + oTest.fnWaitTest( + "Post fix is applied after fintering info", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 0 to 0 of 0 entries unit (filtered from 57 total entries) test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sLengthMenu.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sLengthMenu.js new file mode 100644 index 0000000000000000000000000000000000000000..4e82a3af254937cfe05e440b988b1f6b8e4ce1c6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sLengthMenu.js @@ -0,0 +1,115 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sLengthMenu" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Menu language is 'Show _MENU_ entries' by default", + null, + function () { return oSettings.oLanguage.sLengthMenu == "Show _MENU_ entries"; } + ); + + oTest.fnTest( + "_MENU_ macro is replaced by select menu in DOM", + null, + function () { return $('select', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "Default is put into DOM", + null, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "Show " && + anChildren[2].nodeValue == " entries"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Menu length language can be defined - no _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sLengthMenu": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sLengthMenu == "unit test"; } + ); + + oTest.fnTest( + "Menu length language definition is in the DOM", + null, + function () { + return $('label', oSettings.aanFeatures.l[0]).text() == "unit test"; + } + ); + + + oTest.fnWaitTest( + "Menu length language can be defined - with _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sLengthMenu": "unit _MENU_ test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "unit " && + anChildren[2].nodeValue == " test"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Only the _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sLengthMenu": "_MENU_" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = oSettings.aanFeatures.l[0].childNodes; + var bReturn = + anChildren.length == 1 && + $('select', oSettings.aanFeatures.l[0]).length == 1; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..328046ed982584ae2fb6c04c2283bf95317a1521 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sProcessing.js @@ -0,0 +1,51 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sProcessing" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bProcessing": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Processing language is 'Processing...' by default", + null, + function () { return oSettings.oLanguage.sProcessing == "Processing..."; } + ); + + oTest.fnTest( + "Processing language default is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "Processing..."; } + ); + + + oTest.fnWaitTest( + "Processing language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "bProcessing": true, + "oLanguage": { + "sProcessing": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sProcessing == "unit test"; } + ); + + oTest.fnTest( + "Processing language definition is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..1d6e3af98f44089689b4aac567aad349124d0d11 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sSearch.js @@ -0,0 +1,73 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Search language is 'Search:' by default", + null, + function () { return oSettings.oLanguage.sSearch == "Search:"; } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).length == 1 } + ); + + oTest.fnTest( + "Search language default is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text() + == "Search: "; } + ); + + + oTest.fnWaitTest( + "Search language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sSearch": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sSearch == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text().indexOf('unit test') !== -1; } + ); + + + oTest.fnWaitTest( + "Blank search has no space (separator) inserted", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sSearch": "" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return document.getElementById('example_filter').childNodes.length == 1; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sUrl.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sUrl.js new file mode 100644 index 0000000000000000000000000000000000000000..c9b868135076c653d512e566731c88b5394da1e3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sUrl.js @@ -0,0 +1,64 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sUrl" ); + +/* Note that we only test the internal storage of language information pulled form a file here + * as the other language tests will check it goes into the DOM correctly + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "sUrl is blank by default", + null, + function () { return oSettings.oLanguage.sUrl == ""; } + ); + + + oTest.fnWaitTest( + "Loading of German file loads language information", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sUrl": "../../../examples/examples_support/de_DE.txt" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.sProcessing == "Bitte warten..." && + oSettings.oLanguage.sLengthMenu == "_MENU_ Einträge anzeigen" && + oSettings.oLanguage.sZeroRecords == "Keine Einträge vorhanden." && + oSettings.oLanguage.sInfo == "_START_ bis _END_ von _TOTAL_ Einträgen" && + oSettings.oLanguage.sInfoEmpty == "0 bis 0 von 0 Einträgen" && + oSettings.oLanguage.sInfoFiltered == "(gefiltert von _MAX_ Einträgen)" && + oSettings.oLanguage.sInfoPostFix == "" && + oSettings.oLanguage.sSearch == "Suchen" && + oSettings.oLanguage.oPaginate.sFirst == "Erster" && + oSettings.oLanguage.oPaginate.sPrevious == "Zurück" && + oSettings.oLanguage.oPaginate.sNext == "Nächster" && + oSettings.oLanguage.oPaginate.sLast == "Letzter"; + + return bReturn; + } + ); + + /* One DOM check just to ensure that they go into the DOM */ + oTest.fnTest( + "Loaded language goes into the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "1 bis 10 von 57 Einträgen"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sZeroRecords.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sZeroRecords.js new file mode 100644 index 0000000000000000000000000000000000000000..308eb69684c8220ebfd3404bc0f6bb7361ec9001 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oLanguage.sZeroRecords.js @@ -0,0 +1,58 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sZeroRecords" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Zero records language is 'No matching records found' by default", + null, + function () { return oSettings.oLanguage.sZeroRecords == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere'); }, + function () { + if ( $('#example tbody tr td').length == 0 ) + return false; + return $('#example tbody tr td')[0].innerHTML == "No matching records found"; + } + ); + + + + oTest.fnWaitTest( + "Zero records language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oLanguage": { + "sZeroRecords": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sZeroRecords == "unit test"; } + ); + + oTest.fnWaitTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere2'); }, + function () { + if ( $('#example tbody tr td').length == 0 ) + return false; + return $('#example tbody tr td')[0].innerHTML == "unit test" + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..dab33aba80f45fe556ab14bcea4474048d38e6a3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/oSearch.js @@ -0,0 +1,100 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oSearch" ); + +/* Note with my server-side scripts the regex option has no effect - this just runs that down */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default values should be blank", + null, + function () { + var bReturn = oSettings.oPreviousSearch.sSearch == "" && + !oSettings.oPreviousSearch.bRegex; + return bReturn; + } + ); + + /* This test might be considered iffy since the full object isn't given, but it's reasonable to + * expect DataTables to cope with this. It should just assumine regex false + */ + oTest.fnWaitTest( + "Search term only in object", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oSearch": { + "sSearch": "Mozilla" + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "1"; } + ); + + oTest.fnWaitTest( + "New search will kill old one", + function () { + oTable.fnFilter("Opera"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Opera 7.0"; } + ); + + oTest.fnWaitTest( + "Search plain text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oSearch": { + "sSearch": "DS", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Nintendo DS browser"; } + ); + + oTest.fnWaitTest( + "Search plain text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oSearch": { + "sSearch": "Opera", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Opera 7.0"; } + ); + + oTest.fnWaitTest( + "Search regex text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "oSearch": { + "sSearch": "1.*", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sAjaxDataProp.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sAjaxDataProp.js new file mode 100644 index 0000000000000000000000000000000000000000..c831c383906c24fd239cd2bbde86d3a3a1ae018c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sAjaxDataProp.js @@ -0,0 +1,146 @@ +// DATA_TEMPLATE: empty_table +/* + * NOTE: There are some differences in this zero config script for server-side + * processing compared to the other data sources. The main reason for this is the + * difference in how the server-side processing does it's filtering. Also the + * sorting state is always reset on each draw. + */ +oTest.fnStart( "Custom data property in returned Ajax" ); + +$(document).ready( function () { + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/custom_data_property.php", + "sAjaxDataProp": "test" + } ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnWaitTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnWaitTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnWaitTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnWaitTest( + "Sorting multi-column - sorting first column only", + function () { + $('#example thead th:eq(0)').click(); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Firefox 1.0"; return b; } + ); + + /* Basic paging */ + oTest.fnWaitTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Mozilla 1.1"; } + ); + + oTest.fnWaitTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Firefox 1.0"; } + ); + + oTest.fnWaitTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Firefox 1.0"; } + ); + + /* Changing length */ + oTest.fnWaitTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnWaitTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnWaitTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnWaitTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnWaitTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnWaitTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sAjaxSource.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sAjaxSource.js new file mode 100644 index 0000000000000000000000000000000000000000..da92ae7296017780dcb58695d7b2573a016b241d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sAjaxSource.js @@ -0,0 +1,23 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sAjaxSource" ); + +/* Sanitfy check really - all the other tests blast this */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Server side is off by default", + null, + function () { + return oSettings.sAjaxSource == "../../../examples/server_side/scripts/server_processing.php"; + } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sDom.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sDom.js new file mode 100644 index 0000000000000000000000000000000000000000..159e20271035706471c91652fe4dc469aaf36d97 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sDom.js @@ -0,0 +1,269 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sDom" ); + +/* This is going to be brutal on the browser! There is a lot that can be tested here... */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default DOM varaible", + null, + function () { return oSettings.sDom == "lfrtip"; } + ); + + oTest.fnWaitTest( + "Default DOM in document", + null, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + nNodes[5] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check example 1 in code propagates", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sDom": '<"wrapper"flipt>' + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.sDom == '<"wrapper"flipt>'; } + ); + + oTest.fnWaitTest( + "Check example 1 in DOM", + null, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + var nCustomWrapper = $('div.wrapper')[0]; + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrapper && + nNodes[2] == nFilter && + nNodes[3] == nLength && + nNodes[4] == nInfo && + nNodes[5] == nPaging && + nNodes[6] == nTable; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check example 2 in DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sDom": '<lf<t>ip>' + } ); + }, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + var nCustomWrappers = [] + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + + /* Only the two custom divs don't have class names */ + if ( jqNodes[i].className == "" ) + { + nCustomWrappers.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrappers[0] && + nNodes[2] == nLength && + nNodes[3] == nFilter && + nNodes[4] == nCustomWrappers[1] && + nNodes[5] == nTable && + nNodes[6] == nInfo && + nNodes[7] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no length element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sDom": 'frtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + null == nLength && + nNodes[1] == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no filter element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sDom": 'lrtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + null == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + /* Note we don't test for no table as this is not supported (and it would be fairly daft! */ + + oTest.fnWaitTest( + "Check no info element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sDom": 'lfrtp' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + null == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no paging element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sDom": 'lfrti' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + null == nPaging; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sPaginationType.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sPaginationType.js new file mode 100644 index 0000000000000000000000000000000000000000..5895f7e3c2289baf01368f3964f241b0d97f70d5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/4_server-side/sPaginationType.js @@ -0,0 +1,138 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sPaginationType" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Check two button paging is the default", + null, + function () { return oSettings.sPaginationType == "two_button"; } + ); + + oTest.fnWaitTest( + "Check class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_two_button'); } + ); + + oTest.fnWaitTest( + "Two A elements are in the wrapper", + null, + function () { return $('#example_paginate a').length == 2; } + ); + + oTest.fnWaitTest( + "We have the previous button", + null, + function () { return document.getElementById('example_previous'); } + ); + + oTest.fnWaitTest( + "We have the next button", + null, + function () { return document.getElementById('example_next'); } + ); + + oTest.fnWaitTest( + "Previous button is disabled", + null, + function () { return $('#example_previous').hasClass('paginate_disabled_previous'); } + ); + + oTest.fnWaitTest( + "Next button is enabled", + null, + function () { return $('#example_next').hasClass('paginate_enabled_next'); } + ); + + /* Don't test paging - that's done by the zero config test script. */ + + + /* Two buttons paging */ + var bComplete = false; + oTest.fnWaitTest( + "Can enabled full numbers paging", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "bServerSide": true, + "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php", + "sPaginationType": "full_numbers", + "fnInitComplete": function () { + setTimeout( function () { + bComplete = true; + }, 500 ); + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + if ( bComplete ) + return oSettings.sPaginationType == "full_numbers"; + else + return false; + } + ); + + oTest.fnWaitTest( + "Check full numbers class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_full_numbers'); } + ); + + + var nFirst, nPrevious, nNext, nLast; + oTest.fnWaitTest( + "Jump to last page", + function () { + nFirst = $('div.dataTables_paginate a.first'); + nPrevious = $('div.dataTables_paginate a.previous'); + nNext = $('div.dataTables_paginate a.next'); + nLast = $('div.dataTables_paginate a.last'); + nLast.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Go to two pages previous", + function () { + nPrevious.click(); + nPrevious.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 31 to 40 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Next (second last) page", + function () { + nNext.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 41 to 50 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Jump to first page", + function () { + nFirst.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config.js new file mode 100644 index 0000000000000000000000000000000000000000..af7fcae803ea9582fbc416cfda0cbed2cfb0a38e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config.js @@ -0,0 +1,847 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Sanity checks for DataTables with data from JS - Object data source" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + var oInit = { + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaData": [ + { + "engine": "Trident", + "browser": "Internet Explorer 4.0", + "platform": "Win 95+", + "version": "4", + "grade": "X" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.0", + "platform": "Win 95+", + "version": "5", + "grade": "C" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.5", + "platform": "Win 95+", + "version": "5.5", + "grade": "A" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 6", + "platform": "Win 98+", + "version": "6", + "grade": "A" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 7", + "platform": "Win XP SP2+", + "version": "7", + "grade": "A" + }, + { + "engine": "Trident", + "browser": "AOL browser (AOL desktop)", + "platform": "Win XP", + "version": "6", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 1.0", + "platform": "Win 98+ / OSX.2+", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 1.5", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 2.0", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 3.0", + "platform": "Win 2k+ / OSX.3+", + "version": "1.9", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Camino 1.0", + "platform": "OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Camino 1.5", + "platform": "OSX.3+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Netscape 7.2", + "platform": "Win 95+ / Mac OS 8.6-9.2", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Netscape Browser 8", + "platform": "Win 98SE+", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Netscape Navigator 9", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.0", + "platform": "Win 95+ / OSX.1+", + "version": "1", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.1", + "platform": "Win 95+ / OSX.1+", + "version": "1.1", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.2", + "platform": "Win 95+ / OSX.1+", + "version": "1.2", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.3", + "platform": "Win 95+ / OSX.1+", + "version": "1.3", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.4", + "platform": "Win 95+ / OSX.1+", + "version": "1.4", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.5", + "platform": "Win 95+ / OSX.1+", + "version": "1.5", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.6", + "platform": "Win 95+ / OSX.1+", + "version": "1.6", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.7", + "platform": "Win 98+ / OSX.1+", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.8", + "platform": "Win 98+ / OSX.1+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Seamonkey 1.1", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Epiphany 2.20", + "platform": "Gnome", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 1.2", + "platform": "OSX.3", + "version": "125.5", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 1.3", + "platform": "OSX.3", + "version": "312.8", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 2.0", + "platform": "OSX.4+", + "version": "419.3", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 3.0", + "platform": "OSX.4+", + "version": "522.1", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "OmniWeb 5.5", + "platform": "OSX.4+", + "version": "420", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "iPod Touch / iPhone", + "platform": "iPod", + "version": "420.1", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "S60", + "platform": "S60", + "version": "413", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 7.0", + "platform": "Win 95+ / OSX.1+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 7.5", + "platform": "Win 95+ / OSX.2+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 8.0", + "platform": "Win 95+ / OSX.2+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 8.5", + "platform": "Win 95+ / OSX.2+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 9.0", + "platform": "Win 95+ / OSX.3+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 9.2", + "platform": "Win 88+ / OSX.3+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 9.5", + "platform": "Win 88+ / OSX.3+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera for Wii", + "platform": "Wii", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Nokia N800", + "platform": "N800", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Nintendo DS browser", + "platform": "Nintendo DS", + "version": "8.5", + "grade": "C/A<sup>1</sup>" + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.1", + "platform": "KDE 3.1", + "version": "3.1", + "grade": "C" + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.3", + "platform": "KDE 3.3", + "version": "3.3", + "grade": "A" + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.5", + "platform": "KDE 3.5", + "version": "3.5", + "grade": "A" + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 4.5", + "platform": "Mac OS 8-9", + "version": "-", + "grade": "X" + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.1", + "platform": "Mac OS 7.6-9", + "version": "1", + "grade": "C" + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.2", + "platform": "Mac OS 8-X", + "version": "1", + "grade": "C" + }, + { + "engine": "Misc", + "browser": "NetFront 3.1", + "platform": "Embedded devices", + "version": "-", + "grade": "C" + }, + { + "engine": "Misc", + "browser": "NetFront 3.4", + "platform": "Embedded devices", + "version": "-", + "grade": "A" + }, + { + "engine": "Misc", + "browser": "Dillo 0.8", + "platform": "Embedded devices", + "version": "-", + "grade": "X" + }, + { + "engine": "Misc", + "browser": "Links", + "platform": "Text only", + "version": "-", + "grade": "X" + }, + { + "engine": "Misc", + "browser": "Lynx", + "platform": "Text only", + "version": "-", + "grade": "X" + }, + { + "engine": "Misc", + "browser": "IE Mobile", + "platform": "Windows Mobile 6", + "version": "-", + "grade": "C" + }, + { + "engine": "Misc", + "browser": "PSP browser", + "platform": "PSP", + "version": "-", + "grade": "C" + }, + { + "engine": "Other browsers", + "browser": "All others", + "platform": "-", + "version": "-", + "grade": "U" + } +] + }; + $('#example').dataTable( oInit ); + + /* Basic checks */ + oTest.fnWaitTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnWaitTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_arrays_subobjects.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_arrays_subobjects.js new file mode 100644 index 0000000000000000000000000000000000000000..22c127ed7fba28c27020e546b3e709ecb13b568d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_arrays_subobjects.js @@ -0,0 +1,961 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Sanity checks for DataTables with data from JS - Array / sub-object data source" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + var oInit = { + "aoColumns": [ + null, + null, + { "mDataProp": 2 }, + { "mDataProp": "3.version" }, + { "mDataProp": "3.grade" } + ], + "aaData": [ + [ + "Trident", + "Internet Explorer 4.0", + "Win 95+", + { + "version": "4", + "grade": "X" + } + ], + [ + "Trident", + "Internet Explorer 5.0", + "Win 95+", + { + "version": "5", + "grade": "C" + } + ], + [ + "Trident", + "Internet Explorer 5.5", + "Win 95+", + { + "version": "5.5", + "grade": "A" + } + ], + [ + "Trident", + "Internet Explorer 6", + "Win 98+", + { + "version": "6", + "grade": "A" + } + ], + [ + "Trident", + "Internet Explorer 7", + "Win XP SP2+", + { + "version": "7", + "grade": "A" + } + ], + [ + "Trident", + "AOL browser (AOL desktop)", + "Win XP", + { + "version": "6", + "grade": "A" + } + ], + [ + "Gecko", + "Firefox 1.0", + "Win 98+ / OSX.2+", + { + "version": "1.7", + "grade": "A" + } + ], + [ + "Gecko", + "Firefox 1.5", + "Win 98+ / OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Firefox 2.0", + "Win 98+ / OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Firefox 3.0", + "Win 2k+ / OSX.3+", + { + "version": "1.9", + "grade": "A" + } + ], + [ + "Gecko", + "Camino 1.0", + "OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Camino 1.5", + "OSX.3+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Netscape 7.2", + "Win 95+ / Mac OS 8.6-9.2", + { + "version": "1.7", + "grade": "A" + } + ], + [ + "Gecko", + "Netscape Browser 8", + "Win 98SE+", + { + "version": "1.7", + "grade": "A" + } + ], + [ + "Gecko", + "Netscape Navigator 9", + "Win 98+ / OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.0", + "Win 95+ / OSX.1+", + { + "version": "1", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.1", + "Win 95+ / OSX.1+", + { + "version": "1.1", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.2", + "Win 95+ / OSX.1+", + { + "version": "1.2", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.3", + "Win 95+ / OSX.1+", + { + "version": "1.3", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.4", + "Win 95+ / OSX.1+", + { + "version": "1.4", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.5", + "Win 95+ / OSX.1+", + { + "version": "1.5", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.6", + "Win 95+ / OSX.1+", + { + "version": "1.6", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.7", + "Win 98+ / OSX.1+", + { + "version": "1.7", + "grade": "A" + } + ], + [ + "Gecko", + "Mozilla 1.8", + "Win 98+ / OSX.1+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Seamonkey 1.1", + "Win 98+ / OSX.2+", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Gecko", + "Epiphany 2.20", + "Gnome", + { + "version": "1.8", + "grade": "A" + } + ], + [ + "Webkit", + "Safari 1.2", + "OSX.3", + { + "version": "125.5", + "grade": "A" + } + ], + [ + "Webkit", + "Safari 1.3", + "OSX.3", + { + "version": "312.8", + "grade": "A" + } + ], + [ + "Webkit", + "Safari 2.0", + "OSX.4+", + { + "version": "419.3", + "grade": "A" + } + ], + [ + "Webkit", + "Safari 3.0", + "OSX.4+", + { + "version": "522.1", + "grade": "A" + } + ], + [ + "Webkit", + "OmniWeb 5.5", + "OSX.4+", + { + "version": "420", + "grade": "A" + } + ], + [ + "Webkit", + "iPod Touch / iPhone", + "iPod", + { + "version": "420.1", + "grade": "A" + } + ], + [ + "Webkit", + "S60", + "S60", + { + "version": "413", + "grade": "A" + } + ], + [ + "Presto", + "Opera 7.0", + "Win 95+ / OSX.1+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 7.5", + "Win 95+ / OSX.2+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 8.0", + "Win 95+ / OSX.2+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 8.5", + "Win 95+ / OSX.2+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 9.0", + "Win 95+ / OSX.3+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 9.2", + "Win 88+ / OSX.3+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera 9.5", + "Win 88+ / OSX.3+", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Opera for Wii", + "Wii", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Nokia N800", + "N800", + { + "version": "-", + "grade": "A" + } + ], + [ + "Presto", + "Nintendo DS browser", + "Nintendo DS", + { + "version": "8.5", + "grade": "C/A<sup>1</sup>" + } + ], + [ + "KHTML", + "Konqureror 3.1", + "KDE 3.1", + { + "version": "3.1", + "grade": "C" + } + ], + [ + "KHTML", + "Konqureror 3.3", + "KDE 3.3", + { + "version": "3.3", + "grade": "A" + } + ], + [ + "KHTML", + "Konqureror 3.5", + "KDE 3.5", + { + "version": "3.5", + "grade": "A" + } + ], + [ + "Tasman", + "Internet Explorer 4.5", + "Mac OS 8-9", + { + "version": "-", + "grade": "X" + } + ], + [ + "Tasman", + "Internet Explorer 5.1", + "Mac OS 7.6-9", + { + "version": "1", + "grade": "C" + } + ], + [ + "Tasman", + "Internet Explorer 5.2", + "Mac OS 8-X", + { + "version": "1", + "grade": "C" + } + ], + [ + "Misc", + "NetFront 3.1", + "Embedded devices", + { + "version": "-", + "grade": "C" + } + ], + [ + "Misc", + "NetFront 3.4", + "Embedded devices", + { + "version": "-", + "grade": "A" + } + ], + [ + "Misc", + "Dillo 0.8", + "Embedded devices", + { + "version": "-", + "grade": "X" + } + ], + [ + "Misc", + "Links", + "Text only", + { + "version": "-", + "grade": "X" + } + ], + [ + "Misc", + "Lynx", + "Text only", + { + "version": "-", + "grade": "X" + } + ], + [ + "Misc", + "IE Mobile", + "Windows Mobile 6", + { + "version": "-", + "grade": "C" + } + ], + [ + "Misc", + "PSP browser", + "PSP", + { + "version": "-", + "grade": "C" + } + ], + [ + "Other browsers", + "All others", + "-", + { + "version": "-", + "grade": "U" + } + ] +] + }; + $('#example').dataTable( oInit ); + + /* Basic checks */ + oTest.fnWaitTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnWaitTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_deep.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_deep.js new file mode 100644 index 0000000000000000000000000000000000000000..206f8b1af681fb805bee4ad213826cf0d74743e9 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_deep.js @@ -0,0 +1,1075 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Sanity checks for DataTables with data from JS - Deep data source" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + var oInit = { + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform.inner" }, + { "mDataProp": "platform.details.0" }, + { "mDataProp": "platform.details.1" } + ], + "aaData": [ + { + "engine": "Trident", + "browser": "Internet Explorer 4.0", + "platform": { + "inner": "Win 95+", + "details": [ + "4", + "X" + ] + } + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.0", + "platform": { + "inner": "Win 95+", + "details": [ + "5", + "C" + ] + } + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.5", + "platform": { + "inner": "Win 95+", + "details": [ + "5.5", + "A" + ] + } + }, + { + "engine": "Trident", + "browser": "Internet Explorer 6", + "platform": { + "inner": "Win 98+", + "details": [ + "6", + "A" + ] + } + }, + { + "engine": "Trident", + "browser": "Internet Explorer 7", + "platform": { + "inner": "Win XP SP2+", + "details": [ + "7", + "A" + ] + } + }, + { + "engine": "Trident", + "browser": "AOL browser (AOL desktop)", + "platform": { + "inner": "Win XP", + "details": [ + "6", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Firefox 1.0", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.7", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Firefox 1.5", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Firefox 2.0", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Firefox 3.0", + "platform": { + "inner": "Win 2k+ / OSX.3+", + "details": [ + "1.9", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Camino 1.0", + "platform": { + "inner": "OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Camino 1.5", + "platform": { + "inner": "OSX.3+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Netscape 7.2", + "platform": { + "inner": "Win 95+ / Mac OS 8.6-9.2", + "details": [ + "1.7", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Netscape Browser 8", + "platform": { + "inner": "Win 98SE+", + "details": [ + "1.7", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Netscape Navigator 9", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.0", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.1", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.1, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.2", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.2, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.3", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.3, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.4", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.4, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.5", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.5, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.6", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + 1.6, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.7", + "platform": { + "inner": "Win 98+ / OSX.1+", + "details": [ + 1.7, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.8", + "platform": { + "inner": "Win 98+ / OSX.1+", + "details": [ + 1.8, + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Seamonkey 1.1", + "platform": { + "inner": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Gecko", + "browser": "Epiphany 2.20", + "platform": { + "inner": "Gnome", + "details": [ + "1.8", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "Safari 1.2", + "platform": { + "inner": "OSX.3", + "details": [ + "125.5", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "Safari 1.3", + "platform": { + "inner": "OSX.3", + "details": [ + "312.8", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "Safari 2.0", + "platform": { + "inner": "OSX.4+", + "details": [ + "419.3", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "Safari 3.0", + "platform": { + "inner": "OSX.4+", + "details": [ + "522.1", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "OmniWeb 5.5", + "platform": { + "inner": "OSX.4+", + "details": [ + "420", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "iPod Touch / iPhone", + "platform": { + "inner": "iPod", + "details": [ + "420.1", + "A" + ] + } + }, + { + "engine": "Webkit", + "browser": "S60", + "platform": { + "inner": "S60", + "details": [ + "413", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 7.0", + "platform": { + "inner": "Win 95+ / OSX.1+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 7.5", + "platform": { + "inner": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 8.0", + "platform": { + "inner": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 8.5", + "platform": { + "inner": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 9.0", + "platform": { + "inner": "Win 95+ / OSX.3+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 9.2", + "platform": { + "inner": "Win 88+ / OSX.3+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera 9.5", + "platform": { + "inner": "Win 88+ / OSX.3+", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Opera for Wii", + "platform": { + "inner": "Wii", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Nokia N800", + "platform": { + "inner": "N800", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Presto", + "browser": "Nintendo DS browser", + "platform": { + "inner": "Nintendo DS", + "details": [ + "8.5", + "C/A<sup>1</sup>" + ] + } + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.1", + "platform": { + "inner": "KDE 3.1", + "details": [ + "3.1", + "C" + ] + } + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.3", + "platform": { + "inner": "KDE 3.3", + "details": [ + "3.3", + "A" + ] + } + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.5", + "platform": { + "inner": "KDE 3.5", + "details": [ + "3.5", + "A" + ] + } + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 4.5", + "platform": { + "inner": "Mac OS 8-9", + "details": [ + "-", + "X" + ] + } + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.1", + "platform": { + "inner": "Mac OS 7.6-9", + "details": [ + "1", + "C" + ] + } + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.2", + "platform": { + "inner": "Mac OS 8-X", + "details": [ + "1", + "C" + ] + } + }, + { + "engine": "Misc", + "browser": "NetFront 3.1", + "platform": { + "inner": "Embedded devices", + "details": [ + "-", + "C" + ] + } + }, + { + "engine": "Misc", + "browser": "NetFront 3.4", + "platform": { + "inner": "Embedded devices", + "details": [ + "-", + "A" + ] + } + }, + { + "engine": "Misc", + "browser": "Dillo 0.8", + "platform": { + "inner": "Embedded devices", + "details": [ + "-", + "X" + ] + } + }, + { + "engine": "Misc", + "browser": "Links", + "platform": { + "inner": "Text only", + "details": [ + "-", + "X" + ] + } + }, + { + "engine": "Misc", + "browser": "Lynx", + "platform": { + "inner": "Text only", + "details": [ + "-", + "X" + ] + } + }, + { + "engine": "Misc", + "browser": "IE Mobile", + "platform": { + "inner": "Windows Mobile 6", + "details": [ + "-", + "C" + ] + } + }, + { + "engine": "Misc", + "browser": "PSP browser", + "platform": { + "inner": "PSP", + "details": [ + "-", + "C" + ] + } + }, + { + "engine": "Other browsers", + "browser": "All others", + "platform": { + "inner": "-", + "details": [ + "-", + "U" + ] + } + } +] + }; + $('#example').dataTable( oInit ); + + /* Basic checks */ + oTest.fnWaitTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnWaitTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_null_source.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_null_source.js new file mode 100644 index 0000000000000000000000000000000000000000..586ff1080c8965cd3d1e9121e4900c979d152fc8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_null_source.js @@ -0,0 +1,458 @@ +// DATA_TEMPLATE: js_data +oTest.fnStart( "Sanity checks for DataTables with data from JS - Null data source for last column" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + var oInit = { + "aoColumns": [ + null, + null, + null, + null, + { "mDataProp": null } + ], + "aaData": gaaData + }; + $('#example').dataTable( oInit ); + + /* Basic checks */ + oTest.fnWaitTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Data in last column is empty", + null, + function () { return $('#example tbody td:eq(4)').html() == ""; } + ); + + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + oTest.fnTest( + "Data in last column is still empty", + null, + function () { return $('#example tbody td:eq(4)').html() == ""; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnWaitTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_objects.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_objects.js new file mode 100644 index 0000000000000000000000000000000000000000..af7fcae803ea9582fbc416cfda0cbed2cfb0a38e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_objects.js @@ -0,0 +1,847 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Sanity checks for DataTables with data from JS - Object data source" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + var oInit = { + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaData": [ + { + "engine": "Trident", + "browser": "Internet Explorer 4.0", + "platform": "Win 95+", + "version": "4", + "grade": "X" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.0", + "platform": "Win 95+", + "version": "5", + "grade": "C" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.5", + "platform": "Win 95+", + "version": "5.5", + "grade": "A" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 6", + "platform": "Win 98+", + "version": "6", + "grade": "A" + }, + { + "engine": "Trident", + "browser": "Internet Explorer 7", + "platform": "Win XP SP2+", + "version": "7", + "grade": "A" + }, + { + "engine": "Trident", + "browser": "AOL browser (AOL desktop)", + "platform": "Win XP", + "version": "6", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 1.0", + "platform": "Win 98+ / OSX.2+", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 1.5", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 2.0", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Firefox 3.0", + "platform": "Win 2k+ / OSX.3+", + "version": "1.9", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Camino 1.0", + "platform": "OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Camino 1.5", + "platform": "OSX.3+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Netscape 7.2", + "platform": "Win 95+ / Mac OS 8.6-9.2", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Netscape Browser 8", + "platform": "Win 98SE+", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Netscape Navigator 9", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.0", + "platform": "Win 95+ / OSX.1+", + "version": "1", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.1", + "platform": "Win 95+ / OSX.1+", + "version": "1.1", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.2", + "platform": "Win 95+ / OSX.1+", + "version": "1.2", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.3", + "platform": "Win 95+ / OSX.1+", + "version": "1.3", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.4", + "platform": "Win 95+ / OSX.1+", + "version": "1.4", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.5", + "platform": "Win 95+ / OSX.1+", + "version": "1.5", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.6", + "platform": "Win 95+ / OSX.1+", + "version": "1.6", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.7", + "platform": "Win 98+ / OSX.1+", + "version": "1.7", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.8", + "platform": "Win 98+ / OSX.1+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Seamonkey 1.1", + "platform": "Win 98+ / OSX.2+", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Gecko", + "browser": "Epiphany 2.20", + "platform": "Gnome", + "version": "1.8", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 1.2", + "platform": "OSX.3", + "version": "125.5", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 1.3", + "platform": "OSX.3", + "version": "312.8", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 2.0", + "platform": "OSX.4+", + "version": "419.3", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "Safari 3.0", + "platform": "OSX.4+", + "version": "522.1", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "OmniWeb 5.5", + "platform": "OSX.4+", + "version": "420", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "iPod Touch / iPhone", + "platform": "iPod", + "version": "420.1", + "grade": "A" + }, + { + "engine": "Webkit", + "browser": "S60", + "platform": "S60", + "version": "413", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 7.0", + "platform": "Win 95+ / OSX.1+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 7.5", + "platform": "Win 95+ / OSX.2+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 8.0", + "platform": "Win 95+ / OSX.2+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 8.5", + "platform": "Win 95+ / OSX.2+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 9.0", + "platform": "Win 95+ / OSX.3+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 9.2", + "platform": "Win 88+ / OSX.3+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera 9.5", + "platform": "Win 88+ / OSX.3+", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Opera for Wii", + "platform": "Wii", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Nokia N800", + "platform": "N800", + "version": "-", + "grade": "A" + }, + { + "engine": "Presto", + "browser": "Nintendo DS browser", + "platform": "Nintendo DS", + "version": "8.5", + "grade": "C/A<sup>1</sup>" + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.1", + "platform": "KDE 3.1", + "version": "3.1", + "grade": "C" + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.3", + "platform": "KDE 3.3", + "version": "3.3", + "grade": "A" + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.5", + "platform": "KDE 3.5", + "version": "3.5", + "grade": "A" + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 4.5", + "platform": "Mac OS 8-9", + "version": "-", + "grade": "X" + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.1", + "platform": "Mac OS 7.6-9", + "version": "1", + "grade": "C" + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.2", + "platform": "Mac OS 8-X", + "version": "1", + "grade": "C" + }, + { + "engine": "Misc", + "browser": "NetFront 3.1", + "platform": "Embedded devices", + "version": "-", + "grade": "C" + }, + { + "engine": "Misc", + "browser": "NetFront 3.4", + "platform": "Embedded devices", + "version": "-", + "grade": "A" + }, + { + "engine": "Misc", + "browser": "Dillo 0.8", + "platform": "Embedded devices", + "version": "-", + "grade": "X" + }, + { + "engine": "Misc", + "browser": "Links", + "platform": "Text only", + "version": "-", + "grade": "X" + }, + { + "engine": "Misc", + "browser": "Lynx", + "platform": "Text only", + "version": "-", + "grade": "X" + }, + { + "engine": "Misc", + "browser": "IE Mobile", + "platform": "Windows Mobile 6", + "version": "-", + "grade": "C" + }, + { + "engine": "Misc", + "browser": "PSP browser", + "platform": "PSP", + "version": "-", + "grade": "C" + }, + { + "engine": "Other browsers", + "browser": "All others", + "platform": "-", + "version": "-", + "grade": "U" + } +] + }; + $('#example').dataTable( oInit ); + + /* Basic checks */ + oTest.fnWaitTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnWaitTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_objects_subarrays.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_objects_subarrays.js new file mode 100644 index 0000000000000000000000000000000000000000..06c40bc31c50ea4a082bc3b0b51ceeeb9799fe2f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/_zero_config_objects_subarrays.js @@ -0,0 +1,961 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Sanity checks for DataTables with data from JS - Object / sub-array data source" ); + +oTest.fnTest( + "jQuery.dataTable function", + null, + function () { return typeof jQuery().dataTable == "function"; } +); + +oTest.fnTest( + "jQuery.dataTableSettings storage array", + null, + function () { return typeof jQuery().dataTableSettings == "object"; } +); + +oTest.fnTest( + "jQuery.dataTableExt plugin object", + null, + function () { return typeof jQuery().dataTableExt == "object"; } +); + +$(document).ready( function () { + var oInit = { + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "details.0" }, + { "mDataProp": "details.1" } + ], + "aaData": [ + { + "engine": "Trident", + "browser": "Internet Explorer 4.0", + "platform": "Win 95+", + "details": [ + "4", + "X" + ] + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.0", + "platform": "Win 95+", + "details": [ + "5", + "C" + ] + }, + { + "engine": "Trident", + "browser": "Internet Explorer 5.5", + "platform": "Win 95+", + "details": [ + "5.5", + "A" + ] + }, + { + "engine": "Trident", + "browser": "Internet Explorer 6", + "platform": "Win 98+", + "details": [ + "6", + "A" + ] + }, + { + "engine": "Trident", + "browser": "Internet Explorer 7", + "platform": "Win XP SP2+", + "details": [ + "7", + "A" + ] + }, + { + "engine": "Trident", + "browser": "AOL browser (AOL desktop)", + "platform": "Win XP", + "details": [ + "6", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Firefox 1.0", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.7", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Firefox 1.5", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Firefox 2.0", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Firefox 3.0", + "platform": "Win 2k+ / OSX.3+", + "details": [ + "1.9", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Camino 1.0", + "platform": "OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Camino 1.5", + "platform": "OSX.3+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Netscape 7.2", + "platform": "Win 95+ / Mac OS 8.6-9.2", + "details": [ + "1.7", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Netscape Browser 8", + "platform": "Win 98SE+", + "details": [ + "1.7", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Netscape Navigator 9", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.0", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.1", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.1, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.2", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.2, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.3", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.3, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.4", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.4, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.5", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.5, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.6", + "platform": "Win 95+ / OSX.1+", + "details": [ + 1.6, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.7", + "platform": "Win 98+ / OSX.1+", + "details": [ + 1.7, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Mozilla 1.8", + "platform": "Win 98+ / OSX.1+", + "details": [ + 1.8, + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Seamonkey 1.1", + "platform": "Win 98+ / OSX.2+", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Gecko", + "browser": "Epiphany 2.20", + "platform": "Gnome", + "details": [ + "1.8", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "Safari 1.2", + "platform": "OSX.3", + "details": [ + "125.5", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "Safari 1.3", + "platform": "OSX.3", + "details": [ + "312.8", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "Safari 2.0", + "platform": "OSX.4+", + "details": [ + "419.3", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "Safari 3.0", + "platform": "OSX.4+", + "details": [ + "522.1", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "OmniWeb 5.5", + "platform": "OSX.4+", + "details": [ + "420", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "iPod Touch / iPhone", + "platform": "iPod", + "details": [ + "420.1", + "A" + ] + }, + { + "engine": "Webkit", + "browser": "S60", + "platform": "S60", + "details": [ + "413", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 7.0", + "platform": "Win 95+ / OSX.1+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 7.5", + "platform": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 8.0", + "platform": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 8.5", + "platform": "Win 95+ / OSX.2+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 9.0", + "platform": "Win 95+ / OSX.3+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 9.2", + "platform": "Win 88+ / OSX.3+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera 9.5", + "platform": "Win 88+ / OSX.3+", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Opera for Wii", + "platform": "Wii", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Nokia N800", + "platform": "N800", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Presto", + "browser": "Nintendo DS browser", + "platform": "Nintendo DS", + "details": [ + "8.5", + "C/A<sup>1</sup>" + ] + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.1", + "platform": "KDE 3.1", + "details": [ + "3.1", + "C" + ] + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.3", + "platform": "KDE 3.3", + "details": [ + "3.3", + "A" + ] + }, + { + "engine": "KHTML", + "browser": "Konqureror 3.5", + "platform": "KDE 3.5", + "details": [ + "3.5", + "A" + ] + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 4.5", + "platform": "Mac OS 8-9", + "details": [ + "-", + "X" + ] + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.1", + "platform": "Mac OS 7.6-9", + "details": [ + "1", + "C" + ] + }, + { + "engine": "Tasman", + "browser": "Internet Explorer 5.2", + "platform": "Mac OS 8-X", + "details": [ + "1", + "C" + ] + }, + { + "engine": "Misc", + "browser": "NetFront 3.1", + "platform": "Embedded devices", + "details": [ + "-", + "C" + ] + }, + { + "engine": "Misc", + "browser": "NetFront 3.4", + "platform": "Embedded devices", + "details": [ + "-", + "A" + ] + }, + { + "engine": "Misc", + "browser": "Dillo 0.8", + "platform": "Embedded devices", + "details": [ + "-", + "X" + ] + }, + { + "engine": "Misc", + "browser": "Links", + "platform": "Text only", + "details": [ + "-", + "X" + ] + }, + { + "engine": "Misc", + "browser": "Lynx", + "platform": "Text only", + "details": [ + "-", + "X" + ] + }, + { + "engine": "Misc", + "browser": "IE Mobile", + "platform": "Windows Mobile 6", + "details": [ + "-", + "C" + ] + }, + { + "engine": "Misc", + "browser": "PSP browser", + "platform": "PSP", + "details": [ + "-", + "C" + ] + }, + { + "engine": "Other browsers", + "browser": "All others", + "platform": "-", + "details": [ + "-", + "U" + ] + } +] + }; + $('#example').dataTable( oInit ); + + /* Basic checks */ + oTest.fnWaitTest( + "Length changing div exists", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnTest( + "Filtering div exists", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + oTest.fnTest( + "Information div exists", + null, + function () { return document.getElementById('example_info') != null; } + ); + + oTest.fnTest( + "Pagination div exists", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnTest( + "Processing div is off by default", + null, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnWaitTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aaSorting.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aaSorting.js new file mode 100644 index 0000000000000000000000000000000000000000..e4600f990471aa4b734ff574c756182fc24a3d63 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aaSorting.js @@ -0,0 +1,296 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aaSorting" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default sorting is single column", + null, + function () { + return oSettings.aaSorting.length == 1 && typeof oSettings.aaSorting[0] == 'object'; + } + ); + + oTest.fnWaitTest( + "Default sorting is first column asc", + null, + function () { + return oSettings.aaSorting[0].length == 3 && oSettings.aaSorting[0][0] == 0 && + oSettings.aaSorting[0][1] == 'asc'; + } + ); + + oTest.fnWaitTest( + "Sorting is applied", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single string column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single string column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single int column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single int column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['0','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['0','asc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['0','desc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "iPod Touch / iPhone"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['0','desc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Safari 3.0"; } + ); + + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['0','asc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['0','asc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1.9"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['0','desc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "125.5"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['0','desc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (3 column) - string asc / int asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSorting": [['0','asc'], ['3','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody tr:eq(7) td:eq(1)').html() == "Firefox 1.0"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aaSortingFixed.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aaSortingFixed.js new file mode 100644 index 0000000000000000000000000000000000000000..a020d731ad68d451da779226a3cc7f774d40af1f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aaSortingFixed.js @@ -0,0 +1,88 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aaSortingFixed" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "No fixed sorting by default", + null, + function () { + return oSettings.aaSortingFixed == null; + } + ); + + + oTest.fnWaitTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSortingFixed": [['0','asc']], + "fnInitComplete": function () { + $('#example thead th:eq(1)').click(); + } + } ); + // + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "aaSortingFixed": [['3','asc']] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "PSP browser"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bSearchable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bSearchable.js new file mode 100755 index 0000000000000000000000000000000000000000..6979926c13fd1704faa1312d5282b5f8aa737221 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bSearchable.js @@ -0,0 +1,83 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bSeachable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Columns are searchable by default", + function () { oTable.fnFilter("Camino"); }, + function () { + if ( $('#example tbody tr:eq(0) td:eq(1)')[0] ) + return $('#example tbody tr:eq(0) td:eq(1)').html().match(/Camino/); + else + return null; + } + ); + + oTest.fnWaitTest( + "Disabling sorting on a column removes it from the global filter", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "bSearchable": false }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Camino"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Disabled on one column has no effect on other columns", + function () { oTable.fnFilter("Webkit"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + oTest.fnWaitTest( + "Disable filtering on multiple columns", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine", "bSearchable": false }, + { "mDataProp": "browser", "bSearchable": false }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Webkit"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Filter on second disabled column", + function () { oTable.fnFilter("Camino"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bSortable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bSortable.js new file mode 100755 index 0000000000000000000000000000000000000000..8b1614567d685d4d23409346494646f5d6a694d8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bSortable.js @@ -0,0 +1,116 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bSortable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "All columns are sortable by default", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Can disable sorting from one column", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "bSortable": false }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnWaitTest( + "Disabled column has no sorting class", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") == false; } + ); + + oTest.fnWaitTest( + "Other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + oTest.fnWaitTest( + "Disable sorting on multiple columns - no sorting classes", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "bSortable": false }, + { "mDataProp": "platform" }, + { "mDataProp": "version", "bSortable": false }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(1)').hasClass("sorting") || + $('#example thead th:eq(3)').hasClass("sorting") + return bReturn == false; + } + ); + + oTest.fnWaitTest( + "Sorting on disabled column 1 has no effect", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnWaitTest( + "Sorting on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnWaitTest( + "Second sort on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnWaitTest( + "Even with multiple disabled sorting columns other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bUseRendered.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bUseRendered.js new file mode 100755 index 0000000000000000000000000000000000000000..421acd260f46396068bb5827eb9efd62d229757f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bUseRendered.js @@ -0,0 +1,155 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bUseRendered" ); + +/* bUseRendered is used to alter sorting data, if false then the original data is used for + * sorting rather than the rendered data + */ + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { + "mDataProp": "browser", + "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa"; + } else + return a.aData['browser']; + } + }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default for bUseRendered is true - rendered data is used for sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'aaa'; } + ); + + oTest.fnWaitTest( + "When bUseRendered is false, original data is used for sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { + "mDataProp": "browser", + "bUseRendered": false, + "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa"; + } else { + return a.aData['browser']; + } + } + }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + + oTest.fnWaitTest( + "bUseRendered set to false on one columns and true (default) on two others", + function () { + mTmp = 0; + var mTmp2 = 0; + var mTmp3 = 0; + + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { + "mDataProp": "engine", + "fnRender": function (a) { + if ( mTmp == 0 ) { + mTmp++; + return "aaa1"; + } else { + return a.aData['engine']; + } + } + }, + { + "mDataProp": "browser", + "bUseRendered": false, + "fnRender": function (a) { + if ( mTmp2 == 0 ) { + mTmp2++; + return "aaa2"; + } else { + return a.aData['browser']; + } + } + }, + { + "mDataProp": "platform", + "fnRender": function (a) { + if ( mTmp3 == 0 ) { + mTmp3++; + return "zzz3"; + } else { + return a.aData['platform']; + } + } + }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'aaa1'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 2nd column sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 3rd column sorting", + function () { + $('#example thead th:eq(2)').click(); + $('#example thead th:eq(2)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(2)').html() == 'zzz3'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 4th column sorting", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == '-'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 5th column sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bVisible.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bVisible.js new file mode 100755 index 0000000000000000000000000000000000000000..3ad7c0ab54f4f4cef786a0f60d6745dcfb34c402 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.bVisible.js @@ -0,0 +1,131 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bVisible" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "All columns are visible by default", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnWaitTest( + "Can hide one column and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "bVisible": false }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnWaitTest( + "Can hide one column and it removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 4; } + ); + + oTest.fnWaitTest( + "The correct thead column has been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Platform(s)" && + jqNodes[2].innerHTML == "Engine version" && + jqNodes[3].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "The correct tbody column has been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "Gnome" && + jqNodes[2].innerHTML == "1.8" && + jqNodes[3].innerHTML == "A"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Can hide multiple columns and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "bVisible": false }, + { "mDataProp": "platform", "bVisible": false }, + { "mDataProp": "version" }, + { "mDataProp": "grade", "bVisible": false } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 2; } + ); + + oTest.fnWaitTest( + "Multiple hide - removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 2; } + ); + + oTest.fnWaitTest( + "Multiple hide - the correct thead columns have been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Engine version" + return bReturn; + } + ); + + oTest.fnWaitTest( + "Multiple hide - the correct tbody columns have been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "1" + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.fnRender.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.fnRender.js new file mode 100755 index 0000000000000000000000000000000000000000..9d06e8e3f4ad5a964d57e71a7b4a0b62a95f4964 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.fnRender.js @@ -0,0 +1,177 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.fnRender" ); + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { + "mDataProp": "browser", + "fnRender": function (a) { + mTmp++; + return a.aData['browser']; + } + }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Single column - fnRender is called twice for each row", + null, + function () { return mTmp == 57; } + ); + + oTest.fnWaitTest( + "Confirm that fnRender passes two arguments with four parameters", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { + "fnRender": function (a) { + if ( arguments.length != 2 || typeof a.iDataRow=='undefined' || + typeof a.iDataColumn=='undefined' || typeof a.aData=='undefined' || + typeof a.mDataProp=='undefined' ) + { + mTmp = false; + } + return a.aData['browser']; + }, + "mDataProp": "browser" + }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "fnRender iDataColumn is the column", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { + "mDataProp": "browser", + "fnRender": function (a) { + if ( a.iDataColumn != 1 ) + { + mTmp = false; + } + return a.aData['browser']; + } + }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "fnRender aData is data array of correct size", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { + "mDataProp": "browser", + "fnRender": function (a) { + if ( a.aData.length != 5 ) + { + mTmp = false; + } + return a.aData['browser']; + } + }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { + "mDataProp": "browser", + "fnRender": function (a) { + return 'unittest'; + } + }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'unittest'; } + ); + + oTest.fnWaitTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { + "mDataProp": "platform", + "fnRender": function (a) { + return 'unittest1'; + } + }, + { + "mDataProp": "version", + "fnRender": function (a) { + return 'unittest2'; + } + }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(0) td:eq(2)').html() == 'unittest1' && + $('#example tbody tr:eq(0) td:eq(3)').html() == 'unittest2'; + return bReturn; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.iDataSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.iDataSort.js new file mode 100755 index 0000000000000000000000000000000000000000..7b60e6bbf7fe6932476ff9d7610c2440f2ebf7bd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.iDataSort.js @@ -0,0 +1,90 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.iDataSort" ); + +$(document).ready( function () { + /* Should know that sorting already works by default from other tests, so we can jump + * right in here + */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "iDataSort": 4 }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Sorting on first column is uneffected", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnWaitTest( + "Sorting on second column is the order of the fifth", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnWaitTest( + "Reserve sorting on second column uses fifth column as well", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnWaitTest( + "Sorting on 5th column retains it's own sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + oTest.fnWaitTest( + "Use 2nd col for sorting 5th col and via-versa - no effect on first col sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "iDataSort": 4 }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade", "iDataSort": 1 } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnWaitTest( + "2nd col sorting uses fifth col", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnWaitTest( + "2nd col sorting uses fifth col - reversed", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnWaitTest( + "5th col sorting uses 2nd col", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnWaitTest( + "5th col sorting uses 2nd col - reversed", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'Seamonkey 1.1'; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sClass.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sClass.js new file mode 100755 index 0000000000000000000000000000000000000000..68602ca0359bf7d0278827d674be01500f00476a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sClass.js @@ -0,0 +1,122 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sClass" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "By default the test class hasn't been applied to the column (sanity!)", + null, + function () { return $('#example tbody tr:eq(0) td:eq(2)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform", "sClass": 'unittest' }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { return $('#example tbody tr:eq(1) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - third row", + null, + function () { return $('#example tbody tr:eq(3) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - last row", + null, + function () { return $('#example tbody tr:eq(9) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to other columns - 1st", + null, + function () { return $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to other columns - 5th", + null, + function () { return $('#example tbody tr:eq(3) td:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - seventh row - second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody tr:eq(6) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to header", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to footer", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + + oTest.fnWaitTest( + "Class defined for multiple columns - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine", "sClass": 'unittest2' }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version", "sClass": 'unittest1' }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest2') && + $('#example tbody tr:eq(8) td:eq(3)').hasClass('unittest1'); + return bReturn; + } + ); + + oTest.fnWaitTest( + "Class defined for multiple columns - has not applied to other columns - 5th 1", + null, + function () { return $('#example tbody tr:eq(0) td:eq(4)').hasClass('unittest1') == false; } + ); + + oTest.fnWaitTest( + "Class defined for multiple columns - has not applied to other columns - 5th 2", + null, + function () { return $('#example tbody tr:eq(6) td:eq(4)').hasClass('unittest2') == false; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sName.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sName.js new file mode 100755 index 0000000000000000000000000000000000000000..00cbd514ae16d2b032752b8631997151e40a64b5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sName.js @@ -0,0 +1,28 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sName" ); + +/* This has no effect at all in DOM methods - so we just check that it has applied the name */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version", "sName": 'unit test' }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Names are stored in the columns object", + null, + function () { return oSettings.aoColumns[3].sName =="unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sTitle.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sTitle.js new file mode 100755 index 0000000000000000000000000000000000000000..ce18dbbaabcf76eee91bb70f3efe4e71d840dcbe --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sTitle.js @@ -0,0 +1,89 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sTitle" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "If not given, then the columns titles are empty", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Browser" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Can set a single column title - and others are read from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "sTitle": 'unit test' }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Can set multiple column titles", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "sTitle": 'unit test 1' }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade", "sTitle": 'unit test 2' } + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test 1" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "unit test 2"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sWidth.js new file mode 100755 index 0000000000000000000000000000000000000000..1ade76f5a0182cadf4f0cee04d473487c3fa5f69 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoColumns.sWidth.js @@ -0,0 +1,87 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sWidth" ); + +/* NOTE - we need to disable the auto width for the majority of these test in order to preform + * these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests + * with auto width enabled however to ensure it scales columns as required + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "bAutoWidth": false, + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser", "sWidth": '40%' }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "With auto width disabled the width for one column is appled", + null, + function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; } + ); + + oTest.fnWaitTest( + "With auto width disabled the width for one column is appled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "bAutoWidth": false, + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform", "sWidth": '20%' }, + { "mDataProp": "version", "sWidth": '30%' }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(2)')[0].style.width == "20%" && + $('#example thead th:eq(3)')[0].style.width == "30%"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "With auto width, it will make the smallest column the largest with percentage width given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version", "sWidth": '40%' }, + { "mDataProp": "grade" } + ] + } ); + }, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + + if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 ) + return true; + else + return false; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoSearchCols.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoSearchCols.js new file mode 100644 index 0000000000000000000000000000000000000000..be3991782672a6e888c7e2ddafb1ae2a1e6ba37f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/aoSearchCols.js @@ -0,0 +1,161 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoSearchCols" ); + +/* We could be here forever testing this one, so we test a limited subset on a couple of colums */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default should be to have a empty colums array", + null, + function () { + var bReturn = + oSettings.aoPreSearchCols[0].sSearch == 0 && !oSettings.aoPreSearchCols[0].bRegex && + oSettings.aoPreSearchCols[1].sSearch == 0 && !oSettings.aoPreSearchCols[1].bRegex && + oSettings.aoPreSearchCols[2].sSearch == 0 && !oSettings.aoPreSearchCols[2].bRegex && + oSettings.aoPreSearchCols[3].sSearch == 0 && !oSettings.aoPreSearchCols[3].bRegex && + oSettings.aoPreSearchCols[4].sSearch == 0 && !oSettings.aoPreSearchCols[4].bRegex; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Search on a single column - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1" }, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Search on two columns - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1.5" }, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "1.5"; } + ); + + oTest.fnWaitTest( + "Search on single column - escape regex false", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + null, + null, + null, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 3 of 3 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Search on two columns - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "3.3", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Konqureror 3.3"; } + ); + + oTest.fnWaitTest( + "Search on two columns (no records) - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "Allan", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/asStripClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/asStripClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..82f2bc8dca82586d63c47dd6aaa871fada339d31 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/asStripClasses.js @@ -0,0 +1,133 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "asStripeClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + + oTest.fnWaitTest( + "Default row striping is applied", + null, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + oTest.fnWaitTest( + "Row striping on the second page", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + /* No striping */ + oTest.fnWaitTest( + "No row striping", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "asStripeClasses": [] + } ); + }, + function () { + if ( typeof $('#example tbody tr:eq(1)')[0] == 'undefined' ) + { + /* Use the 'wait for' to allow this to become true */ + return false; + } + return $('#example tbody tr:eq(0)')[0].className == "" && + $('#example tbody tr:eq(1)')[0].className == "" && + $('#example tbody tr:eq(2)')[0].className == "" && + $('#example tbody tr:eq(3)')[0].className == ""; + } + ); + + /* Custom striping */ + oTest.fnWaitTest( + "Custom striping [2]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "asStripeClasses": [ 'test1', 'test2' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test1') && + $('#example tbody tr:eq(3)').hasClass('test2'); + } + ); + + + /* long array of striping */ + oTest.fnWaitTest( + "Custom striping [4]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "asStripeClasses": [ 'test1', 'test2', 'test3', 'test4' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + oTest.fnWaitTest( + "Custom striping is restarted on second page [2]", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bAutoWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bAutoWidth.js new file mode 100644 index 0000000000000000000000000000000000000000..55efdaa4f2b426c5819c0aca1b6717584c5dff33 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bAutoWidth.js @@ -0,0 +1,163 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bAutoWidth" ); + +/* It's actually a little tricky to test this. We can't test absolute numbers because + * different browsers and different platforms will render the width of the columns slightly + * differently. However, we certainly can test the principle of what should happen (column + * width doesn't change over pages) + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Auto width is enabled by default", + null, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + oTest.fnWaitTest( + "First column has a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style').match(/width/i); } + ); + + /* + This would seem like a better test - but there appear to be difficulties with tables + which are bigger (calculated) than there is actually room for. I suspect this is actually + a bug in datatables + oTest.fnWaitTest( + "Check column widths on first page match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + console.log( a0, b0, a1, b1, a2, b2, a3, b3 ); + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + + oTest.fnWaitTest( + "Check column widths on second page match thid page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + */ + + /* Check can disable */ + oTest.fnWaitTest( + "Auto width can be disabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bAutoWidth": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth == false; } + ); + + oTest.fnWaitTest( + "First column does not have a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style') == null; } + ); + + /* + oTest.fnWaitTest( + "Check column widths on first page do not match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return false; + else + return true; + } + ); + */ + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Auto width enabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bAutoWidth": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bFilter.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bFilter.js new file mode 100644 index 0000000000000000000000000000000000000000..0ee7573edf237475d46621accdfab58f8662a854 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bFilter.js @@ -0,0 +1,65 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bFilter" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + + oTest.fnWaitTest( + "Filtering div exists by default", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Fltering can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bFilter": false + } ); + }, + function () { return document.getElementById('example_filter') == null; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Filtering enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bFilter": true + } ); + }, + function () { return document.getElementById('example_filter') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..33d85c3c8f6e9a0cc93d42f38a7960f9e84192a5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bInfo.js @@ -0,0 +1,65 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bInfo" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + + oTest.fnWaitTest( + "Info div exists by default", + null, + function () { return document.getElementById('example_info') != null; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Info can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bInfo": false + } ); + }, + function () { return document.getElementById('example_info') == null; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Info enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bInfo": true + } ); + }, + function () { return document.getElementById('example_info') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bLengthChange.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bLengthChange.js new file mode 100644 index 0000000000000000000000000000000000000000..69fc1b7c15b084e5479c90c99c9cf468879449b8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bLengthChange.js @@ -0,0 +1,96 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bLengthChange" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + + oTest.fnWaitTest( + "Length div exists by default", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnWaitTest( + "Four default options", + null, + function () { return $("select[name=example_length] option").length == 4; } + ); + + oTest.fnWaitTest( + "Default options", + null, + function () { + var opts = $("select[name='example_length'] option"); + return opts[0].getAttribute('value') == 10 && opts[1].getAttribute('value') == 25 && + opts[2].getAttribute('value') == 50 && opts[3].getAttribute('value') == 100; + } + ); + + oTest.fnWaitTest( + "Info takes length into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Change length can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bLengthChange": false + } ); + }, + function () { return document.getElementById('example_length') == null; } + ); + + oTest.fnWaitTest( + "Information takes length disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Length change enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bLengthChange": true + } ); + }, + function () { return document.getElementById('example_length') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..f5225643c49df083330124208fd40fd9783bd98d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bPaginate.js @@ -0,0 +1,80 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bPaginate" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + + oTest.fnWaitTest( + "Pagiantion div exists by default", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnWaitTest( + "Information div takes paging into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bPaginate": false + } ); + }, + function () { return document.getElementById('example_paginate') == null; } + ); + + oTest.fnWaitTest( + "Information div takes paging disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 57 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Pagiantion enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bPaginate": true + } ); + }, + function () { return document.getElementById('example_paginate') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..77556160381877bdff265eb4a278868438346cdd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bProcessing.js @@ -0,0 +1,124 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bProcessing" ); + +/* It's actually a bit hard to set this one due to the fact that it will only be shown + * when DataTables is doing some kind of processing. The server-side processing is a bit + * better to test this than here - so we just the interal functions to enable it and check + * that it is available + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Processing is off by default", + null, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnWaitTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "Processing div cannot be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "Processing div cannot be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + /* Check can disable */ + oTest.fnWaitTest( + "Processing can be enabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bProcessing": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == true; } + ); + + oTest.fnWaitTest( + "Processing div is in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing'); } + ); + + oTest.fnWaitTest( + "Processing div is hidden by default", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + oTest.fnWaitTest( + "Processing div can be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "visible"; } + ); + + oTest.fnWaitTest( + "Processing div can be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Processing disabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bProcessing": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnWaitTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bServerSide.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bServerSide.js new file mode 100644 index 0000000000000000000000000000000000000000..c69f7d45463016f7dbe6546a580b7be16210f1e8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bServerSide.js @@ -0,0 +1,27 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bServerSide" ); + +/* Not interested in server-side processing here other than to check that it is off */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Server side is off by default", + null, + function () { return oSettings.oFeatures.bServerSide == false; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bSort.js new file mode 100644 index 0000000000000000000000000000000000000000..5a8273160ac471c4ee673a79a7877007504890ba --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bSort.js @@ -0,0 +1,120 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bSort" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + + oTest.fnWaitTest( + "Sorting is on by default", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnWaitTest( + "Sorting Asc by default class applied", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc"); } + ); + + oTest.fnWaitTest( + "Click on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Sorting class removed from first column", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc") != true; } + ); + + oTest.fnWaitTest( + "Sorting asc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc"); } + ); + + oTest.fnWaitTest( + "Reverse on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Sorting acs class removed from second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") != true; } + ); + + oTest.fnWaitTest( + "Sorting desc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_desc"); } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bSort": false + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnWaitTest( + "Click on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnWaitTest( + "Reverse on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Sorting enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bSort": true + } ); + }, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bSortClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bSortClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..8c00c73b5ff5b57115bf09e1901da6b92d00ee6c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/bSortClasses.js @@ -0,0 +1,153 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bSortClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + + oTest.fnWaitTest( + "Sorting classes are applied by default", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnWaitTest( + "Sorting classes are applied to all required cells", + null, + function () { return $('#example tbody tr:eq(7) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnWaitTest( + "Sorting classes are not applied to non-sorting columns", + null, + function () { return $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_1') == false; } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 1", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2'); + } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 2", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3'); + } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 3", + function () { + oDispacher.click( $('#example thead th:eq(3)')[0], { 'shift': true } ); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3'); + } + ); + + oTest.fnWaitTest( + "Remove sorting classes on single column sort", + function () { + $('#example thead th:eq(4)').click(); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3') == false; + } + ); + + oTest.fnWaitTest( + "Sorting class 1 was added", + null, + function () { return $('#example tbody tr:eq(1) td:eq(4)').hasClass('sorting_1'); } + ); + + + /* Check can disable */ + oTest.fnWaitTest( + "Sorting classes can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bSortClasses": false + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false; } + ); + + oTest.fnWaitTest( + "Sorting classes disabled - add column 1 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false; + } + ); + + oTest.fnWaitTest( + "Sorting classes disabled - add column 2 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false; + } + ); + + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Sorting classes enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bSortClasses": true + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnDrawCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnDrawCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..a6b1725eb443706303ca10a52ea35d4d6895beef --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnDrawCallback.js @@ -0,0 +1,126 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnDrawCallback" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + var mPass, bInit; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnDrawCallback == null; } + ); + + + oTest.fnWaitTest( + "One argument passed", + function () { + oSession.fnRestore(); + + mPass = -1; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnDrawCallback": function ( ) { + mPass = arguments.length; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 1 && bInit; } + ); + + + oTest.fnWaitTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + bInit = false; + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnDrawCallback": function ( oSettings ) { + mPass = oSettings; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return oTable.fnSettings() == mPass && bInit; } + ); + + + /* The draw callback is called once for the init and then when the data is added */ + oTest.fnWaitTest( + "fnRowCallback called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnDrawCallback": function ( ) { + mPass++; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 2 && bInit; } + ); + + oTest.fnWaitTest( + "fnRowCallback called once on each draw there after as well", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 5; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnHeaderCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnHeaderCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..0574d5fdbec2c06187f0bf8c6b97b4caa420ba05 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnHeaderCallback.js @@ -0,0 +1,254 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnHeaderCallback" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + var mPass, bInit; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnHeaderCallback == null; } + ); + + + oTest.fnWaitTest( + "Five arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnHeaderCallback": function ( ) { + mPass = arguments.length; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 5 && bInit; } + ); + + + /* The header callback is called once for the init and then when the data is added */ + oTest.fnWaitTest( + "fnHeaderCallback called once per draw", + function () { + oSession.fnRestore(); + + mPass = 0; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + mPass++; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 2 && bInit; } + ); + + oTest.fnWaitTest( + "fnRowCallback called on paging (i.e. another draw)", + function () { $('#example_next').click(); }, + function () { return mPass == 3; } + ); + + + oTest.fnWaitTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + } + } ); + }, + function () { return $('#example thead th:eq(0)').html() == "Displaying 10 records"; } + ); + + + oTest.fnWaitTest( + "iStart correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart != 0 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "iStart correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart == 10 ) + { + mPass = true; + } + }, + "fnInitComplete": function () { + $('#example_next').click(); + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "iEnd correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd == 20 ) + { + mPass = true; + } + }, + "fnInitComplete": function () { + $('#example_next').click(); + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "aiDisplay length is full data when not filtered", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 57 ) + { + mPass = true; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnWaitTest( + "aiDisplay length is 9 when filtering on 'Mozilla'", + function () { + oSession.fnRestore(); + + mPass = false; + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 9 ) + { + mPass = true; + } + } + } ); + oTable.fnFilter( "Mozilla" ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnInitComplete.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnInitComplete.js new file mode 100644 index 0000000000000000000000000000000000000000..fdaddd072ca5198d7a972841bdd86f5e33c1338b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnInitComplete.js @@ -0,0 +1,135 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnInitComplete" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnInitComplete == null; } + ); + + + oTest.fnWaitTest( + "Two arguments passed (for Ajax!)", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnInitComplete": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 2; } + ); + + + oTest.fnWaitTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnInitComplete": function ( oSettings ) { + mPass = oSettings; + } + } ); + }, + function () { return oTable.fnSettings() == mPass; } + ); + + + oTest.fnWaitTest( + "fnInitComplete called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnInitComplete": function ( ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnWaitTest( + "fnInitComplete never called there after", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 1; } + ); + + + oTest.fnWaitTest( + "10 rows in the table on complete", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnInitComplete": function ( ) { + mPass = $('#example tbody tr').length; + } + } ); + }, + function () { return mPass == 10; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnRowCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnRowCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..6c5a2f63cd1e03564de778aef81477749086ec4f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnRowCallback.js @@ -0,0 +1,154 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnRowCallback" ); + +/* Note - fnRowCallback MUST return the first arguments (modified or not) */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnRowCallback == null; } + ); + + + oTest.fnWaitTest( + "Four arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnRowCallback": function ( nTr ) { + mPass = arguments.length; + return nTr; + } + } ); + }, + function () { return mPass == 4; } + ); + + + oTest.fnWaitTest( + "fnRowCallback called once for each drawn row", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + mPass++; + return nTr; + } + } ); + }, + function () { return mPass == 10; } + ); + + oTest.fnWaitTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + $(nTr).addClass('unit_test'); + return nTr; + } + } ); + }, + function () { return $('#example tbody tr:eq(1)').hasClass('unit_test'); } + ); + + oTest.fnWaitTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( asData.length != 5 ) + mPass = false; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnWaitTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + var iCount = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( iCount != iDrawIndex ) + mPass = false; + iCount++; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnServerData.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnServerData.js new file mode 100644 index 0000000000000000000000000000000000000000..8ab5e74aa140f1d59832c3d1ebee6e8373ad3915 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/fnServerData.js @@ -0,0 +1,92 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnServerData for Ajax sourced data" ); + +$(document).ready( function () { + var mPass; + + oTest.fnTest( + "Argument length", + function () { + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnServerData": function () { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 4; } + ); + + oTest.fnTest( + "Url", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnServerData": function (sUrl, aoData, fnCallback, oSettings) { + mPass = sUrl == "../../../examples/ajax/sources/objects.txt"; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data array", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnServerData": function (sUrl, aoData, fnCallback, oSettings) { + mPass = aoData.length==0; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Callback function", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "fnServerData": function (sUrl, aoData, fnCallback, oSettings) { + mPass = typeof fnCallback == 'function'; + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/iDisplayLength.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/iDisplayLength.js new file mode 100644 index 0000000000000000000000000000000000000000..01facc9ab75d7efedc68f270956212ad33f05e7b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/iDisplayLength.js @@ -0,0 +1,109 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "iDisplayLength" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + + oTest.fnWaitTest( + "Default length is ten", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "Select menu shows 10", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnWaitTest( + "Set initial length to 25", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "iDisplayLength": 25 + } ); + }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnWaitTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 25; } + ); + + + oTest.fnWaitTest( + "Set initial length to 100", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "iDisplayLength": 100 + } ); + }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnWaitTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 100; } + ); + + + oTest.fnWaitTest( + "Set initial length to 23 (unknown select menu length)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "iDisplayLength": 23 + } ); + }, + function () { return $('#example tbody tr').length == 23; } + ); + + oTest.fnWaitTest( + "Select menu shows 10 (since 23 is unknow)", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.oPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.oPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..47abb7113e2c52374057ac2117e3f408a2be28c8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.oPaginate.js @@ -0,0 +1,98 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.oPaginate" ); + +/* Note that the paging language information only has relevence in full numbers */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "sPaginationType": "full_numbers" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "oLanguage.oPaginate defaults", + null, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "First" && + oSettings.oLanguage.oPaginate.sPrevious == "Previous" && + oSettings.oLanguage.oPaginate.sNext == "Next" && + oSettings.oLanguage.oPaginate.sLast == "Last"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate defaults are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "First" && + $('#example_paginate .previous').html() == "Previous" && + $('#example_paginate .next').html() == "Next" && + $('#example_paginate .last').html() == "Last"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "oLanguage.oPaginate can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "sPaginationType": "full_numbers", + "oLanguage": { + "oPaginate": { + "sFirst": "unit1", + "sPrevious": "test2", + "sNext": "unit3", + "sLast": "test4" + } + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "unit1" && + oSettings.oLanguage.oPaginate.sPrevious == "test2" && + oSettings.oLanguage.oPaginate.sNext == "unit3" && + oSettings.oLanguage.oPaginate.sLast == "test4"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate definitions are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "unit1" && + $('#example_paginate .previous').html() == "test2" && + $('#example_paginate .next').html() == "unit3" && + $('#example_paginate .last').html() == "test4"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..60b234ea545695e7329b417ebca7eb83bbf2fa94 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sInfo.js @@ -0,0 +1,166 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfo" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info language is 'Showing _START_ to _END_ of _TOTAL_ entries' by default", + null, + function () { return oSettings.oLanguage.sInfo == "Showing _START_ to _END_ of _TOTAL_ entries"; } + ); + + oTest.fnTest( + "Info language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnWaitTest( + "Info language can be defined - without any macros", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfo": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfo == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "unit test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _START_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfo": "unit _START_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _END_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 10 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _TOTAL_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 57 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macros _START_ and _END_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfo": "unit _START_ _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macros _START_, _END_ and _TOTAL_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfo": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 57 test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sInfoEmpty.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sInfoEmpty.js new file mode 100644 index 0000000000000000000000000000000000000000..a98cf5b93beffca666b544bc21b7c896d1c75a06 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sInfoEmpty.js @@ -0,0 +1,100 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfoEmpty" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info empty language is 'Showing 0 to 0 of 0 entries' by default", + function () { oTable.fnFilter("nothinghere"); }, + function () { return oSettings.oLanguage.sInfoEmpty == "Showing 0 to 0 of 0 entries"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "Showing 0 to 0 of 0 entries"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Info empty language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfoEmpty": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("nothinghere"); + }, + function () { return oSettings.oLanguage.sInfoEmpty == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit test"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Macro's not replaced", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfoEmpty": "unit _START_ _END_ _TOTAL_ test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit _START_ _END_ _TOTAL_ test"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sInfoPostFix.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sInfoPostFix.js new file mode 100644 index 0000000000000000000000000000000000000000..4c1c7faaf7f1f2c49c97879c2073e319c88ef5ab --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sInfoPostFix.js @@ -0,0 +1,106 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfoPostFix" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info post fix language is '' (blank) by default", + null, + function () { return oSettings.oLanguage.sInfoPostFix == ""; } + ); + + oTest.fnTest( + "Width no post fix, the basic info shows", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnWaitTest( + "Info post fix language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfoPostFix == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit test"; } + ); + + + oTest.fnWaitTest( + "Macros have no effect in the post fix", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfoPostFix": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit _START_ _END_ _TOTAL_ test"; } + ); + + + oTest.fnWaitTest( + "Post fix is applied after fintering info", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 0 to 0 of 0 entries unit (filtered from 57 total entries) test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sLengthMenu.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sLengthMenu.js new file mode 100644 index 0000000000000000000000000000000000000000..38ee98d522f4a08906ad35856e5ae32f8162d91a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sLengthMenu.js @@ -0,0 +1,139 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sLengthMenu" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Menu language is 'Show _MENU_ entries' by default", + null, + function () { return oSettings.oLanguage.sLengthMenu == "Show _MENU_ entries"; } + ); + + oTest.fnTest( + "_MENU_ macro is replaced by select menu in DOM", + null, + function () { return $('select', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "Default is put into DOM", + null, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "Show " && + anChildren[2].nodeValue == " entries"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Menu length language can be defined - no _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sLengthMenu": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sLengthMenu == "unit test"; } + ); + + oTest.fnTest( + "Menu length language definition is in the DOM", + null, + function () { + return $('label', oSettings.aanFeatures.l[0]).text() == "unit test"; + } + ); + + + oTest.fnWaitTest( + "Menu length language can be defined - with _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sLengthMenu": "unit _MENU_ test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "unit " && + anChildren[2].nodeValue == " test"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Only the _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sLengthMenu": "_MENU_" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = oSettings.aanFeatures.l[0].childNodes; + var bReturn = + anChildren.length == 1 && + $('select', oSettings.aanFeatures.l[0]).length == 1; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..71e636205867b4f5b8d31dd8ea743912b98f0c81 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sProcessing.js @@ -0,0 +1,63 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sProcessing" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ], + "bProcessing": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Processing language is 'Processing...' by default", + null, + function () { return oSettings.oLanguage.sProcessing == "Processing..."; } + ); + + oTest.fnTest( + "Processing language default is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "Processing..."; } + ); + + + oTest.fnWaitTest( + "Processing language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "bProcessing": true, + "oLanguage": { + "sProcessing": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sProcessing == "unit test"; } + ); + + oTest.fnTest( + "Processing language definition is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..af741c90f6e74967cc44f4705b5e10bd528f9f24 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sSearch.js @@ -0,0 +1,91 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Search language is 'Search:' by default", + null, + function () { return oSettings.oLanguage.sSearch == "Search:"; } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).length == 1 } + ); + + oTest.fnTest( + "Search language default is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text() + == "Search: "; } + ); + + + oTest.fnWaitTest( + "Search language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sSearch": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sSearch == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text().indexOf('unit test') !== -1; } + ); + + + oTest.fnWaitTest( + "Blank search has a no space (separator) inserted", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sSearch": "" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return document.getElementById('example_filter').childNodes.length == 1; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sUrl.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sUrl.js new file mode 100644 index 0000000000000000000000000000000000000000..69bbab6da3f5c0f9ccf2f29c3205f3f055d7040c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sUrl.js @@ -0,0 +1,76 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sUrl" ); + +/* Note that we only test the internal storage of language information pulled form a file here + * as the other language tests will check it goes into the DOM correctly + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "sUrl is blank by default", + null, + function () { return oSettings.oLanguage.sUrl == ""; } + ); + + + oTest.fnWaitTest( + "Loading of German file loads language information", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sUrl": "../../../examples/examples_support/de_DE.txt" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.sProcessing == "Bitte warten..." && + oSettings.oLanguage.sLengthMenu == "_MENU_ Einträge anzeigen" && + oSettings.oLanguage.sZeroRecords == "Keine Einträge vorhanden." && + oSettings.oLanguage.sInfo == "_START_ bis _END_ von _TOTAL_ Einträgen" && + oSettings.oLanguage.sInfoEmpty == "0 bis 0 von 0 Einträgen" && + oSettings.oLanguage.sInfoFiltered == "(gefiltert von _MAX_ Einträgen)" && + oSettings.oLanguage.sInfoPostFix == "" && + oSettings.oLanguage.sSearch == "Suchen" && + oSettings.oLanguage.oPaginate.sFirst == "Erster" && + oSettings.oLanguage.oPaginate.sPrevious == "Zurück" && + oSettings.oLanguage.oPaginate.sNext == "Nächster" && + oSettings.oLanguage.oPaginate.sLast == "Letzter"; + + return bReturn; + } + ); + + /* One DOM check just to ensure that they go into the DOM */ + oTest.fnTest( + "Loaded language goes into the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "1 bis 10 von 57 Einträgen"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sZeroRecords.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sZeroRecords.js new file mode 100644 index 0000000000000000000000000000000000000000..9c63ca1c26a279231a5ecaa29781dc789977ba57 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oLanguage.sZeroRecords.js @@ -0,0 +1,62 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sZeroRecords" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Zero records language is 'No matching records found' by default", + null, + function () { return oSettings.oLanguage.sZeroRecords == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "No matching records found" } + ); + + + + oTest.fnWaitTest( + "Zero records language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oLanguage": { + "sZeroRecords": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sZeroRecords == "unit test"; } + ); + + oTest.fnWaitTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere2'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "unit test" } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..5d098f67965e938244c66d444133f2ad59459749 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/oSearch.js @@ -0,0 +1,150 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default values should be blank", + null, + function () { + var bReturn = oSettings.oPreviousSearch.sSearch == "" && + !oSettings.oPreviousSearch.bRegex; + return bReturn; + } + ); + + /* This test might be considered iffy since the full object isn't given, but it's reasonable to + * expect DataTables to cope with this. It should just assumine regex false + */ + oTest.fnWaitTest( + "Search term only in object", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oSearch": { + "sSearch": "Mozilla" + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnWaitTest( + "New search will kill old one", + function () { + oTable.fnFilter("Opera"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnWaitTest( + "Search plain text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oSearch": { + "sSearch": "DS", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Nintendo DS browser"; } + ); + + oTest.fnWaitTest( + "Search plain text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oSearch": { + "sSearch": "Opera", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnWaitTest( + "Search regex text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oSearch": { + "sSearch": "1.*", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Search regex text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "oSearch": { + "sSearch": "1.*", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/sAjaxSource.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/sAjaxSource.js new file mode 100644 index 0000000000000000000000000000000000000000..c7c4545b54e252c547e25110aab7930e3d21b669 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/sAjaxSource.js @@ -0,0 +1,29 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sAjaxSource" ); + +/* Sanitfy check really - all the other tests blast this */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Server side is off by default", + null, + function () { + return oSettings.sAjaxSource == "../../../examples/ajax/sources/objects.txt"; + } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/sDom.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/sDom.js new file mode 100644 index 0000000000000000000000000000000000000000..cef29bb02cae1264446e3288dcda1f6ef464ca62 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/sDom.js @@ -0,0 +1,311 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sDom" ); + +/* This is going to be brutal on the browser! There is a lot that can be tested here... */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default DOM varaible", + null, + function () { return oSettings.sDom == "lfrtip"; } + ); + + oTest.fnWaitTest( + "Default DOM in document", + null, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + nNodes[5] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check example 1 in code propagates", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "sDom": '<"wrapper"flipt>' + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.sDom == '<"wrapper"flipt>'; } + ); + + oTest.fnWaitTest( + "Check example 1 in DOM", + null, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + var nCustomWrapper = $('div.wrapper')[0]; + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrapper && + nNodes[2] == nFilter && + nNodes[3] == nLength && + nNodes[4] == nInfo && + nNodes[5] == nPaging && + nNodes[6] == nTable; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check example 2 in DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "sDom": '<lf<t>ip>' + } ); + }, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + var nCustomWrappers = [] + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + + /* Only the two custom divs don't have class names */ + if ( jqNodes[i].className == "" ) + { + nCustomWrappers.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrappers[0] && + nNodes[2] == nLength && + nNodes[3] == nFilter && + nNodes[4] == nCustomWrappers[1] && + nNodes[5] == nTable && + nNodes[6] == nInfo && + nNodes[7] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no length element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "sDom": 'frtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + null == nLength && + nNodes[1] == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no filter element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "sDom": 'lrtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + null == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + /* Note we don't test for no table as this is not supported (and it would be fairly daft! */ + + oTest.fnWaitTest( + "Check no info element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "sDom": 'lfrtp' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + null == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no paging element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "sDom": 'lfrti' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + null == nPaging; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/sPaginationType.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/sPaginationType.js new file mode 100644 index 0000000000000000000000000000000000000000..684fb83e0cc52313bdff0f5dcc444445e0edeb37 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/5_ajax_objects/sPaginationType.js @@ -0,0 +1,148 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sPaginationType" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumns": [ + { "mDataProp": "engine" }, + { "mDataProp": "browser" }, + { "mDataProp": "platform" }, + { "mDataProp": "version" }, + { "mDataProp": "grade" } + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Check two button paging is the default", + null, + function () { return oSettings.sPaginationType == "two_button"; } + ); + + oTest.fnWaitTest( + "Check class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_two_button'); } + ); + + oTest.fnWaitTest( + "Two A elements are in the wrapper", + null, + function () { return $('#example_paginate a').length == 2; } + ); + + oTest.fnWaitTest( + "We have the previous button", + null, + function () { return document.getElementById('example_previous'); } + ); + + oTest.fnWaitTest( + "We have the next button", + null, + function () { return document.getElementById('example_next'); } + ); + + oTest.fnWaitTest( + "Previous button is disabled", + null, + function () { return $('#example_previous').hasClass('paginate_disabled_previous'); } + ); + + oTest.fnWaitTest( + "Next button is enabled", + null, + function () { return $('#example_next').hasClass('paginate_enabled_next'); } + ); + + /* Don't test paging - that's done by the zero config test script. */ + + + /* Two buttons paging */ + var bComplete = false; + oTest.fnWaitTest( + "Can enabled full numbers paging", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/objects.txt", + "aoColumnDefs": [ + { "mDataProp": "engine", "aTargets": [0] }, + { "mDataProp": "browser", "aTargets": [1] }, + { "mDataProp": "platform", "aTargets": [2] }, + { "mDataProp": "version", "aTargets": [3] }, + { "mDataProp": "grade", "aTargets": [4] } + ], + "sPaginationType": "full_numbers", + "fnInitComplete": function () { + bComplete = true; + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + if ( bComplete ) + return oSettings.sPaginationType == "full_numbers"; + else + return false; + } + ); + + oTest.fnWaitTest( + "Check full numbers class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_full_numbers'); } + ); + + + var nFirst, nPrevious, nNext, nLast; + oTest.fnWaitTest( + "Jump to last page", + function () { + nFirst = $('div.dataTables_paginate a.first'); + nPrevious = $('div.dataTables_paginate a.previous'); + nNext = $('div.dataTables_paginate a.next'); + nLast = $('div.dataTables_paginate a.last'); + nLast.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Go to two pages previous", + function () { + nPrevious.click(); + nPrevious.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 31 to 40 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Next (second last) page", + function () { + nNext.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 41 to 50 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Jump to first page", + function () { + nFirst.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/_zero_config.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/_zero_config.js new file mode 100644 index 0000000000000000000000000000000000000000..aa257f947ef6dd4f9e11d6ac69118ecd3a1bb23e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/_zero_config.js @@ -0,0 +1,403 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Sanity checks for DataTables with delayed DOM creation" ); + +$(document).ready( function () { + var oInit = { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + }; + $('#example').dataTable( oInit ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "10 TR elements available from fnGetNodes", + null, + function () { return $('#example').dataTable().fnGetNodes().length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "14 TR elements available from fnGetNodes after sort", + null, + function () { return $('#example').dataTable().fnGetNodes().length == 14; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + oTest.fnTest( + "Information on last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back on first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 25 records - second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 26 to 50 of 57 entries"; } + ); + + oTest.fnTest( + "Information with 100 records - first page", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('100').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries"; } + ); + + oTest.fnTest( + "Information back to 10 records", + function () { + $('#example_previous').click(); + $("select[name=example_length]").val('10').change(); + }, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information with filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' last page", + function () { + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 31 to 31 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' back to first page", + function () { + $('#example_previous').click(); + $('#example_previous').click(); + $('#example_previous').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - second time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter increased to 'Win 98'", + function () { $('#example_filter input').val("Win 98").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter decreased to 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter 'Win' second page - third time", + function () { + $('#example_next').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 11 to 20 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Information with filter removed", + function () { $('#example_filter input').val("").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + + /* + * Filtering + */ + oTest.fnWaitTest( + "Filter 'W' - rows", + function () { + /* Reset the table such that the old sorting doesn't mess things up */ + oSession.fnRestore(); + $('#example').dataTable( oInit ); + $('#example_filter input').val("W").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnTest( + "Filter 'W' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 42 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Wi'", + function () { $('#example_filter input').val("Wi").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 32 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win'", + function () { $('#example_filter input').val("Win").keyup(); }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "AOL browser (AOL desktop)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 31 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting column 1 reverse", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - maintaing reverse sorting col 1", + function () { $('#example_filter input').val("Win XP").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Internet Explorer 7"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "4"; } + ); + + oTest.fnTest( + "Filter 'Win XP' - sorting col 3 - reversed", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "7"; } + ); + + oTest.fnTest( + "Filter 'Win' - sorting col 3 - reversed info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 6 of 6 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter 'nothinghere'", + function () { $('#example_filter input').val("nothinghere").keyup(); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == + "No matching records found"; } + ); + + oTest.fnTest( + "Filter 'nothinghere' - info", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Filter back to blank and 1st column sorting", + function () { + $('#example_filter input').val("").keyup(); + $('#example thead th:eq(0)').click(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Prefixing a filter entry", + function () { + $('#example_filter input').val("Win").keyup(); + $('#example_filter input').val("GeckoWin").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 0 to 0 of 0 entries (filtered from 57 total entries)"; } + ); + + oTest.fnTest( + "Prefixing a filter entry with space", + function () { + $('#example_filter input').val("Gecko Win").keyup(); + }, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 17 entries (filtered from 57 total entries)"; } + ); + + + + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aaSorting.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aaSorting.js new file mode 100644 index 0000000000000000000000000000000000000000..a46004b9a88f68e0552ce846c8ead010dd02e7de --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aaSorting.js @@ -0,0 +1,212 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aaSorting" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default sorting is single column", + null, + function () { + return oSettings.aaSorting.length == 1 && typeof oSettings.aaSorting[0] == 'object'; + } + ); + + oTest.fnWaitTest( + "Default sorting is first column asc", + null, + function () { + return oSettings.aaSorting[0].length == 3 && oSettings.aaSorting[0][0] == 0 && + oSettings.aaSorting[0][1] == 'asc'; + } + ); + + oTest.fnWaitTest( + "Sorting is applied", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single string column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single string column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single int column asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + + oTest.fnWaitTest( + "Custom sorting on single int column desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['0','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['0','asc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['0','desc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "iPod Touch / iPhone"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / string desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['0','desc'], ['1','desc']] + } ); + }, + function () { return $('#example tbody td:eq(1)').html() == "Safari 3.0"; } + ); + + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['0','asc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string asc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['0','asc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "1.9"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / int asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['0','desc'], ['3','asc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "125.5"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (2 column) - string desc / int desc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['0','desc'], ['3','desc']] + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnWaitTest( + "Multi-column sorting (3 column) - string asc / int asc / string asc", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSorting": [['0','asc'], ['3','asc'], ['1','asc']] + } ); + }, + function () { return $('#example tbody tr:eq(7) td:eq(1)').html() == "Firefox 1.0"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aaSortingFixed.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aaSortingFixed.js new file mode 100644 index 0000000000000000000000000000000000000000..71055222b327f7d4aa8265dc8fbb45a86e11bfac --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aaSortingFixed.js @@ -0,0 +1,70 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aaSortingFixed" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "No fixed sorting by default", + null, + function () { + return oSettings.aaSortingFixed == null; + } + ); + + + oTest.fnWaitTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSortingFixed": [['0','asc']], + "fnInitComplete": function () { + $('#example thead th:eq(1)').click(); + } + } ); + // + }, + function () { return $('#example tbody td:eq(1)').html() == "Camino 1.0"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on first column (string/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/asc)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aaSortingFixed": [['3','asc']] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Fixed sorting on fourth column (int/asc) with user sorting on second column (string/desc)", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody td:eq(1)').html() == "PSP browser"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bSearchable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bSearchable.js new file mode 100755 index 0000000000000000000000000000000000000000..54c946a50c3f3bcc869808e3e272304f942fdb1c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bSearchable.js @@ -0,0 +1,79 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bSeachable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Columns are searchable by default", + function () { oTable.fnFilter("Camino"); }, + function () { + if ( $('#example tbody tr:eq(0) td:eq(1)')[0] ) + return $('#example tbody tr:eq(0) td:eq(1)').html().match(/Camino/); + else + return null; + } + ); + + oTest.fnWaitTest( + "Disabling sorting on a column removes it from the global filter", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "bSearchable": false }, + null, + null, + null + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Camino"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Disabled on one column has no effect on other columns", + function () { oTable.fnFilter("Webkit"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Webkit"; } + ); + + oTest.fnWaitTest( + "Disable filtering on multiple columns", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + { "bSearchable": false }, + { "bSearchable": false }, + null, + null, + null + ] + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("Webkit"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Filter on second disabled column", + function () { oTable.fnFilter("Camino"); }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bSortable.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bSortable.js new file mode 100755 index 0000000000000000000000000000000000000000..6f7b2022987614eaa7547a68d14772204ea097a3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bSortable.js @@ -0,0 +1,112 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bSortable" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "All columns are sortable by default", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Can disable sorting from one column", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "bSortable": false }, + null, + null, + null + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnWaitTest( + "Disabled column has no sorting class", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") == false; } + ); + + oTest.fnWaitTest( + "Other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + oTest.fnWaitTest( + "Disable sorting on multiple columns - no sorting classes", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "bSortable": false }, + null, + { "bSortable": false }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(1)').hasClass("sorting") || + $('#example thead th:eq(3)').hasClass("sorting") + return bReturn == false; + } + ); + + oTest.fnWaitTest( + "Sorting on disabled column 1 has no effect", + function () { + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() != "All others"; } + ); + + oTest.fnWaitTest( + "Sorting on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnWaitTest( + "Second sort on disabled column 2 has no effect", + function () { + $('#example thead th:eq(3)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() != "-"; } + ); + + oTest.fnWaitTest( + "Even with multiple disabled sorting columns other columns can still sort", + function () { + $('#example thead th:eq(4)').click(); + $('#example thead th:eq(4)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == "X"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bUseRendered.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bUseRendered.js new file mode 100755 index 0000000000000000000000000000000000000000..d64f70d701270da491724e52781406c6690f65d7 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bUseRendered.js @@ -0,0 +1,151 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bUseRendered" ); + +/* bUseRendered is used to alter sorting data, if false then the original data is used for + * sorting rather than the rendered data + */ + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.iDataRow == 0 ) { + mTmp++; + return "aaa"; + } else + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default for bUseRendered is true - rendered data is used for sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'aaa'; } + ); + + oTest.fnWaitTest( + "When bUseRendered is false, original data is used for sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { + "bUseRendered": false, + "fnRender": function (a) { + if ( a.iDataRow == 0 ) { + mTmp++; + return "aaa"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + null, + null, + null + ] + } ); + $('#example thead th:eq(1)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + + oTest.fnWaitTest( + "bUseRendered set to false on one columns and true (default) on two others", + function () { + mTmp = 0; + var mTmp2 = 0; + var mTmp3 = 0; + + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + { + "fnRender": function (a) { + if ( a.iDataRow == 0 ) { + mTmp++; + return "aaa1"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + { + "bUseRendered": false, + "fnRender": function (a) { + if ( a.iDataRow == 0 ) { + mTmp2++; + return "aaa2"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + { + "fnRender": function (a) { + if ( a.iDataRow == 0 ) { + mTmp3++; + return "zzz3"; + } else { + return a.aData[a.iDataColumn]; + } + } + }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'aaa1'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 2nd column sorting", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 3rd column sorting", + function () { + $('#example thead th:eq(2)').click(); + $('#example thead th:eq(2)').click(); + }, + function () { return $('#example tbody tr:eq(0) td:eq(2)').html() == 'zzz3'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 4th column sorting", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == '-'; } + ); + + oTest.fnWaitTest( + "Multi-column rendering - 5th column sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bVisible.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bVisible.js new file mode 100755 index 0000000000000000000000000000000000000000..ccc84d7de90ef7f27b0c0d2b3b3f5903604c9dd3 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.bVisible.js @@ -0,0 +1,127 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.bVisible" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "All columns are visible by default", + null, + function () { return $('#example tbody tr:eq(0) td').length == 5; } + ); + + oTest.fnWaitTest( + "Can hide one column and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "bVisible": false }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 4; } + ); + + oTest.fnWaitTest( + "Can hide one column and it removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 4; } + ); + + oTest.fnWaitTest( + "The correct thead column has been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Platform(s)" && + jqNodes[2].innerHTML == "Engine version" && + jqNodes[3].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "The correct tbody column has been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "Gnome" && + jqNodes[2].innerHTML == "1.8" && + jqNodes[3].innerHTML == "A"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Can hide multiple columns and it removes td column from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "bVisible": false }, + { "bVisible": false }, + null, + { "bVisible": false } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td').length == 2; } + ); + + oTest.fnWaitTest( + "Multiple hide - removes thead th column from DOM", + null, + function () { return $('#example thead tr:eq(0) th').length == 2; } + ); + + oTest.fnWaitTest( + "Multiple hide - the correct thead columns have been hidden", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Engine version" + return bReturn; + } + ); + + oTest.fnWaitTest( + "Multiple hide - the correct tbody columns have been hidden", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); + }, + function () { + var jqNodes = $('#example tbody tr:eq(0) td'); + var bReturn = + jqNodes[0].innerHTML == "Gecko" && + jqNodes[1].innerHTML == "1" + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.fnRender.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.fnRender.js new file mode 100755 index 0000000000000000000000000000000000000000..eefe2adec5c389a3cf13179c74bee0358c4d9915 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.fnRender.js @@ -0,0 +1,190 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.fnRender" ); + +$(document).ready( function () { + /* Check the default */ + var mTmp = 0; + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "fnRender": function (a) { + mTmp++; + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Single column - fnRender is called once for each row", + null, + function () { return mTmp == 57; } + ); + + oTest.fnWaitTest( + "Confirm that fnRender passes two arguments with four parameters", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( arguments.length != 2 || typeof a.iDataRow=='undefined' || + typeof a.iDataColumn=='undefined' || typeof a.aData=='undefined' || + typeof a.mDataProp=='undefined' ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "fnRender iDataColumn is row number", + function () { + var iCount = 0; + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( iCount != a.iDataRow ) + { + mTmp = false; + } + iCount++; + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "fnRender iDataColumn is the column", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.iDataColumn != 1 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "fnRender aData is data array of correct size", + function () { + mTmp = true; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "fnRender": function (a) { + if ( a.aData.length != 5 ) + { + mTmp = false; + } + return a.aData[a.iDataColumn]; + } }, + null, + null, + null + ] + } ); + }, + function () { return mTmp; } + ); + + oTest.fnWaitTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "fnRender": function (a) { + return 'unittest'; + } }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'unittest'; } + ); + + oTest.fnWaitTest( + "Passed back data is put into the DOM", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + null, + { "fnRender": function (a) { + return 'unittest1'; + } }, + { "fnRender": function (a) { + return 'unittest2'; + } }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(0) td:eq(2)').html() == 'unittest1' && + $('#example tbody tr:eq(0) td:eq(3)').html() == 'unittest2'; + return bReturn; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.iDataSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.iDataSort.js new file mode 100755 index 0000000000000000000000000000000000000000..5c5080ab65989700faebd663bf98a2e8122d5683 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.iDataSort.js @@ -0,0 +1,92 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.iDataSort" ); + +$(document).ready( function () { + /* Should know that sorting already works by default from other tests, so we can jump + * right in here + */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "iDataSort": 4 }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Sorting on first column is uneffected", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnWaitTest( + "Sorting on second column is the order of the fifth", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnWaitTest( + "Reserve sorting on second column uses fifth column as well", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnWaitTest( + "Sorting on 5th column retains it's own sorting", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + + oTest.fnWaitTest( + "Use 2nd col for sorting 5th col and via-versa - no effect on first col sorting", + function () { + mTmp = 0; + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "iDataSort": 4 }, + null, + null, + { "iDataSort": 1 } + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == 'Gecko'; } + ); + + oTest.fnWaitTest( + "2nd col sorting uses fifth col", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'A'; } + ); + + oTest.fnWaitTest( + "2nd col sorting uses fifth col - reversed", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(4)').html() == 'X'; } + ); + + oTest.fnWaitTest( + "5th col sorting uses 2nd col", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'All others'; } + ); + + oTest.fnWaitTest( + "5th col sorting uses 2nd col - reversed", + function () { $('#example thead th:eq(4)').click(); }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == 'Seamonkey 1.1'; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sClass.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sClass.js new file mode 100755 index 0000000000000000000000000000000000000000..5c2ffd9af564889da9689a105201c61488d790ad --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sClass.js @@ -0,0 +1,118 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sClass" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "By default the test class hasn't been applied to the column (sanity!)", + null, + function () { return $('#example tbody tr:eq(0) td:eq(2)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + null, + { "sClass": 'unittest' }, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(1) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - third row", + null, + function () { return $('#example tbody tr:eq(3) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - last row", + null, + function () { return $('#example tbody tr:eq(9) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to other columns - 1st", + null, + function () { return $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to other columns - 5th", + null, + function () { return $('#example tbody tr:eq(3) td:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - seventh row - second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody tr:eq(6) td:eq(2)').hasClass('unittest'); } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to header", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + oTest.fnWaitTest( + "Add a class to a single column - has not applied to footer", + null, + function () { return $('#example thead tr:eq(3) th:eq(4)').hasClass('unittest') == false; } + ); + + + oTest.fnWaitTest( + "Class defined for multiple columns - first row", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + { "sClass": 'unittest2' }, + null, + null, + { "sClass": 'unittest1' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example tbody tr:eq(3) td:eq(0)').hasClass('unittest2') && + $('#example tbody tr:eq(8) td:eq(3)').hasClass('unittest1'); + return bReturn; + } + ); + + oTest.fnWaitTest( + "Class defined for multiple columns - has not applied to other columns - 5th 1", + null, + function () { return $('#example tbody tr:eq(0) td:eq(4)').hasClass('unittest1') == false; } + ); + + oTest.fnWaitTest( + "Class defined for multiple columns - has not applied to other columns - 5th 2", + null, + function () { return $('#example tbody tr:eq(6) td:eq(4)').hasClass('unittest2') == false; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sName.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sName.js new file mode 100755 index 0000000000000000000000000000000000000000..a197bc3111e6e48c16b36cff748c68dfe346c66a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sName.js @@ -0,0 +1,29 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sName" ); + +/* This has no effect at all in DOM methods - so we just check that it has applied the name */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + null, + null, + { "sName": 'unit test' }, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Names are stored in the columns object", + null, + function () { return oSettings.aoColumns[3].sName =="unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sTitle.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sTitle.js new file mode 100755 index 0000000000000000000000000000000000000000..e0e02819d081d5137a7368cbc913ae63d612f07b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sTitle.js @@ -0,0 +1,85 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sTitle" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "If not given, then the columns titles are empty", + null, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "Browser" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Can set a single column title - and others are read from DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "sTitle": 'unit test' }, + null, + null, + null + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "CSS grade"; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Can set multiple column titles", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + { "sTitle": 'unit test 1' }, + null, + null, + { "sTitle": 'unit test 2' } + ] + } ); + }, + function () { + var jqNodes = $('#example thead tr:eq(0) th'); + var bReturn = + jqNodes[0].innerHTML == "Rendering engine" && + jqNodes[1].innerHTML == "unit test 1" && + jqNodes[2].innerHTML == "Platform(s)" && + jqNodes[3].innerHTML == "Engine version" && + jqNodes[4].innerHTML == "unit test 2"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sWidth.js new file mode 100755 index 0000000000000000000000000000000000000000..251d0792ee89405bf816cdab5d25853f0654a05f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoColumns.sWidth.js @@ -0,0 +1,90 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoColumns.sWidth" ); + +/* NOTE - we need to disable the auto width for the majority of these test in order to preform + * these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests + * with auto width enabled however to ensure it scales columns as required + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bAutoWidth": false, + "aoColumns": [ + null, + { "sWidth": '40%' }, + null, + null, + null + ] + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "With auto width disabled the width for one column is appled", + null, + function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; } + ); + + oTest.fnWaitTest( + "With auto width disabled the width for one column is appled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bAutoWidth": false, + "aoColumns": [ + null, + null, + { "sWidth": '20%' }, + { "sWidth": '30%' }, + null + ] + } ); + }, + function () { + var bReturn = + $('#example thead th:eq(2)')[0].style.width == "20%" && + $('#example thead th:eq(3)')[0].style.width == "30%"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "With auto width, it will make the smallest column the largest with percentage width given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoColumns": [ + null, + null, + null, + { "sWidth": '40%' }, + null + ] + } ); + }, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + + if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 ) + return true; + else + return false; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoSearchCols.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoSearchCols.js new file mode 100644 index 0000000000000000000000000000000000000000..aa61f90cc4953f54396877630d4c0ecf93d920b6 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/aoSearchCols.js @@ -0,0 +1,125 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "aoSearchCols" ); + +/* We could be here forever testing this one, so we test a limited subset on a couple of colums */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default should be to have a empty colums array", + null, + function () { + var bReturn = + oSettings.aoPreSearchCols[0].sSearch == 0 && !oSettings.aoPreSearchCols[0].bRegex && + oSettings.aoPreSearchCols[1].sSearch == 0 && !oSettings.aoPreSearchCols[1].bRegex && + oSettings.aoPreSearchCols[2].sSearch == 0 && !oSettings.aoPreSearchCols[2].bRegex && + oSettings.aoPreSearchCols[3].sSearch == 0 && !oSettings.aoPreSearchCols[3].bRegex && + oSettings.aoPreSearchCols[4].sSearch == 0 && !oSettings.aoPreSearchCols[4].bRegex; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Search on a single column - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1" }, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 9 of 9 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Search on two columns - no regex statement given", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoSearchCols": [ + null, + { "sSearch": "Mozilla" }, + null, + { "sSearch": "1.5" }, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(3)').html() == "1.5"; } + ); + + oTest.fnWaitTest( + "Search on single column - escape regex false", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + null, + null, + null, + null + ] + } ); + }, + function () { return $('#example_info').html() == "Showing 1 to 3 of 3 entries (filtered from 57 total entries)"; } + ); + + oTest.fnWaitTest( + "Search on two columns - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "3.3", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Konqureror 3.3"; } + ); + + oTest.fnWaitTest( + "Search on two columns (no records) - escape regex false on first, true on second", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "aoSearchCols": [ + { "sSearch": ".*ML", "bEscapeRegex": false }, + { "sSearch": "Allan", "bEscapeRegex": true }, + null, + null, + null + ] + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/asStripClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/asStripClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..038447f22ac1b0af290da0a3b9fddcbcd34c8909 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/asStripClasses.js @@ -0,0 +1,109 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "asStripeClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + + oTest.fnWaitTest( + "Default row striping is applied", + null, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + oTest.fnWaitTest( + "Row striping on the second page", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('odd') && + $('#example tbody tr:eq(1)').hasClass('even') && + $('#example tbody tr:eq(2)').hasClass('odd') && + $('#example tbody tr:eq(3)').hasClass('even'); + } + ); + + /* No striping */ + oTest.fnWaitTest( + "No row striping", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "asStripeClasses": [] + } ); + }, + function () { + if ( typeof $('#example tbody tr:eq(1)')[0] == 'undefined' ) + { + /* Use the 'wait for' to allow this to become true */ + return false; + } + return $('#example tbody tr:eq(0)')[0].className == "" && + $('#example tbody tr:eq(1)')[0].className == "" && + $('#example tbody tr:eq(2)')[0].className == "" && + $('#example tbody tr:eq(3)')[0].className == ""; + } + ); + + /* Custom striping */ + oTest.fnWaitTest( + "Custom striping [2]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "asStripeClasses": [ 'test1', 'test2' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test1') && + $('#example tbody tr:eq(3)').hasClass('test2'); + } + ); + + + /* long array of striping */ + oTest.fnWaitTest( + "Custom striping [4]", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "asStripeClasses": [ 'test1', 'test2', 'test3', 'test4' ] + } ); + }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + oTest.fnWaitTest( + "Custom striping is restarted on second page [2]", + function () { $('#example_next').click(); }, + function () { + return $('#example tbody tr:eq(0)').hasClass('test1') && + $('#example tbody tr:eq(1)').hasClass('test2') && + $('#example tbody tr:eq(2)').hasClass('test3') && + $('#example tbody tr:eq(3)').hasClass('test4'); + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bAutoWidth.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bAutoWidth.js new file mode 100644 index 0000000000000000000000000000000000000000..45b5a0038019db7cc4d9988524e9d537e7127ef8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bAutoWidth.js @@ -0,0 +1,145 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bAutoWidth" ); + +/* It's actually a little tricky to test this. We can't test absolute numbers because + * different browsers and different platforms will render the width of the columns slightly + * differently. However, we certainly can test the principle of what should happen (column + * width doesn't change over pages) + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Auto width is enabled by default", + null, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + oTest.fnWaitTest( + "First column has a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style').match(/width/i); } + ); + + /* + This would seem like a better test - but there appear to be difficulties with tables + which are bigger (calculated) than there is actually room for. I suspect this is actually + a bug in datatables + oTest.fnWaitTest( + "Check column widths on first page match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + console.log( a0, b0, a1, b1, a2, b2, a3, b3 ); + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + + oTest.fnWaitTest( + "Check column widths on second page match thid page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return true; + else + return false; + } + ); + */ + + /* Check can disable */ + oTest.fnWaitTest( + "Auto width can be disabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bAutoWidth": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth == false; } + ); + + oTest.fnWaitTest( + "First column does not have a width assigned to it", + null, + function () { return $('#example thead th:eq(0)').attr('style') == null; } + ); + + /* + oTest.fnWaitTest( + "Check column widths on first page do not match second page", + null, + function () { + var anThs = $('#example thead th'); + var a0 = anThs[0].offsetWidth; + var a1 = anThs[1].offsetWidth; + var a2 = anThs[2].offsetWidth; + var a3 = anThs[3].offsetWidth; + var a4 = anThs[4].offsetWidth; + $('#example_next').click(); + var b0 = anThs[0].offsetWidth; + var b1 = anThs[1].offsetWidth; + var b2 = anThs[2].offsetWidth; + var b3 = anThs[3].offsetWidth; + var b4 = anThs[4].offsetWidth; + if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 ) + return false; + else + return true; + } + ); + */ + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Auto width enabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bAutoWidth": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bAutoWidth; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bFilter.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bFilter.js new file mode 100644 index 0000000000000000000000000000000000000000..f40d7ae07a631f376f7864e21c9086acbc388842 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bFilter.js @@ -0,0 +1,47 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bFilter" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + + oTest.fnWaitTest( + "Filtering div exists by default", + null, + function () { return document.getElementById('example_filter') != null; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Fltering can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bFilter": false + } ); + }, + function () { return document.getElementById('example_filter') == null; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Filtering enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bFilter": true + } ); + }, + function () { return document.getElementById('example_filter') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..4cdd5e1e0bfbf40834807552c52636d7fc1ad6bd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bInfo.js @@ -0,0 +1,47 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bInfo" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + + oTest.fnWaitTest( + "Info div exists by default", + null, + function () { return document.getElementById('example_info') != null; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Info can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bInfo": false + } ); + }, + function () { return document.getElementById('example_info') == null; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Info enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bInfo": true + } ); + }, + function () { return document.getElementById('example_info') != null; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bLengthChange.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bLengthChange.js new file mode 100644 index 0000000000000000000000000000000000000000..2ca7c0d5913c71eee1a9d0817fd4242d15eeb561 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bLengthChange.js @@ -0,0 +1,78 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bLengthChange" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + + oTest.fnWaitTest( + "Length div exists by default", + null, + function () { return document.getElementById('example_length') != null; } + ); + + oTest.fnWaitTest( + "Four default options", + null, + function () { return $("select[name=example_length] option").length == 4; } + ); + + oTest.fnWaitTest( + "Default options", + null, + function () { + var opts = $("select[name='example_length'] option"); + return opts[0].getAttribute('value') == 10 && opts[1].getAttribute('value') == 25 && + opts[2].getAttribute('value') == 50 && opts[3].getAttribute('value') == 100; + } + ); + + oTest.fnWaitTest( + "Info takes length into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Change length can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bLengthChange": false + } ); + }, + function () { return document.getElementById('example_length') == null; } + ); + + oTest.fnWaitTest( + "Information takes length disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Length change enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bLengthChange": true + } ); + }, + function () { return document.getElementById('example_length') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..ed63fa836de56ecb8ccf5d0eb2ff10e22b542bdc --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bPaginate.js @@ -0,0 +1,62 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bPaginate" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + + oTest.fnWaitTest( + "Pagiantion div exists by default", + null, + function () { return document.getElementById('example_paginate') != null; } + ); + + oTest.fnWaitTest( + "Information div takes paging into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 10 of 57 entries"; } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bPaginate": false + } ); + }, + function () { return document.getElementById('example_paginate') == null; } + ); + + oTest.fnWaitTest( + "Information div takes paging disabled into account", + null, + function () { return document.getElementById('example_info').innerHTML == + "Showing 1 to 57 of 57 entries"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Pagiantion enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bPaginate": true + } ); + }, + function () { return document.getElementById('example_paginate') != null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..4193c701c32c992777c95badcfc234e4a16e513f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bProcessing.js @@ -0,0 +1,106 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bProcessing" ); + +/* It's actually a bit hard to set this one due to the fact that it will only be shown + * when DataTables is doing some kind of processing. The server-side processing is a bit + * better to test this than here - so we just the interal functions to enable it and check + * that it is available + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Processing is off by default", + null, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnWaitTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "Processing div cannot be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + oTest.fnWaitTest( + "Processing div cannot be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + /* Check can disable */ + oTest.fnWaitTest( + "Processing can be enabled", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bProcessing": true + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == true; } + ); + + oTest.fnWaitTest( + "Processing div is in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing'); } + ); + + oTest.fnWaitTest( + "Processing div is hidden by default", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + oTest.fnWaitTest( + "Processing div can be shown", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing').style.visibility = "visible"; } + ); + + oTest.fnWaitTest( + "Processing div can be hidden", + function () { oTable.oApi._fnProcessingDisplay( oSettings, false ); }, + function () { return document.getElementById('example_processing').style.visibility = "hidden"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Processing disabled override", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bProcessing": false + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oFeatures.bProcessing == false; } + ); + + oTest.fnWaitTest( + "Processing div is not in the DOM", + function () { oTable.oApi._fnProcessingDisplay( oSettings, true ); }, + function () { return document.getElementById('example_processing') == null; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bServerSide.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bServerSide.js new file mode 100644 index 0000000000000000000000000000000000000000..da58fac06a2ffa74713947924d66beb3d609a560 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bServerSide.js @@ -0,0 +1,21 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bServerSide" ); + +/* Not interested in server-side processing here other than to check that it is off */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Server side is off by default", + null, + function () { return oSettings.oFeatures.bServerSide == false; } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bSort.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bSort.js new file mode 100644 index 0000000000000000000000000000000000000000..2a252d955261280f0fa1c183d56eca277496fe02 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bSort.js @@ -0,0 +1,102 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bSort" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + + oTest.fnWaitTest( + "Sorting is on by default", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnWaitTest( + "Sorting Asc by default class applied", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc"); } + ); + + oTest.fnWaitTest( + "Click on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnWaitTest( + "Sorting class removed from first column", + null, + function () { return $('#example thead th:eq(0)').hasClass("sorting_asc") != true; } + ); + + oTest.fnWaitTest( + "Sorting asc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc"); } + ); + + oTest.fnWaitTest( + "Reverse on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnWaitTest( + "Sorting acs class removed from second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_asc") != true; } + ); + + oTest.fnWaitTest( + "Sorting desc class applied to second column", + null, + function () { return $('#example thead th:eq(1)').hasClass("sorting_desc"); } + ); + + /* Check can disable */ + oTest.fnWaitTest( + "Pagiantion can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bSort": false + } ); + }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnWaitTest( + "Click on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + oTest.fnWaitTest( + "Reverse on second column has no effect", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "4"; } + ); + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Sorting enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bSort": true + } ); + }, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bSortClasses.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bSortClasses.js new file mode 100644 index 0000000000000000000000000000000000000000..33cd0a2893068fa28a4dbe9e91aa7086672d6af1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/bSortClasses.js @@ -0,0 +1,135 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "bSortClasses" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + + oTest.fnWaitTest( + "Sorting classes are applied by default", + null, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnWaitTest( + "Sorting classes are applied to all required cells", + null, + function () { return $('#example tbody tr:eq(7) td:eq(0)').hasClass('sorting_1'); } + ); + + oTest.fnWaitTest( + "Sorting classes are not applied to non-sorting columns", + null, + function () { return $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_1') == false; } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 1", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2'); + } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 2", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3'); + } + ); + + oTest.fnWaitTest( + "Sorting multi-column - add column 3", + function () { + oDispacher.click( $('#example thead th:eq(3)')[0], { 'shift': true } ); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3'); + } + ); + + oTest.fnWaitTest( + "Remove sorting classes on single column sort", + function () { + $('#example thead th:eq(4)').click(); + }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false && + $('#example tbody tr:eq(0) td:eq(3)').hasClass('sorting_3') == false; + } + ); + + oTest.fnWaitTest( + "Sorting class 1 was added", + null, + function () { return $('#example tbody tr:eq(1) td:eq(4)').hasClass('sorting_1'); } + ); + + + /* Check can disable */ + oTest.fnWaitTest( + "Sorting classes can be disabled", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bSortClasses": false + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false; } + ); + + oTest.fnWaitTest( + "Sorting classes disabled - add column 1 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false; + } + ); + + oTest.fnWaitTest( + "Sorting classes disabled - add column 2 - no effect", + function () { + oDispacher.click( $('#example thead th:eq(2)')[0], { 'shift': true } ); }, + function () { + return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1') == false && + $('#example tbody tr:eq(0) td:eq(1)').hasClass('sorting_2') == false && + $('#example tbody tr:eq(0) td:eq(2)').hasClass('sorting_3') == false; + } + ); + + + /* Enable makes no difference */ + oTest.fnWaitTest( + "Sorting classes enabled override", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bSortClasses": true + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').hasClass('sorting_1'); } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnDrawCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnDrawCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..8d06e246a5407a8c28c42a803ddae933147a2fb4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnDrawCallback.js @@ -0,0 +1,102 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnDrawCallback" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + var mPass, bInit; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnDrawCallback == null; } + ); + + + oTest.fnWaitTest( + "One argument passed", + function () { + oSession.fnRestore(); + + mPass = -1; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnDrawCallback": function ( ) { + mPass = arguments.length; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 1 && bInit; } + ); + + + oTest.fnWaitTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + bInit = false; + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnDrawCallback": function ( oSettings ) { + mPass = oSettings; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return oTable.fnSettings() == mPass && bInit; } + ); + + + /* The draw callback is called once for the init and then when the data is added */ + oTest.fnWaitTest( + "fnRowCallback called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnDrawCallback": function ( ) { + mPass++; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 2 && bInit; } + ); + + oTest.fnWaitTest( + "fnRowCallback called once on each draw there after as well", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 5; } + ); + + + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnHeaderCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnHeaderCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..2e2d52f65b355147e0ca390aeaa4da57357bb0ff --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnHeaderCallback.js @@ -0,0 +1,200 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnHeaderCallback" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + var mPass, bInit; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnHeaderCallback == null; } + ); + + + oTest.fnWaitTest( + "Five arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnHeaderCallback": function ( ) { + mPass = arguments.length; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 5 && bInit; } + ); + + + /* The header callback is called once for the init and then when the data is added */ + oTest.fnWaitTest( + "fnHeaderCallback called once per draw", + function () { + oSession.fnRestore(); + + mPass = 0; + bInit = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + mPass++; + }, + "fnInitComplete": function () { + bInit = true; + } + } ); + }, + function () { return mPass == 2 && bInit; } + ); + + oTest.fnWaitTest( + "fnRowCallback called on paging (i.e. another draw)", + function () { $('#example_next').click(); }, + function () { return mPass == 3; } + ); + + + oTest.fnWaitTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records"; + } + } ); + }, + function () { return $('#example thead th:eq(0)').html() == "Displaying 10 records"; } + ); + + + oTest.fnWaitTest( + "iStart correct on first page", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart != 0 ) + { + mPass = false; + } + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "iStart correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iStart == 10 ) + { + mPass = true; + } + }, + "fnInitComplete": function () { + $('#example_next').click(); + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "iEnd correct on second page", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( iEnd == 20 ) + { + mPass = true; + } + }, + "fnInitComplete": function () { + $('#example_next').click(); + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnWaitTest( + "aiDisplay length is full data when not filtered", + function () { + oSession.fnRestore(); + + mPass = false; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 57 ) + { + mPass = true; + } + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnWaitTest( + "aiDisplay length is 9 when filtering on 'Mozilla'", + function () { + oSession.fnRestore(); + + mPass = false; + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnHeaderCallback": function ( nHead, aasData, iStart, iEnd, aiDisplay ) { + if ( aiDisplay.length == 9 ) + { + mPass = true; + } + } + } ); + oTable.fnFilter( "Mozilla" ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnInitComplete.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnInitComplete.js new file mode 100644 index 0000000000000000000000000000000000000000..f49b7216b77436410c305d9065dfa2034126eeb8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnInitComplete.js @@ -0,0 +1,105 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnInitComplete" ); + +/* Fairly boring function compared to the others! */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnInitComplete == null; } + ); + + + oTest.fnWaitTest( + "Two arguments passed (for Ajax!)", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnInitComplete": function ( ) { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 2; } + ); + + + oTest.fnWaitTest( + "That one argument is the settings object", + function () { + oSession.fnRestore(); + + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnInitComplete": function ( oSettings ) { + mPass = oSettings; + } + } ); + }, + function () { return oTable.fnSettings() == mPass; } + ); + + + oTest.fnWaitTest( + "fnInitComplete called once on first draw", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnInitComplete": function ( ) { + mPass++; + } + } ); + }, + function () { return mPass == 1; } + ); + + oTest.fnWaitTest( + "fnInitComplete never called there after", + function () { + $('#example_next').click(); + $('#example_next').click(); + $('#example_next').click(); + }, + function () { return mPass == 1; } + ); + + + oTest.fnWaitTest( + "10 rows in the table on complete", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnInitComplete": function ( ) { + mPass = $('#example tbody tr').length; + } + } ); + }, + function () { return mPass == 10; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnRowCallback.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnRowCallback.js new file mode 100644 index 0000000000000000000000000000000000000000..41c7c9b3b1ef924ccd4a431a67ce42d4fcc62d8d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnRowCallback.js @@ -0,0 +1,118 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnRowCallback" ); + +/* Note - fnRowCallback MUST return the first arguments (modified or not) */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + var mPass; + + oTest.fnWaitTest( + "Default should be null", + null, + function () { return oSettings.fnRowCallback == null; } + ); + + + oTest.fnWaitTest( + "Four arguments passed", + function () { + oSession.fnRestore(); + + mPass = -1; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnRowCallback": function ( nTr ) { + mPass = arguments.length; + return nTr; + } + } ); + }, + function () { return mPass == 4; } + ); + + + oTest.fnWaitTest( + "fnRowCallback called once for each drawn row", + function () { + oSession.fnRestore(); + + mPass = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + mPass++; + return nTr; + } + } ); + }, + function () { return mPass == 10; } + ); + + oTest.fnWaitTest( + "fnRowCallback allows us to alter row information", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + $(nTr).addClass('unit_test'); + return nTr; + } + } ); + }, + function () { return $('#example tbody tr:eq(1)').hasClass('unit_test'); } + ); + + oTest.fnWaitTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( asData.length != 5 ) + mPass = false; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnWaitTest( + "Data array has length matching columns", + function () { + oSession.fnRestore(); + + mPass = true; + var iCount = 0; + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnRowCallback": function ( nTr, asData, iDrawIndex, iDataIndex ) { + if ( iCount != iDrawIndex ) + mPass = false; + iCount++; + return nTr; + } + } ); + }, + function () { return mPass; } + ); + + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnServerData.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnServerData.js new file mode 100644 index 0000000000000000000000000000000000000000..5c4b31917bf77bcf33cfddc268032718909eb613 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/fnServerData.js @@ -0,0 +1,68 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "fnServerData for Ajax sourced data" ); + +$(document).ready( function () { + var mPass; + + oTest.fnTest( + "Argument length", + function () { + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnServerData": function () { + mPass = arguments.length; + } + } ); + }, + function () { return mPass == 4; } + ); + + oTest.fnTest( + "Url", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnServerData": function (sUrl, aoData, fnCallback, oSettings) { + mPass = sUrl == "../../../examples/ajax/sources/arrays.txt"; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Data array", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnServerData": function (sUrl, aoData, fnCallback, oSettings) { + mPass = aoData.length==0; + } + } ); + }, + function () { return mPass; } + ); + + oTest.fnTest( + "Callback function", + function () { + $('#example').dataTable( { + "bDestroy": true, + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "fnServerData": function (sUrl, aoData, fnCallback, oSettings) { + mPass = typeof fnCallback == 'function'; + } + } ); + }, + function () { return mPass; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/iDisplayLength.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/iDisplayLength.js new file mode 100644 index 0000000000000000000000000000000000000000..5aa7ff30ccbf67f7db581c064b64672adf2f434c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/iDisplayLength.js @@ -0,0 +1,85 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "iDisplayLength" ); + +$(document).ready( function () { + /* Check the default */ + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + + oTest.fnWaitTest( + "Default length is ten", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnWaitTest( + "Select menu shows 10", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnWaitTest( + "Set initial length to 25", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "iDisplayLength": 25 + } ); + }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnWaitTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 25; } + ); + + + oTest.fnWaitTest( + "Set initial length to 100", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "iDisplayLength": 100 + } ); + }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnWaitTest( + "Select menu shows 25", + null, + function () { return $('#example_length select').val() == 100; } + ); + + + oTest.fnWaitTest( + "Set initial length to 23 (unknown select menu length)", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "iDisplayLength": 23 + } ); + }, + function () { return $('#example tbody tr').length == 23; } + ); + + oTest.fnWaitTest( + "Select menu shows 10 (since 23 is unknow)", + null, + function () { return $('#example_length select').val() == 10; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.oPaginate.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.oPaginate.js new file mode 100644 index 0000000000000000000000000000000000000000..908136e1dbf25600bbcc6846f84918f0611c510f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.oPaginate.js @@ -0,0 +1,86 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.oPaginate" ); + +/* Note that the paging language information only has relevence in full numbers */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "sPaginationType": "full_numbers" + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "oLanguage.oPaginate defaults", + null, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "First" && + oSettings.oLanguage.oPaginate.sPrevious == "Previous" && + oSettings.oLanguage.oPaginate.sNext == "Next" && + oSettings.oLanguage.oPaginate.sLast == "Last"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate defaults are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "First" && + $('#example_paginate .previous').html() == "Previous" && + $('#example_paginate .next').html() == "Next" && + $('#example_paginate .last').html() == "Last"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "oLanguage.oPaginate can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "sPaginationType": "full_numbers", + "oLanguage": { + "oPaginate": { + "sFirst": "unit1", + "sPrevious": "test2", + "sNext": "unit3", + "sLast": "test4" + } + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.oPaginate.sFirst == "unit1" && + oSettings.oLanguage.oPaginate.sPrevious == "test2" && + oSettings.oLanguage.oPaginate.sNext == "unit3" && + oSettings.oLanguage.oPaginate.sLast == "test4"; + return bReturn; + } + ); + + oTest.fnTest( + "oLanguage.oPaginate definitions are in the DOM", + null, + function () { + var bReturn = + $('#example_paginate .first').html() == "unit1" && + $('#example_paginate .previous').html() == "test2" && + $('#example_paginate .next').html() == "unit3" && + $('#example_paginate .last').html() == "test4"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sInfo.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sInfo.js new file mode 100644 index 0000000000000000000000000000000000000000..9849dc7d1afd0bcbabd194e31d429fc97c7abf1f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sInfo.js @@ -0,0 +1,124 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfo" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info language is 'Showing _START_ to _END_ of _TOTAL_ entries' by default", + null, + function () { return oSettings.oLanguage.sInfo == "Showing _START_ to _END_ of _TOTAL_ entries"; } + ); + + oTest.fnTest( + "Info language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnWaitTest( + "Info language can be defined - without any macros", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfo": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfo == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "unit test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _START_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfo": "unit _START_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _END_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 10 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macro _TOTAL_ only", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfo": "unit _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 57 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macros _START_ and _END_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfo": "unit _START_ _END_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 test"; } + ); + + oTest.fnWaitTest( + "Info language can be defined - with macros _START_, _END_ and _TOTAL_", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfo": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "unit 1 10 57 test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sInfoEmpty.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sInfoEmpty.js new file mode 100644 index 0000000000000000000000000000000000000000..31d707385423ebfb9d5f733c76da05d6f031d105 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sInfoEmpty.js @@ -0,0 +1,82 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfoEmpty" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info empty language is 'Showing 0 to 0 of 0 entries' by default", + function () { oTable.fnFilter("nothinghere"); }, + function () { return oSettings.oLanguage.sInfoEmpty == "Showing 0 to 0 of 0 entries"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "Showing 0 to 0 of 0 entries"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Info empty language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfoEmpty": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + oTable.fnFilter("nothinghere"); + }, + function () { return oSettings.oLanguage.sInfoEmpty == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit test"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Macro's not replaced", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfoEmpty": "unit _START_ _END_ _TOTAL_ test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { + var bReturn = document.getElementById('example_info').innerHTML.replace( + ' '+oSettings.oLanguage.sInfoFiltered.replace( '_MAX_', '57' ), "" ) == + "unit _START_ _END_ _TOTAL_ test"; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sInfoPostFix.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sInfoPostFix.js new file mode 100644 index 0000000000000000000000000000000000000000..deced0fd8dcf5182f54deffb49ad662bc40f5a68 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sInfoPostFix.js @@ -0,0 +1,82 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sInfoPostFix" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Info post fix language is '' (blank) by default", + null, + function () { return oSettings.oLanguage.sInfoPostFix == ""; } + ); + + oTest.fnTest( + "Width no post fix, the basic info shows", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries"; } + ); + + + oTest.fnWaitTest( + "Info post fix language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sInfoPostFix == "unit test"; } + ); + + oTest.fnTest( + "Info empty language default is in the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit test"; } + ); + + + oTest.fnWaitTest( + "Macros have no effect in the post fix", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfoPostFix": "unit _START_ _END_ _TOTAL_ test" + } + } ); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 1 to 10 of 57 entries unit _START_ _END_ _TOTAL_ test"; } + ); + + + oTest.fnWaitTest( + "Post fix is applied after fintering info", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sInfoPostFix": "unit test" + } + } ); + oTable.fnFilter("nothinghere"); + }, + function () { return document.getElementById('example_info').innerHTML = "Showing 0 to 0 of 0 entries unit (filtered from 57 total entries) test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sLengthMenu.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sLengthMenu.js new file mode 100644 index 0000000000000000000000000000000000000000..284c588ea1e11d1ce48fa36199c5c1bebc1d462b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sLengthMenu.js @@ -0,0 +1,115 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sLengthMenu" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Menu language is 'Show _MENU_ entries' by default", + null, + function () { return oSettings.oLanguage.sLengthMenu == "Show _MENU_ entries"; } + ); + + oTest.fnTest( + "_MENU_ macro is replaced by select menu in DOM", + null, + function () { return $('select', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.l[0]).length == 1 } + ); + + oTest.fnTest( + "Default is put into DOM", + null, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "Show " && + anChildren[2].nodeValue == " entries"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Menu length language can be defined - no _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sLengthMenu": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sLengthMenu == "unit test"; } + ); + + oTest.fnTest( + "Menu length language definition is in the DOM", + null, + function () { + return $('label', oSettings.aanFeatures.l[0]).text() == "unit test"; + } + ); + + + oTest.fnWaitTest( + "Menu length language can be defined - with _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sLengthMenu": "unit _MENU_ test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = $('label',oSettings.aanFeatures.l[0])[0].childNodes; + var bReturn = + anChildren[0].nodeValue == "unit " && + anChildren[2].nodeValue == " test"; + return bReturn; + } + ); + + + oTest.fnWaitTest( + "Only the _MENU_ macro", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sLengthMenu": "_MENU_" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var anChildren = oSettings.aanFeatures.l[0].childNodes; + var bReturn = + anChildren.length == 1 && + $('select', oSettings.aanFeatures.l[0]).length == 1; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sProcessing.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sProcessing.js new file mode 100644 index 0000000000000000000000000000000000000000..65f2e6d0b8b804db15fb56001abb107d3e5a50bd --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sProcessing.js @@ -0,0 +1,51 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sProcessing" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bProcessing": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Processing language is 'Processing...' by default", + null, + function () { return oSettings.oLanguage.sProcessing == "Processing..."; } + ); + + oTest.fnTest( + "Processing language default is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "Processing..."; } + ); + + + oTest.fnWaitTest( + "Processing language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "bProcessing": true, + "oLanguage": { + "sProcessing": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sProcessing == "unit test"; } + ); + + oTest.fnTest( + "Processing language definition is in the DOM", + null, + function () { return document.getElementById('example_processing').innerHTML = "unit test"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..d6f6f09725e340a38aab9c7dddb671f04d6cc938 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sSearch.js @@ -0,0 +1,73 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Search language is 'Search:' by default", + null, + function () { return oSettings.oLanguage.sSearch == "Search:"; } + ); + + oTest.fnTest( + "A label input is used", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).length == 1 } + ); + + oTest.fnTest( + "Search language default is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text() + == "Search: "; } + ); + + + oTest.fnWaitTest( + "Search language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sSearch": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sSearch == "unit test"; } + ); + + oTest.fnTest( + "Info language definition is in the DOM", + null, + function () { return $('label', oSettings.aanFeatures.f[0]).text().indexOf('unit test') !== -1; } + ); + + + oTest.fnWaitTest( + "Blank search has a no space (separator) inserted", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sSearch": "" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return document.getElementById('example_filter').childNodes.length == 1; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sUrl.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sUrl.js new file mode 100644 index 0000000000000000000000000000000000000000..0300185521ba18d80b5f317921c01117959c56f0 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sUrl.js @@ -0,0 +1,64 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sUrl" ); + +/* Note that we only test the internal storage of language information pulled form a file here + * as the other language tests will check it goes into the DOM correctly + */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnTest( + "sUrl is blank by default", + null, + function () { return oSettings.oLanguage.sUrl == ""; } + ); + + + oTest.fnWaitTest( + "Loading of German file loads language information", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sUrl": "../../../examples/examples_support/de_DE.txt" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + var bReturn = + oSettings.oLanguage.sProcessing == "Bitte warten..." && + oSettings.oLanguage.sLengthMenu == "_MENU_ Einträge anzeigen" && + oSettings.oLanguage.sZeroRecords == "Keine Einträge vorhanden." && + oSettings.oLanguage.sInfo == "_START_ bis _END_ von _TOTAL_ Einträgen" && + oSettings.oLanguage.sInfoEmpty == "0 bis 0 von 0 Einträgen" && + oSettings.oLanguage.sInfoFiltered == "(gefiltert von _MAX_ Einträgen)" && + oSettings.oLanguage.sInfoPostFix == "" && + oSettings.oLanguage.sSearch == "Suchen" && + oSettings.oLanguage.oPaginate.sFirst == "Erster" && + oSettings.oLanguage.oPaginate.sPrevious == "Zurück" && + oSettings.oLanguage.oPaginate.sNext == "Nächster" && + oSettings.oLanguage.oPaginate.sLast == "Letzter"; + + return bReturn; + } + ); + + /* One DOM check just to ensure that they go into the DOM */ + oTest.fnTest( + "Loaded language goes into the DOM", + null, + function () { return document.getElementById('example_info').innerHTML = "1 bis 10 von 57 Einträgen"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sZeroRecords.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sZeroRecords.js new file mode 100644 index 0000000000000000000000000000000000000000..b1a17a241cdddb8e5599af491e6c1c701fcff918 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oLanguage.sZeroRecords.js @@ -0,0 +1,50 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oLanguage.sZeroRecords" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Zero records language is 'No matching records found' by default", + null, + function () { return oSettings.oLanguage.sZeroRecords == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "No matching records found" } + ); + + + + oTest.fnWaitTest( + "Zero records language can be defined", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oLanguage": { + "sZeroRecords": "unit test" + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.oLanguage.sZeroRecords == "unit test"; } + ); + + oTest.fnWaitTest( + "Text is shown when empty table (after filtering)", + function () { oTable.fnFilter('nothinghere2'); }, + function () { return $('#example tbody tr td')[0].innerHTML == "unit test" } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oSearch.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oSearch.js new file mode 100644 index 0000000000000000000000000000000000000000..1bc693abacf41691170d43998f840b58dbbbb7d5 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/oSearch.js @@ -0,0 +1,114 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "oSearch" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default values should be blank", + null, + function () { + var bReturn = oSettings.oPreviousSearch.sSearch == "" && + !oSettings.oPreviousSearch.bRegex; + return bReturn; + } + ); + + /* This test might be considered iffy since the full object isn't given, but it's reasonable to + * expect DataTables to cope with this. It should just assumine regex false + */ + oTest.fnWaitTest( + "Search term only in object", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oSearch": { + "sSearch": "Mozilla" + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + oTest.fnWaitTest( + "New search will kill old one", + function () { + oTable.fnFilter("Opera"); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnWaitTest( + "Search plain text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oSearch": { + "sSearch": "DS", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(1)').html() == "Nintendo DS browser"; } + ); + + oTest.fnWaitTest( + "Search plain text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oSearch": { + "sSearch": "Opera", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Presto"; } + ); + + oTest.fnWaitTest( + "Search regex text term and escape regex true", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oSearch": { + "sSearch": "1.*", + "bRegex": false + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "No matching records found"; } + ); + + oTest.fnWaitTest( + "Search regex text term and escape regex false", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "oSearch": { + "sSearch": "1.*", + "bRegex": true + } + } ); + }, + function () { return $('#example tbody tr:eq(0) td:eq(0)').html() == "Gecko"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sAjaxDataProp.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sAjaxDataProp.js new file mode 100644 index 0000000000000000000000000000000000000000..e4b875c18389cfca84da07a28ef046c88dc313f4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sAjaxDataProp.js @@ -0,0 +1,140 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Custom data source property - property given" ); + + +$(document).ready( function () { + var oInit = { + "sAjaxSource": "../../../examples/ajax/sources/custom_prop.txt", + "bDeferRender": true, + "sAjaxDataProp": "demo" + }; + $('#example').dataTable( oInit ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sAjaxDataProp2.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sAjaxDataProp2.js new file mode 100644 index 0000000000000000000000000000000000000000..bd0c3466680218f5f7aa859c51d33e7fd505d80b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sAjaxDataProp2.js @@ -0,0 +1,140 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "Custom data source property - array only" ); + + +$(document).ready( function () { + var oInit = { + "sAjaxSource": "../../../examples/ajax/sources/array_only.txt", + "bDeferRender": true, + "sAjaxDataProp": "" + }; + $('#example').dataTable( oInit ); + + oTest.fnWaitTest( + "10 rows shown on the first page", + null, + function () { return $('#example tbody tr').length == 10; } + ); + + oTest.fnTest( + "Initial sort occured", + null, + function () { return $('#example tbody td:eq(0)').html() == "Gecko"; } + ); + + /* Need to use the WaitTest for sorting due to the setTimeout datatables uses */ + oTest.fnTest( + "Sorting (first click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (second click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "Seamonkey 1.1"; } + ); + + oTest.fnTest( + "Sorting (third click) on second column", + function () { $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Sorting (first click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "-"; } + ); + + oTest.fnTest( + "Sorting (second click) on numeric column", + function () { $('#example thead th:eq(3)').click(); }, + function () { return $('#example tbody td:eq(3)').html() == "522.1"; } + ); + + oTest.fnTest( + "Sorting multi-column (first click)", + function () { + $('#example thead th:eq(0)').click(); + oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } ); }, + function () { var b = + $('#example tbody td:eq(0)').html() == "Gecko" && + $('#example tbody td:eq(1)').html() == "Camino 1.0"; return b; } + ); + + oTest.fnTest( + "Sorting multi-column - sorting second column only", + function () { + $('#example thead th:eq(1)').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Basic paging */ + oTest.fnTest( + "Paging to second page", + function () { $('#example_next').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "IE Mobile"; } + ); + + oTest.fnTest( + "Paging to first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + oTest.fnTest( + "Attempting to page back beyond the first page", + function () { $('#example_previous').click(); }, + function () { return $('#example tbody td:eq(1)').html() == "All others"; } + ); + + /* Changing length */ + oTest.fnTest( + "Changing table length to 25 records", + function () { $("select[name=example_length]").val('25').change(); }, + function () { return $('#example tbody tr').length == 25; } + ); + + oTest.fnTest( + "Changing table length to 50 records", + function () { $("select[name=example_length]").val('50').change(); }, + function () { return $('#example tbody tr').length == 50; } + ); + + oTest.fnTest( + "Changing table length to 100 records", + function () { $("select[name=example_length]").val('100').change(); }, + function () { return $('#example tbody tr').length == 57; } + ); + + oTest.fnTest( + "Changing table length to 10 records", + function () { $("select[name=example_length]").val('10').change(); }, + function () { return $('#example tbody tr').length == 10; } + ); + + /* + * Information element + */ + oTest.fnTest( + "Information on zero config", + null, + function () { return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; } + ); + + oTest.fnTest( + "Information on second page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries"; } + ); + + oTest.fnTest( + "Information on third page", + function () { $('#example_next').click(); }, + function () { return document.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries"; } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sAjaxSource.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sAjaxSource.js new file mode 100644 index 0000000000000000000000000000000000000000..0672ed720630a6af587c9e3786784cd046c49cf4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sAjaxSource.js @@ -0,0 +1,23 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sAjaxSource" ); + +/* Sanitfy check really - all the other tests blast this */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Server side is off by default", + null, + function () { + return oSettings.sAjaxSource == "../../../examples/ajax/sources/arrays.txt"; + } + ); + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sDom.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sDom.js new file mode 100644 index 0000000000000000000000000000000000000000..4227ff0a976494d9b7e9c6aa4af00e35f3a53069 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sDom.js @@ -0,0 +1,269 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sDom" ); + +/* This is going to be brutal on the browser! There is a lot that can be tested here... */ + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Default DOM varaible", + null, + function () { return oSettings.sDom == "lfrtip"; } + ); + + oTest.fnWaitTest( + "Default DOM in document", + null, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + nNodes[5] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check example 1 in code propagates", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "sDom": '<"wrapper"flipt>' + } ); + oSettings = oTable.fnSettings(); + }, + function () { return oSettings.sDom == '<"wrapper"flipt>'; } + ); + + oTest.fnWaitTest( + "Check example 1 in DOM", + null, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + var nCustomWrapper = $('div.wrapper')[0]; + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrapper && + nNodes[2] == nFilter && + nNodes[3] == nLength && + nNodes[4] == nInfo && + nNodes[5] == nPaging && + nNodes[6] == nTable; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check example 2 in DOM", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "sDom": '<lf<t>ip>' + } ); + }, + function () { + var jqNodes = $('#demo div, #demo table'); + var nNodes = []; + var nCustomWrappers = [] + + /* Strip the paging nodes */ + for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ ) + { + if ( jqNodes[i].getAttribute('id') != "example_previous" && + jqNodes[i].getAttribute('id') != "example_next" ) + { + nNodes.push( jqNodes[i] ); + } + + /* Only the two custom divs don't have class names */ + if ( jqNodes[i].className == "" ) + { + nCustomWrappers.push( jqNodes[i] ); + } + } + + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nCustomWrappers[0] && + nNodes[2] == nLength && + nNodes[3] == nFilter && + nNodes[4] == nCustomWrappers[1] && + nNodes[5] == nTable && + nNodes[6] == nInfo && + nNodes[7] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no length element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "sDom": 'frtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + null == nLength && + nNodes[1] == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no filter element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "sDom": 'lrtip' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + null == nFilter && + nNodes[2] == nTable && + nNodes[3] == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + /* Note we don't test for no table as this is not supported (and it would be fairly daft! */ + + oTest.fnWaitTest( + "Check no info element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "sDom": 'lfrtp' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + null == nInfo && + nNodes[4] == nPaging; + return bReturn; + } + ); + + oTest.fnWaitTest( + "Check no paging element", + function () { + oSession.fnRestore(); + $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "sDom": 'lfrti' + } ); + }, + function () { + var nNodes = $('#demo div, #demo table'); + var nWrapper = document.getElementById('example_wrapper'); + var nLength = document.getElementById('example_length'); + var nFilter = document.getElementById('example_filter'); + var nInfo = document.getElementById('example_info'); + var nPaging = document.getElementById('example_paginate'); + var nTable = document.getElementById('example'); + + var bReturn = + nNodes[0] == nWrapper && + nNodes[1] == nLength && + nNodes[2] == nFilter && + nNodes[3] == nTable && + nNodes[4] == nInfo && + null == nPaging; + return bReturn; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sPaginationType.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sPaginationType.js new file mode 100644 index 0000000000000000000000000000000000000000..8364f90cecfc8bad0947292b2d5756dc2d57863d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/tests_onhold/6_delayed_rendering/sPaginationType.js @@ -0,0 +1,136 @@ +// DATA_TEMPLATE: empty_table +oTest.fnStart( "sPaginationType" ); + +$(document).ready( function () { + /* Check the default */ + var oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true + } ); + var oSettings = oTable.fnSettings(); + + oTest.fnWaitTest( + "Check two button paging is the default", + null, + function () { return oSettings.sPaginationType == "two_button"; } + ); + + oTest.fnWaitTest( + "Check class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_two_button'); } + ); + + oTest.fnWaitTest( + "Two A elements are in the wrapper", + null, + function () { return $('#example_paginate a').length == 2; } + ); + + oTest.fnWaitTest( + "We have the previous button", + null, + function () { return document.getElementById('example_previous'); } + ); + + oTest.fnWaitTest( + "We have the next button", + null, + function () { return document.getElementById('example_next'); } + ); + + oTest.fnWaitTest( + "Previous button is disabled", + null, + function () { return $('#example_previous').hasClass('paginate_disabled_previous'); } + ); + + oTest.fnWaitTest( + "Next button is enabled", + null, + function () { return $('#example_next').hasClass('paginate_enabled_next'); } + ); + + /* Don't test paging - that's done by the zero config test script. */ + + + /* Two buttons paging */ + var bComplete = false; + oTest.fnWaitTest( + "Can enabled full numbers paging", + function () { + oSession.fnRestore(); + oTable = $('#example').dataTable( { + "sAjaxSource": "../../../examples/ajax/sources/arrays.txt", + "bDeferRender": true, + "sPaginationType": "full_numbers", + "fnInitComplete": function () { + bComplete = true; + } + } ); + oSettings = oTable.fnSettings(); + }, + function () { + if ( bComplete ) + return oSettings.sPaginationType == "full_numbers"; + else + return false; + } + ); + + oTest.fnWaitTest( + "Check full numbers class is applied", + null, + function () { return $('#example_paginate').hasClass('paging_full_numbers'); } + ); + + + var nFirst, nPrevious, nNext, nLast; + oTest.fnWaitTest( + "Jump to last page", + function () { + nFirst = $('div.dataTables_paginate a.first'); + nPrevious = $('div.dataTables_paginate a.previous'); + nNext = $('div.dataTables_paginate a.next'); + nLast = $('div.dataTables_paginate a.last'); + nLast.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 51 to 57 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Go to two pages previous", + function () { + nPrevious.click(); + nPrevious.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 31 to 40 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Next (second last) page", + function () { + nNext.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 41 to 50 of 57 entries"; + } + ); + + oTest.fnWaitTest( + "Jump to first page", + function () { + nFirst.click(); + }, + function () { + return document.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries"; + } + ); + + + oTest.fnComplete(); +} ); \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/unit_test.js b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/unit_test.js new file mode 100644 index 0000000000000000000000000000000000000000..9c112308561d4481bef78da2b74dfab261a1e92f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/media/unit_testing/unit_test.js @@ -0,0 +1,409 @@ +/* + * File: unit_test.js + * Version: 0.0.1 + * CVS: $Id$ + * Description: Unit test framework + * Author: Allan Jardine (www.sprymedia.co.uk) + * Created: Sun Mar 8 22:02:49 GMT 2009 + * Modified: $Date$ by $Author$ + * Language: Javascript + * License: GPL v2 or BSD 3 point style + * Project: DataTables + * Contact: allan.jardine@sprymedia.co.uk + * + * Copyright 2009 Allan Jardine, all rights reserved. + * + * Description: + * This is a javascript library suitable for use as a unit testing framework. Employing a queuing + * mechanisim to take account of async events in javascript, this library will communicates with + * a controller frame (to report individual test status). + * + */ + + +var oTest = { + /* Block further tests from occuring - might be end of tests or due to async wait */ + bBlock: false, + + /* Number of times to try retesting for a blocking test */ + iReTestLimit: 20, + + /* Amount of time to wait between trying for an async test */ + iReTestDelay: 150, + + /* End tests - external control */ + bEnd: false, + + /* Internal variables */ + _aoQueue: [], + _iReTest: 0, + _bFinished: false, + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Recommened public functions + */ + + /* + * Function: fnTest + * Purpose: Add a test to the queue + * Returns: - + * Inputs: string:sMessage - name of the test + * function:fnTest - function which will be evaludated to get the test result + */ + "fnTest": function ( sMessage, fnSetup, fnTest ) + { + this._aoQueue.push( { + "sMessage": sMessage, + "fnSetup": fnSetup, + "fnTest": fnTest, + "bPoll": false + } ); + this._fnNext(); + }, + + /* + * Function: fnWaitTest + * Purpose: Add a test to the queue which has a re-test cycle + * Returns: - + * Inputs: string:sMessage - name of the test + * function:fnTest - function which will be evaludated to get the test result + */ + "fnWaitTest": function ( sMessage, fnSetup, fnTest ) + { + this._aoQueue.push( { + "sMessage": sMessage, + "fnSetup": fnSetup, + "fnTest": fnTest, + "bPoll": true + } ); + this._fnNext(); + }, + + /* + * Function: fnStart + * Purpose: Indicate that this is a new unit and what it is testing (message to end user) + * Returns: - + * Inputs: string:sMessage - message to give to the user about this unit + */ + "fnStart": function ( sMessage ) + { + window.parent.controller.fnStartMessage( sMessage ); + }, + + /* + * Function: fnComplete + * Purpose: Tell the controller that we are all done here + * Returns: - + * Inputs: - + */ + "fnComplete": function () + { + this._bFinished = true; + this._fnNext(); + }, + + /* + * Function: fnCookieDestroy + * Purpose: Destroy a cookie of a given name + * Returns: - + * Inputs: - + */ + "fnCookieDestroy": function ( oTable ) + { + var sName = oTable.fnSettings().sCookiePrefix+oTable.fnSettings().sInstance; + var aParts = window.location.pathname.split('/'); + var sNameFile = sName + '_' + aParts.pop().replace(/[\/:]/g,"").toLowerCase(); + document.cookie = sNameFile+"=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path="+ + aParts.join('/') + "/"; + }, + + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Internal functions + */ + + + "_fnReTest": function ( oTestInfo ) + { + var bResult = oTestInfo.fnTest( ); + if ( bResult ) + { + /* Test passed on retry */ + this._fnResult( true ); + this._fnNext(); + } + else + { + if ( this._iReTest < this.iReTestLimit ) + { + this._iReTest++; + setTimeout( function() { + oTest._fnReTest( oTestInfo ); + }, this.iReTestDelay ); + } + else + { + this._fnResult( false ); + } + } + }, + + "_fnNext": function () + { + if ( this.bEnd ) + { + return; + } + + if ( !this.bBlock && this._aoQueue.length > 0 ) + { + var oNextTest = this._aoQueue.shift(); + window.parent.controller.fnTestStart( oNextTest.sMessage ); + this.bBlock = true; + + if ( typeof oNextTest.fnSetup == 'function' ) + { + oNextTest.fnSetup( ); + } + var bResult = oNextTest.fnTest( ); + //bResult = false; + + if ( oNextTest.bPoll ) + { + if ( bResult ) + { + this._fnResult( true ); + this._fnNext(); + } + else + { + _iReTest = 0; + setTimeout( function() { + oTest._fnReTest( oNextTest ); + }, this.iReTestDelay ); + } + } + else + { + this._fnResult( bResult ); + this._fnNext(); + } + } + else if ( !this.bBlock && this._aoQueue.length == 0 && this._bFinished ) + { + window.parent.controller.fnUnitComplete( ); + } + }, + + "_fnResult": function ( b ) + { + window.parent.controller.fnTestResult( b ); + this.bBlock = false; + if ( !b ) + { + this.bEnd = true; + } + } +}; + + +var oDispacher = { + "click": function ( nNode, oSpecial ) + { + var evt = this.fnCreateEvent( 'click', nNode, oSpecial ); + if ( nNode.dispatchEvent ) + nNode.dispatchEvent(evt); + else + nNode.fireEvent('onclick', evt); + }, + + "change": function ( nNode ) + { + var evt = this.fnCreateEvent( 'change', nNode ); + if ( nNode.dispatchEvent ) + nNode.dispatchEvent(evt); + else + nNode.fireEvent('onchange', evt); + }, + + + /* + * Function: fnCreateEvent + * Purpose: Create an event oject based on the type to trigger an event - x-platform + * Returns: event:evt + * Inputs: string:sType - type of event + * node:nTarget - target node of the event + */ + fnCreateEvent: function( sType, nTarget, oSpecial ) + { + var evt = null; + var oTargetPos = this._fnGetPos( nTarget ); + var sTypeGroup = this._fnEventTypeGroup( sType ); + if ( typeof oSpecial == 'undefined' ) + { + oSpecial = {}; + } + + var ctrlKey = false; + var altKey = false; + var shiftKey = (typeof oSpecial.shift != 'undefined') ? oSpecial.shift : false; + var metaKey = false; + var button = false; + + if ( document.createEvent ) + { + switch ( sTypeGroup ) + { + case 'mouse': + evt = document.createEvent( "MouseEvents" ); + evt.initMouseEvent( sType, true, true, window, 0, oTargetPos[0], oTargetPos[1], + oTargetPos[0], oTargetPos[1], ctrlKey, altKey, shiftKey, + metaKey, button, null ); + break; + + case 'html': + evt = document.createEvent( "HTMLEvents" ); + evt.initEvent( sType, true, true ); + break; + + case 'ui': + evt = document.createEvent( "UIEvents" ); + evt.initUIEvent( sType, true, true, window, 0 ); + break; + + default: + break; + } + } + else if ( document.createEventObject ) + { + switch ( sTypeGroup ) + { + case 'mouse': + evt = document.createEventObject(); + evt.screenX = oTargetPos[0]; + evt.screenX = oTargetPos[1]; + evt.clientX = oTargetPos[0]; + evt.clientY = oTargetPos[1]; + evt.ctrlKey = ctrlKey; + evt.altKey = altKey; + evt.shiftKey = shiftKey; + evt.metaKey = metaKey; + evt.button = button; + evt.relatedTarget = null; + break; + + case 'html': + /* fall through to basic event object */ + + case 'ui': + evt = document.createEventObject(); + break; + + default: + break; + } + } + + return evt; + }, + + /* + * Function: DesignCore.fnGetPos + * Purpose: Get the position of an element on the page + * Returns: array[ 0-int:left, 1-int:top ] + * Inputs: node:obj - node to analyse + */ + _fnGetPos: function ( obj ) + { + var curleft = 0; + var curtop = 0; + + if (obj.offsetParent) + { + curleft = obj.offsetLeft; + curtop = obj.offsetTop; + while (obj = obj.offsetParent ) + { + curleft += obj.offsetLeft; + curtop += obj.offsetTop; + } + } + return [curleft,curtop]; + }, + + + /* + * Function: _fnEventTypeGroup + * Purpose: Group the event types as per w3c groupings + * Returns: - + * Inputs: string:sType + */ + _fnEventTypeGroup: function ( sType ) + { + switch ( sType ) + { + case 'click': + case 'dblclick': + case 'mousedown': + case 'mousemove': + case 'mouseout': + case 'mouseover': + case 'mouseup': + return 'mouse'; + + case 'change': + case 'focus': + case 'blur': + case 'select': + case 'submit': + return 'html'; + + case 'keydown': + case 'keypress': + case 'keyup': + case 'load': + case 'unload': + return 'ui'; + + default: + return 'custom'; + } + } +} + + +var oSession = { + nTable: null, + + fnCache: function () + { + this.nTable = document.getElementById('demo').cloneNode(true); + }, + + fnRestore: function () + { + while( $.fn.dataTableSettings.length > 0 ) + { + try { + $.fn.dataTableSettings[0].oInstance.fnDestroy(); + } catch (e) { + $.fn.dataTableSettings.splice( 0, 1 ); + } + } + //$.fn.dataTableSettings.splice( 0, $.fn.dataTableSettings.length ); + var nDemo = document.getElementById('demo'); + nDemo.innerHTML = ""; + for ( var i=0, iLen=this.nTable.childNodes.length ; i<iLen ; i++ ) + { + nDemo.appendChild( this.nTable.childNodes[0] ); + } + this.fnCache(); + } +} + +$(document).ready( function () { + oSession.fnCache(); +} ); diff --git a/src/warden-server/contrib/wardenweb/datatables/package.json b/src/warden-server/contrib/wardenweb/datatables/package.json new file mode 100644 index 0000000000000000000000000000000000000000..27b58b8abf5a6d838e85afb00f0937e06a7450a4 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/package.json @@ -0,0 +1,34 @@ +{ + "name": "DataTables", + "version": "1.9.0", + "title": "DataTables", + "author": { + "name": "Allan Jardine", + "url": "http://sprymedia.co.uk" + }, + "licenses": [ + { + "type": "BSD", + "url": "http://datatables.net/license_bsd" + }, + { + "type": "GPLv2", + "url": "http://datatables.net/license_gpl2" + } + ], + "dependencies": { + "jquery": "1.3 - 1.7" + }, + "description": "DataTables enhances HTML tables with the ability to sort, filter and page the data in the table very easily. It provides a comprehensive API and set of configuration options, allowing you to consume data from virtually any data source.", + "keywords": [ + "DataTables", + "DataTable", + "table", + "grid", + "filter", + "sort", + "page", + "internationalisable" + ], + "homepage": "http://datatables.net" +} \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/datatables/scripts/jshint.config b/src/warden-server/contrib/wardenweb/datatables/scripts/jshint.config new file mode 100644 index 0000000000000000000000000000000000000000..533d4d312d0c2748a575f62c77b20fc1bc59b7c8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/scripts/jshint.config @@ -0,0 +1,72 @@ +{ + // Settings + "passfail" : false, // Stop on first error. + "maxerr" : 100, // Maximum error before stopping. + + + // Predefined globals whom JSHint will ignore. + "browser" : true, // Standard browser globals e.g. `window`, `document`. + + "node" : false, + "rhino" : false, + "couch" : false, + "wsh" : true, // Windows Scripting Host. + + "jquery" : true, + "prototypejs" : false, + "mootools" : false, + "dojo" : false, + + "predef" : [ // Custom globals. + //"exampleVar", + //"anotherCoolGlobal", + //"iLoveDouglas" + ], + + + // Development. + "debug" : false, // Allow debugger statements e.g. browser breakpoints. + "devel" : true, // Allow developments statements e.g. `console.log();`. + + + // ECMAScript 5. + "es5" : true, // Allow ECMAScript 5 syntax. + "strict" : false, // Require `use strict` pragma in every file. + "globalstrict" : false, // Allow global "use strict" (also enables 'strict'). + + + // The Good Parts. + "asi" : false, // Tolerate Automatic Semicolon Insertion (no semicolons). + "laxbreak" : true, // Tolerate unsafe line breaks e.g. `return [\n] x` without semicolons. + "bitwise" : true, // Prohibit bitwise operators (&, |, ^, etc.). + "boss" : false, // Tolerate assignments inside if, for & while. Usually conditions & loops are for comparison, not assignments. + "curly" : true, // Require {} for every new block or scope. + "eqeqeq" : false, // Require triple equals i.e. `===`. + "eqnull" : false, // Tolerate use of `== null`. + "evil" : false, // Tolerate use of `eval`. + "expr" : false, // Tolerate `ExpressionStatement` as Programs. + "forin" : false, // Tolerate `for in` loops without `hasOwnPrototype`. + "immed" : true, // Require immediate invocations to be wrapped in parens e.g. `( function(){}() );` + "latedef" : true, // Prohipit variable use before definition. + "loopfunc" : false, // Allow functions to be defined within loops. + "noarg" : true, // Prohibit use of `arguments.caller` and `arguments.callee`. + "regexp" : false, // Prohibit `.` and `[^...]` in regular expressions. + "regexdash" : false, // Tolerate unescaped last dash i.e. `[-...]`. + "scripturl" : true, // Tolerate script-targeted URLs. + "shadow" : false, // Allows re-define variables later in code e.g. `var x=1; x=2;`. + "supernew" : false, // Tolerate `new function () { ... };` and `new Object;`. + "undef" : true, // Require all non-global variables be declared before they are used. + + + // Personal styling preferences. + "newcap" : true, // Require capitalization of all constructor functions e.g. `new F()`. + "noempty" : true, // Prohibit use of empty blocks. + "nonew" : true, // Prohibit use of constructors for side-effects. + "nomen" : false, // Prohibit use of initial or trailing underbars in names. + "onevar" : false, // Allow only one `var` statement per function. + "plusplus" : false, // Prohibit use of `++` & `--`. + "sub" : false, // Tolerate all forms of subscript notation besides dot notation e.g. `dict['key']` instead of `dict.key`. + "trailing" : true, // Prohibit trailing whitespaces. + "white" : false, // Check against strict whitespace and indentation rules. + "indent" : 4 // Specify indentation spacing +} diff --git a/src/warden-server/contrib/wardenweb/datatables/scripts/make.sh b/src/warden-server/contrib/wardenweb/datatables/scripts/make.sh new file mode 100755 index 0000000000000000000000000000000000000000..fa44899d1abe3df03d31ae1edba50a29dd912e40 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/scripts/make.sh @@ -0,0 +1,104 @@ +#!/bin/sh + +cd ../media/src + +# DEFAULTS +CLOSURE="/usr/local/closure_compiler/compiler.jar" +JSDOC="/usr/local/jsdoc/jsdoc" +CMD=$1 + +MAIN_FILE="../js/jquery.dataTables.js" +MIN_FILE="../js/jquery.dataTables.min.js" +VERSION=$(grep " * @version " DataTables.js | awk -F" " '{ print $3 }') + +echo "" +echo " DataTables build ($VERSION)" +echo "" + + +IFS='%' + +cp DataTables.js DataTables.js.build + +echo " Building main script" +grep "require(" DataTables.js.build > /dev/null +while [ $? -eq 0 ]; do + REQUIRE=$(grep "require(" DataTables.js.build | head -n 1) + + SPACER=$(echo ${REQUIRE} | cut -d r -f 1) + FILE=$(echo ${REQUIRE} | sed -e "s#^.*require('##g" -e "s#');##") + DIR=$(echo ${FILE} | cut -d \. -f 1) + + sed "s#^#${SPACER}#" < ${DIR}/${FILE} > ${DIR}/${FILE}.build + + sed -e "/${REQUIRE}/r ${DIR}/${FILE}.build" -e "/${REQUIRE}/d" < DataTables.js.build > DataTables.js.out + mv DataTables.js.out DataTables.js.build + + rm ${DIR}/${FILE}.build + + grep "require(" DataTables.js.build > /dev/null +done + +mv DataTables.js.build $MAIN_FILE + + +if [ "$CMD" != "debug" ]; then + if [ "$CMD" = "jshint" -o "$CMD" = "" -o "$CMD" = "cdn" ]; then + echo " JSHint" + jshint $MAIN_FILE --config ../../scripts/jshint.config + if [ $? -ne 0 ]; then + echo " Errors occured - exiting" + exit 1 + else + echo " Pass" + fi + fi + + if [ "$CMD" = "compress" -o "$CMD" = "" -o "$CMD" = "cdn" ]; then + echo " Minification" + echo "/* + * File: jquery.dataTables.min.js + * Version: $VERSION + * Author: Allan Jardine (www.sprymedia.co.uk) + * Info: www.datatables.net + * + * Copyright 2008-2012 Allan Jardine, all rights reserved. + * + * This source file is free software, under either the GPL v2 license or a + * BSD style license, available at: + * http://datatables.net/license_gpl2 + * http://datatables.net/license_bsd + * + * This source file is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + */" > $MIN_FILE + + java -jar $CLOSURE --js $MAIN_FILE >> $MIN_FILE + echo " Min JS file size: $(ls -l $MIN_FILE | awk -F" " '{ print $5 }')" + fi + + if [ "$CMD" = "docs" -o "$CMD" = "" ]; then + echo " Documentation" + $JSDOC -d ../../docs -t JSDoc-DataTables $MAIN_FILE + fi + + if [ "$CMD" = "cdn" ]; then + echo " CDN" + if [ -d ../../cdn ]; then + rm -Rf ../../cdn + fi + mkdir ../../cdn + mkdir ../../cdn/css + cp $MAIN_FILE ../../cdn + cp $MIN_FILE ../../cdn + cp ../css/jquery.dataTables.css ../../cdn/css + cp ../css/jquery.dataTables_themeroller.css ../../cdn/css + cp -r ../images ../../cdn/ + rm ../../cdn/images/Sorting\ icons.psd + fi +fi + +echo " Done\n" + + diff --git a/src/warden-server/contrib/wardenweb/datatables/scripts/unit_tests.sh b/src/warden-server/contrib/wardenweb/datatables/scripts/unit_tests.sh new file mode 100755 index 0000000000000000000000000000000000000000..0e73d924100c77e914579a47abf71c88038fb5b1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/datatables/scripts/unit_tests.sh @@ -0,0 +1,109 @@ +#!/bin/sh + +ENABLE=$1 + +echo "" +echo " DataTables unit tests" +echo "" + +if [ ! "$ENABLE" = "Enable" -a ! "$ENABLE" = "Disable" -o "ENABLE" = "-h" ]; then + echo " Enable or Disable must be given as the first argument." + echo " Optionally the second argument can be given as an integer to enable/disable a certain " + echo " set of tests or the string 'sanity' to run the sanity check for all data types." + echo "" + exit 1 +fi + +cd ../media/unit_testing + +if [ "$ENABLE" = "Enable" ]; then + if [ ! -d tests ]; then + echo " Building test directory" + mkdir tests + mkdir tests/1_dom + mkdir tests/2_js + mkdir tests/3_ajax + mkdir tests/4_server-side + mkdir tests/5_ajax_objects + mkdir tests/6_delayed_rendering + fi + + echo " Enabling:" + if [ ! -z $2 ]; then + if [ "$2" = "sanity" ]; then + echo " Sanity checks" + mv tests_onhold/1_dom/_zero_config.js tests/1_dom/ + mv tests_onhold/2_js/_zero_config.js tests/2_js/ + mv tests_onhold/3_ajax/_zero_config.js tests/3_ajax/ + mv tests_onhold/4_server-side/_zero_config.js tests/4_server-side/ + mv tests_onhold/5_ajax_objects/_zero_config.js tests/5_ajax_objects/ + mv tests_onhold/6_delayed_rendering/_zero_config.js tests/6_delayed_rendering/ + elif [ $2 -eq 1 ]; then + echo " DOM" + mv tests_onhold/1_dom/* tests/1_dom/ + elif [ $2 -eq 2 ]; then + echo " JS" + mv tests_onhold/2_js/* tests/2_js/ + elif [ $2 -eq 3 ]; then + echo " Ajax" + mv tests_onhold/3_ajax/* tests/3_ajax/ + elif [ $2 -eq 4 ]; then + echo " SErver-side" + mv tests_onhold/4_server-side/* tests/4_server-side/ + elif [ $2 -eq 5 ]; then + echo " Ajax objects" + mv tests_onhold/5_ajax_objects/* tests/5_ajax_objects/ + elif [ $2 -eq 6 ]; then + echo " Delayed rendering" + mv tests_onhold/6_delayed_rendering/* tests/6_delayed_rendering/ + fi + else + echo " All tests" + mv tests_onhold/1_dom/* tests/1_dom/ + mv tests_onhold/2_js/* tests/2_js/ + mv tests_onhold/3_ajax/* tests/3_ajax/ + mv tests_onhold/4_server-side/* tests/4_server-side/ + mv tests_onhold/5_ajax_objects/* tests/5_ajax_objects/ + mv tests_onhold/6_delayed_rendering/* tests/6_delayed_rendering/ + fi + +else + echo " Disabling:" + if [ ! -z $2 ]; then + if [ "$2" = "sanity" ]; then + echo " Sanity checks" + mv tests/1_dom/* tests_onhold/1_dom/ + mv tests/2_js/* tests_onhold/2_js/ + mv tests/3_ajax/* tests_onhold/3_ajax/ + mv tests/4_server-side/* tests_onhold/4_server-side/ + mv tests/5_ajax_objects/* tests_onhold/5_ajax_objects/ + mv tests/6_delayed_rendering/* tests_onhold/6_delayed_rendering/ + elif [ $2 -eq 1 ]; then + echo " DOM" + mv tests/1_dom/* tests_onhold/1_dom/ + elif [ $2 -eq 2 ]; then + echo " JS" + mv tests/2_js/* tests_onhold/2_js/ + elif [ $2 -eq 3 ]; then + echo " Ajax" + mv tests/3_ajax/* tests_onhold/3_ajax/ + elif [ $2 -eq 4 ]; then + echo " Server-side" + mv tests/4_server-side/* tests_onhold/4_server-side/ + elif [ $2 -eq 5 ]; then + echo " Ajax objects" + mv tests/5_ajax_objects/* tests_onhold/5_ajax_objects/ + elif [ $2 -eq 6 ]; then + echo " Delayed rendering" + mv tests/6_delayed_rendering/* tests_onhold/6_delayed_rendering/ + fi + else + echo " All tests" + mv tests/1_dom/* tests_onhold/1_dom/ + mv tests/2_js/* tests_onhold/2_js/ + mv tests/3_ajax/* tests_onhold/3_ajax/ + mv tests/4_server-side/* tests_onhold/4_server-side/ + mv tests/5_ajax_objects/* tests_onhold/5_ajax_objects/ + mv tests/6_delayed_rendering/* tests_onhold/6_delayed_rendering/ + fi +fi diff --git a/src/warden-server/contrib/wardenweb/db.php.public b/src/warden-server/contrib/wardenweb/db.php.public new file mode 100644 index 0000000000000000000000000000000000000000..c35b7baf8557b2d8f4349cc34651be7b23dd284f --- /dev/null +++ b/src/warden-server/contrib/wardenweb/db.php.public @@ -0,0 +1,49 @@ +<? +$host = "localhost"; +$dbname = "warden"; +$user = ""; +$pass = ""; + +$db = mysql_pconnect($host, $user, $pass); +if (!$db) { die('Could not connect: ' . mysql_error()); } +mysql_select_db($dbname); + +function ownnetwhere2() { + #nacist seznam ownnet + $filename = "ownnet.rangesint"; + $ownnet = file_get_contents($filename); + $ownnet = split("[ \n]", trim($ownnet)); + #var_dump($ownnet); + # where pro sql + $where = ''; + for($i=0; $i<count($ownnet); $i=$i+2) { + $where .= "(ipsrc BETWEEN ".$ownnet[$i]." AND ".$ownnet[$i+1].") OR "; + } + #posledni \n + $where=preg_replace("/\ OR\ $/", "", $where); + #var_dump($where); + + return $where; +} + +function ownnetwhere() { + #nacist seznam ownnet + $filename = "ownnet.mask"; + $ownnet = file_get_contents($filename); + $ownnet = split("[/\n]", trim($ownnet)); + ##print("<pre>");var_dump($ownnet);print("</pre>"); + # where pro sql + $where = ''; + for($i=0; $i<count($ownnet); $i=$i+2) { + $demask=-1*pow(2,(32-$ownnet[$i+1])); + $where .= "(ipsrc & ".$demask."= inet_aton('".$ownnet[$i]."')) OR "; + } + #posledni \n + $where=preg_replace("/\ OR\ $/", "", $where); + #var_dump($where); + + return $where; +} + + +?> diff --git a/src/warden-server/contrib/wardenweb/formrender.php b/src/warden-server/contrib/wardenweb/formrender.php new file mode 100644 index 0000000000000000000000000000000000000000..3a1a6fd33882ee66ed696f0c1a0fbeeed7e65927 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/formrender.php @@ -0,0 +1,86 @@ +<? + +/* + DefaultFormRenderer + Author: B. Dailey + Website: www.dailytechnology.net + Free to be used, modified, & distributed so long as this text remains. +*/ +require_once "HTML/QuickForm/Renderer/Default.php"; + +class DefaultFormRenderer { + // HTML Quick Form + var $Form; + var $FormRenderer; + var $FormTemplate; + var $ElementTemplate; + var $HeaderTemplate; + var $RequiredNoteTemplate; + + /** + * Form constructor. + */ + function __construct(& $Form) { + $this->Form = & $Form; + + $this->setDefaultFormTemplate(); + $this->setDefaultElementTemplate(); + $this->setDefaultHeaderTemplate(); + $this->setDefaultRequiredNoteTemplate(); + + $this->FormRenderer = & new HTML_QuickForm_Renderer_Default; + $this->FormRenderer->setFormTemplate($this->FormTemplate); + $this->FormRenderer->setElementTemplate($this->ElementTemplate); + $this->FormRenderer->setHeaderTemplate($this->HeaderTemplate); + $this->FormRenderer->setRequiredNoteTemplate($this->RequiredNoteTemplate); + } + + function setDefaultFormTemplate() { + $this->FormTemplate= <<<HTML + <div class="long_form"> + <ul> + <form{attributes}> + {content} + </form> + </ul> + </div> +HTML; + } + + function setDefaultElementTemplate() { + $this->ElementTemplate = <<<HTML + + <li class="formli"> + <div> + <label> + {label} + <!-- BEGIN required --><span class="required">*</span><!-- END required --> + </label> + {element} + <!-- BEGIN error --> + <span class="error">{error}</span> + <!-- END error --> + </div> + </li> +HTML; + } + + function setDefaultHeaderTemplate() { + $this->HeaderTemplate = <<<HTML + <h2>{header}</h2> +HTML; + } + + function setDefaultRequiredNoteTemplate() { + $this->RequiredNoteTemplate = <<<HTML + <li><div id="requirednote clear"><span class="required">*</span> Denotes required field.</div></li> +HTML; + } + + function display() { + $this->Form->accept($this->FormRenderer); + echo $this->FormRenderer->toHTML(); + } + +} + diff --git a/src/warden-server/contrib/wardenweb/graph_HostnameServiceTypeActivity.php b/src/warden-server/contrib/wardenweb/graph_HostnameServiceTypeActivity.php new file mode 100644 index 0000000000000000000000000000000000000000..d9686f58a4669e0b107fbce3f401afc7c34e21fe --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_HostnameServiceTypeActivity.php @@ -0,0 +1,70 @@ +<? +include("db.php"); + + +if(!isset($_GET['per'])){$_GET['per']="hour";} +switch( $_GET['per']) { + case "hour": + $agg = 1; + break; + case "day": + $agg = 24; + break; + case "month": + $agg = 24*30; // -30.5 ? + break; +} + +#sqli todo +#selector +if(!IsSet($_GET['where'])) { + $where="detected>from_unixtime(0)"; +} else { + $where = base64_decode($_GET['where']); +} + +$query_cols = "hostname,service,type"; + + + + + +#seznam sloupcu ve vysledku, todo dyn +$cols=array(); +$q = "SELECT concat_ws('-',$query_cols) as col FROM events WHERE $where GROUP BY $query_cols"; +#var_dump($q); +$res = mysql_query($q, $db); +for($i=0; $i<mysql_num_rows($res); $i++) { + $tmp = mysql_fetch_assoc($res); +# var_dump($tmp); + $cols[ $tmp["col"] ]=$i; +} +#var_dump($cols); +#print array_keys($cols); +$count_cols=count($cols); + + + + + +#select data +$data=array(); +#casova posloupnost +# premapuju podle staticky alokovanych sloupcu, posilam to rovnou do grafu +$q = "SELECT unix_timestamp(detected)-(unix_timestamp(detected)%(3600*$agg)) as t, concat_ws('-',$query_cols) as col, count(*) as count FROM events WHERE $where GROUP BY $query_cols, t;"; +#var_dump($q); +$res = mysql_query($q, $db); +while ($tmp = mysql_fetch_assoc($res)) { + #var_dump($tmp); + $d=array_fill(0, $count_cols, 0); + $d[ $cols[ $tmp["col"] ] ] = (int)$tmp["count"]; + array_unshift($d, (int)$tmp["t"]); + array_push($data, $d); +} + + +#print json_encode($d); +print json_encode(array("cols"=>array_keys($cols), "data"=>$data)); + +?> + diff --git a/src/warden-server/contrib/wardenweb/graph_HostnameServiceTypeActivity_html.php b/src/warden-server/contrib/wardenweb/graph_HostnameServiceTypeActivity_html.php new file mode 100644 index 0000000000000000000000000000000000000000..a16d0e2db416d53b8696340b37bba4528966dbf0 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_HostnameServiceTypeActivity_html.php @@ -0,0 +1,57 @@ +<? if(!isset($_GET['per'])){$_GET['per']="day";} ?> +<html> + <head> + <script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script> + <script type="text/javascript" src="https://www.google.com/jsapi"></script> + <script type="text/javascript"> + google.load("visualization", "1", {packages:["corechart"]}); + google.setOnLoadCallback(fetchData); + + function fetchData() { + <? #TODO: fuj + if(!isSet($_GET['where'])) { ?> + $.getJSON('graph_HostnameServiceTypeActivity.php?per=<? print $_GET['per'];?>', drawChart); + <? } else { ?> + $.getJSON('graph_HostnameServiceTypeActivity.php?per=<? print $_GET['per'];?>&where=<?print $_GET['where'];?>', drawChart); + <? } ?> + } + + function drawChart(sdata) { + //console.log(sdata); + var data = new google.visualization.DataTable(); + data.addColumn('datetime', 'Date'); + //console.log(sdata.cols); + for (var i = 0; i < sdata.cols.length; i++) { + data.addColumn('number', sdata.cols[i]); + } + + sdatalen=sdata.data.length; + if(sdatalen > 1000) { + alert("Too many rows:"+sdatalen); + sdatalen=1000; + } + + for (var i = 0; i < sdatalen; i++) { + //for (var i = 0; i < 10; i++) { + sdata.data[i][0] = new Date(sdata.data[i][0]*1000); + //console.log(sdata.data[i]); + data.addRow(sdata.data[i]); + } + var options = { + vAxis: { logScale: true }, + interpolateNulls: true, + ___colors:['#008000','#ff0000','#FFA500','#FA8072','#AFEEEE','#00A5C6','#DEBDDE','#000000'], + chartArea: {'width': '80%', 'height': '90%'}, + pointSize: 5 + }; + + var chart = new google.visualization.LineChart(document.getElementById('chart_div')); + chart.draw(data, options); + } + </script> + </head> + <body> + <div id="chart_div" style="width: 100%; height: 95%;"></div> + </body> +</html> + diff --git a/src/warden-server/contrib/wardenweb/graph_SourceActivity.php b/src/warden-server/contrib/wardenweb/graph_SourceActivity.php new file mode 100644 index 0000000000000000000000000000000000000000..0ee668c41558eeeecae2a61978b8163b95887504 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_SourceActivity.php @@ -0,0 +1,71 @@ +<? +include("db.php"); + + +if(!isset($_GET['per'])){$_GET['per']="hour";} +switch( $_GET['per']) { + case "hour": + $agg = 1; + break; + case "day": + $agg = 24; + break; + case "month": + $agg = 24*30; // -30.5 ? + break; +} + +#sqli todo +#selector +$query_cols = "source"; +if(IsSet($_GET['source'])){ + $where = "source='".$_GET['source']."'"; +} else { + die("pars"); +} + + + +#seznam sloupcu ve vysledku, todo dyn, coz je ovsem seznam sledovanych velicin +$cols=array(); +$i=0; +$cols["events"]=$i++; +$cols["uniqueTargerports"]=$i++; +$cols["uniqueSensors"]=$i++; +$cols["totalScale"]=$i++; +$count_cols=count($cols); + + +#select data +$data=array(); +#casova posloupnost +# premapuju podle staticky alokovanych sloupcu, posilam to rovnou do grafu +$q = " +SELECT +unix_timestamp(detected)-(unix_timestamp(detected)%(3600*$agg)) as t, +count(*) as events, +count(distinct target_port) as uniqueTargerports, +count(distinct concat_ws('-',hostname,service,type)) as uniqueSensors, +sum(attack_scale) as totalScale +FROM events WHERE $where GROUP BY $query_cols, t;"; +#ty kvery cols sem dotekli z jine vychytavky + +#var_dump($q); +$res = mysql_query($q, $db); +while ($tmp = mysql_fetch_assoc($res)) { + #var_dump($tmp); + $d=array_fill(0, $count_cols, 0); + $d[ $cols[ "events" ] ] = (int)$tmp["events"]; + $d[ $cols[ "uniqueTargerports" ] ] = (int)$tmp["uniqueTargerports"]; + $d[ $cols[ "uniqueSensors" ] ] = (int)$tmp["uniqueSensors"]; + $d[ $cols[ "totalScale" ] ] = (int)$tmp["totalScale"]; + array_unshift($d, (int)$tmp["t"]); + array_push($data, $d); +} + + +#print json_encode($d); +print json_encode(array("cols"=>array_keys($cols), "data"=>$data)); + +?> + diff --git a/src/warden-server/contrib/wardenweb/graph_SourceActivity_html.php b/src/warden-server/contrib/wardenweb/graph_SourceActivity_html.php new file mode 100644 index 0000000000000000000000000000000000000000..1711e0f4726763121e20b8c8e16db251c84bb01c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_SourceActivity_html.php @@ -0,0 +1,55 @@ +<? #todo: xss, jsi ?> +<? if(!isset($_GET['per'])){$_GET['per']="day";} ?> +<? if(!isset($_GET['source'])){die("pars");} ?> +<html> + <head> + <script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script> + <script type="text/javascript" src="https://www.google.com/jsapi"></script> + <script type="text/javascript"> + google.load("visualization", "1", {packages:["corechart"]}); + google.setOnLoadCallback(fetchData); + + function fetchData() { + $.getJSON('graph_SourceActivity.php?per=<? print $_GET['per'];?>&source=<? print $_GET['source'];?>', drawChart); + } + + function drawChart(sdata) { + //console.log(sdata); + var data = new google.visualization.DataTable(); + data.addColumn('datetime', 'Date'); + //console.log(sdata.cols); + for (var i = 0; i < sdata.cols.length; i++) { + data.addColumn('number', sdata.cols[i]); + } + + sdatalen=sdata.data.length; + if(sdatalen > 1000) { + alert("Too many rows:"+sdatalen); + sdatalen=1000; + } + + for (var i = 0; i < sdatalen; i++) { + //for (var i = 0; i < 10; i++) { + sdata.data[i][0] = new Date(sdata.data[i][0]*1000); + //console.log(sdata.data[i]); + data.addRow(sdata.data[i]); + } + var options = { + vAxis: { logScale: true }, + interpolateNulls: true, + ___colors:['#008000','#ff0000','#FFA500','#FA8072','#AFEEEE','#00A5C6','#DEBDDE','#000000'], + chartArea: {'width': '90%', 'height': '85%'}, + legend: {'position': 'top'}, + pointSize: 5 + }; + + var chart = new google.visualization.LineChart(document.getElementById('chart_div')); + chart.draw(data, options); + } + </script> + </head> + <body> + <div id="chart_div" style="width: 100%; height: 100%;"></div> + </body> +</html> + diff --git a/src/warden-server/contrib/wardenweb/graph_TargetportActivity.php b/src/warden-server/contrib/wardenweb/graph_TargetportActivity.php new file mode 100644 index 0000000000000000000000000000000000000000..f8f2b0f5ba19a8cb24756bd61287d543be0e52a9 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_TargetportActivity.php @@ -0,0 +1,71 @@ +<? +include("db.php"); + + +if(!isset($_GET['per'])){$_GET['per']="hour";} +switch( $_GET['per']) { + case "hour": + $agg = 1; + break; + case "day": + $agg = 24; + break; + case "month": + $agg = 24*30; // -30.5 ? + break; +} + +#sqli todo +#selector + +$query_cols = "target_port"; +if(IsSet($_GET['port']) && is_numeric($_GET['port'])){ + $where = "target_port=".$_GET['port']; +} else { + die("pars"); +} + + + +#seznam sloupcu ve vysledku, todo dyn, coz je ovsem seznam sledovanych velicin +$cols=array(); +$i=0; +$cols["events"]=$i++; +$cols["uniqueSources"]=$i++; +$cols["uniqueSensors"]=$i++; +$cols["totalScale"]=$i++; +$count_cols=count($cols); + + +#select data +$data=array(); +#casova posloupnost +# premapuju podle staticky alokovanych sloupcu, posilam to rovnou do grafu +$q = " +SELECT +unix_timestamp(detected)-(unix_timestamp(detected)%(3600*$agg)) as t, +count(*) as events, +count(distinct source) as uniqueSources, +count(distinct concat_ws('-',hostname,service,type)) as uniqueSensors, +sum(attack_scale) as totalScale +FROM events WHERE $where GROUP BY $query_cols, t;"; + +#var_dump($q); +$res = mysql_query($q, $db); +while ($tmp = mysql_fetch_assoc($res)) { + #var_dump($tmp); + $d=array_fill(0, $count_cols, 0); + $d[ $cols[ "events" ] ] = (int)$tmp["events"]; + $d[ $cols[ "uniqueSources" ] ] = (int)$tmp["uniqueSources"]; + $d[ $cols[ "uniqueSensors" ] ] = (int)$tmp["uniqueSensors"]; + $d[ $cols[ "totalScale" ] ] = (int)$tmp["totalScale"]; + array_unshift($d, (int)$tmp["t"]); + array_push($data, $d); +} + + +#print json_encode($d); +print json_encode(array("cols"=>array_keys($cols), "data"=>$data)); + +?> + diff --git a/src/warden-server/contrib/wardenweb/graph_TargetportActivity_html.php b/src/warden-server/contrib/wardenweb/graph_TargetportActivity_html.php new file mode 100644 index 0000000000000000000000000000000000000000..58741cb2eced0abbdd8572cc3d22a60d8580fd90 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_TargetportActivity_html.php @@ -0,0 +1,55 @@ +<? #todo: xss, jsi ?> +<? if(!isset($_GET['per'])){$_GET['per']="day";} ?> +<? if(!isset($_GET['port']) || !is_numeric($_GET['port'])){die("pars");} ?> +<html> + <head> + <script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script> + <script type="text/javascript" src="https://www.google.com/jsapi"></script> + <script type="text/javascript"> + google.load("visualization", "1", {packages:["corechart"]}); + google.setOnLoadCallback(fetchData); + + function fetchData() { + $.getJSON('graph_TargetportActivity.php?per=<? print $_GET['per'];?>&port=<? print $_GET['port'];?>', drawChart); + } + + function drawChart(sdata) { + //console.log(sdata); + var data = new google.visualization.DataTable(); + data.addColumn('datetime', 'Date'); + //console.log(sdata.cols); + for (var i = 0; i < sdata.cols.length; i++) { + data.addColumn('number', sdata.cols[i]); + } + + sdatalen=sdata.data.length; + if(sdatalen > 1000) { + alert("Too many rows:"+sdatalen); + sdatalen=1000; + } + + for (var i = 0; i < sdatalen; i++) { + //for (var i = 0; i < 10; i++) { + sdata.data[i][0] = new Date(sdata.data[i][0]*1000); + //console.log(sdata.data[i]); + data.addRow(sdata.data[i]); + } + var options = { + vAxis: { logScale: true }, + interpolateNulls: true, + ___colors:['#008000','#ff0000','#FFA500','#FA8072','#AFEEEE','#00A5C6','#DEBDDE','#000000'], + chartArea: {'width': '90%', 'height': '90%'}, + legend: {'position': 'top'}, + pointSize: 5 + }; + + var chart = new google.visualization.LineChart(document.getElementById('chart_div')); + chart.draw(data, options); + } + </script> + </head> + <body> + <div id="chart_div" style="width: 100%; height: 100%;"></div> + </body> +</html> + diff --git a/src/warden-server/contrib/wardenweb/graph_TopTargetports.php b/src/warden-server/contrib/wardenweb/graph_TopTargetports.php new file mode 100644 index 0000000000000000000000000000000000000000..9833ba84b5c3f082d5e890179d0611285d3ea286 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_TopTargetports.php @@ -0,0 +1,32 @@ +<? +include("db.php"); + +#sqli todo +#selector + + +#seznam sloupcu ve vysledku, todo dyn, coz je ovsem seznam sledovanych velicin +$cols=array(); +$i=0; +$cols["target_port"]=$i++; +$cols["count"]=$i++; +$count_cols=count($cols); + + +#select data +$data=array(); +$q = "select target_port, count(*) as count from events where detected > from_unixtime(unix_timestamp(now())-3600*24*30) group by target_port order by count desc limit 300;"; + +#var_dump($q); +$res = mysql_query($q, $db); +while ($tmp = mysql_fetch_assoc($res)) { + #var_dump($tmp); + array_push($data, array((int)$tmp['target_port'],(int)$tmp['count'])); +} + + +#print json_encode($d); +print json_encode(array("cols"=>array_keys($cols), "data"=>$data)); + +?> + diff --git a/src/warden-server/contrib/wardenweb/graph_TopTargetportsNum.html b/src/warden-server/contrib/wardenweb/graph_TopTargetportsNum.html new file mode 100644 index 0000000000000000000000000000000000000000..3151ed4d52e5918084ce75784d7a10f5969b87a8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_TopTargetportsNum.html @@ -0,0 +1,65 @@ +<? #todo: xss, jsi ?> +<html> + <head> + <script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script> + <script type="text/javascript" src="https://www.google.com/jsapi"></script> + <script type="text/javascript"> + google.load("visualization", "1", {packages:["corechart"]}); + google.setOnLoadCallback(fetchData); + + function fetchData() { + $.getJSON('graph_TopTargetports.php', drawChart); + } + + function drawChart(sdata) { + //console.log(sdata); + var data = new google.visualization.DataTable(); + + //sort, port vs count + var a = sdata.data.sort(function(a,b){return a[0]-b[0]}); + sdata.data = a; + + //console.log(sdata.cols); + + //haxis string vs number - rozdil v zobrazeni + //data.addColumn('string', sdata.cols[0]); + data.addColumn('number', sdata.cols[0]); + + data.addColumn('number', sdata.cols[1]); +// for (var i = 0; i < sdata.cols.length; i++) { +// data.addColumn('number', sdata.cols[i]); +// } + + + sdatalen=sdata.data.length; + if(sdatalen > 1000) { + alert("Too many rows:"+sdatalen); + sdatalen=1000; + } + + for (var i = 0; i < sdatalen; i++) { + //console.log(sdata.data[i]); + + //haxis string vs number - rozdil v zobrazeni + //sdata.data[i][0] = sdata.data[i][0].toString(); + + data.addRow(sdata.data[i]); + } + var options = { + vAxis: { logScale: true }, + hAxis: { logScale: true }, + chartArea: {'width': '90%', 'height': '70%'}, + legend: {'position': 'in'}, + }; + + //var chart = new google.visualization.LineChart(document.getElementById('chart_div')); + var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); + chart.draw(data, options); + } + </script> + </head> + <body> + <div id="chart_div" style="width: 100%; height: 100%;"></div> + </body> +</html> + diff --git a/src/warden-server/contrib/wardenweb/graph_TopTargetportsStr.html b/src/warden-server/contrib/wardenweb/graph_TopTargetportsStr.html new file mode 100644 index 0000000000000000000000000000000000000000..3d5ed2c24a7eb86e75467a6807afbf47357f2bcb --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_TopTargetportsStr.html @@ -0,0 +1,65 @@ +<? #todo: xss, jsi ?> +<html> + <head> + <script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script> + <script type="text/javascript" src="https://www.google.com/jsapi"></script> + <script type="text/javascript"> + google.load("visualization", "1", {packages:["corechart"]}); + google.setOnLoadCallback(fetchData); + + function fetchData() { + $.getJSON('graph_TopTargetports.php', drawChart); + } + + function drawChart(sdata) { + //console.log(sdata); + var data = new google.visualization.DataTable(); + + //sort, port vs count + var a = sdata.data.sort(function(a,b){return a[0]-b[0]}); + sdata.data = a; + + //console.log(sdata.cols); + + //haxis string vs number - rozdil v zobrazeni + data.addColumn('string', sdata.cols[0]); + //data.addColumn('number', sdata.cols[0]); + + data.addColumn('number', sdata.cols[1]); +// for (var i = 0; i < sdata.cols.length; i++) { +// data.addColumn('number', sdata.cols[i]); +// } + + + sdatalen=sdata.data.length; + if(sdatalen > 1000) { + alert("Too many rows:"+sdatalen); + sdatalen=1000; + } + + for (var i = 0; i < sdatalen; i++) { + //console.log(sdata.data[i]); + + //haxis string vs number - rozdil v zobrazeni + sdata.data[i][0] = sdata.data[i][0].toString(); + + data.addRow(sdata.data[i]); + } + var options = { + vAxis: { logScale: true }, + hAxis: { logScale: false }, + chartArea: {'width': '90%', 'height': '70%'}, + legend: {'position': 'in'}, + }; + + //var chart = new google.visualization.LineChart(document.getElementById('chart_div')); + var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); + chart.draw(data, options); + } + </script> + </head> + <body> + <div id="chart_div" style="width: 100%; height: 100%;"></div> + </body> +</html> + diff --git a/src/warden-server/contrib/wardenweb/graph_TypeActivity.php b/src/warden-server/contrib/wardenweb/graph_TypeActivity.php new file mode 100644 index 0000000000000000000000000000000000000000..50087770dc9570bf999b0bc2264071a23e919009 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_TypeActivity.php @@ -0,0 +1,65 @@ +<? +include("db.php"); + + +if(!isset($_GET['per'])){$_GET['per']="hour";} +switch( $_GET['per']) { + case "hour": + $agg = 1; + break; + case "day": + $agg = 24; + break; + case "month": + $agg = 24*30; // -30.5 ? + break; +} + +#sqli todo +#selector +$where="detected>from_unixtime(0)"; +$query_cols = "type"; + + + + + +#seznam sloupcu ve vysledku, todo dyn +$cols=array(); +$q = "SELECT concat_ws('-',$query_cols) as col FROM events WHERE $where GROUP BY $query_cols"; +#var_dump($q); +$res = mysql_query($q, $db); +for($i=0; $i<mysql_num_rows($res); $i++) { + $tmp = mysql_fetch_assoc($res); +# var_dump($tmp); + $cols[ $tmp["col"] ]=$i; +} +#var_dump($cols); +#print array_keys($cols); +$count_cols=count($cols); + + + + + +#select data +$data=array(); +#casova posloupnost +# premapuju podle staticky alokovanych sloupcu, posilam to rovnou do grafu +$q = "SELECT unix_timestamp(detected)-(unix_timestamp(detected)%(3600*$agg)) as t, concat_ws('-',$query_cols) as col, count(*) as count FROM events WHERE $where GROUP BY $query_cols, t;"; +#var_dump($q); +$res = mysql_query($q, $db); +while ($tmp = mysql_fetch_assoc($res)) { + #var_dump($tmp); + $d=array_fill(0, $count_cols, 0); + $d[ $cols[ $tmp["col"] ] ] = (int)$tmp["count"]; + array_unshift($d, (int)$tmp["t"]); + array_push($data, $d); +} + + +#print json_encode($d); +print json_encode(array("cols"=>array_keys($cols), "data"=>$data)); + +?> + diff --git a/src/warden-server/contrib/wardenweb/graph_TypeActivity_html.php b/src/warden-server/contrib/wardenweb/graph_TypeActivity_html.php new file mode 100644 index 0000000000000000000000000000000000000000..b2461a1adffde42a2b756974175681ec5dec0268 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/graph_TypeActivity_html.php @@ -0,0 +1,53 @@ +<? if(!isset($_GET['per'])){$_GET['per']="day";} ?> +<html> + <head> + <script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script> + <script type="text/javascript" src="https://www.google.com/jsapi"></script> + <script type="text/javascript"> + google.load("visualization", "1", {packages:["corechart"]}); + google.setOnLoadCallback(fetchData); + + function fetchData() { + $.getJSON('graph_TypeActivity.php?per=<? print $_GET['per'];?>', drawChart); + } + + function drawChart(sdata) { + console.log(sdata); + var data = new google.visualization.DataTable(); + data.addColumn('datetime', 'Date'); + console.log(sdata.cols); + for (var i = 0; i < sdata.cols.length; i++) { + data.addColumn('number', sdata.cols[i]); + } + + sdatalen=sdata.data.length; + if(sdatalen > 1000) { + alert("Too many rows:"+sdatalen); + sdatalen=1000; + } + + for (var i = 0; i < sdatalen; i++) { + //for (var i = 0; i < 10; i++) { + sdata.data[i][0] = new Date(sdata.data[i][0]*1000); + console.log(sdata.data[i]); + data.addRow(sdata.data[i]); + } + var options = { + vAxis: { logScale: true }, + interpolateNulls: true, + ___colors:['#008000','#ff0000','#FFA500','#FA8072','#AFEEEE','#00A5C6','#DEBDDE','#000000'], + chartArea: {'width': '85%', 'height': '85%'}, + legend: {'position': 'top'}, + pointSize: 5 + }; + + var chart = new google.visualization.LineChart(document.getElementById('chart_div')); + chart.draw(data, options); + } + </script> + </head> + <body> + <div id="chart_div" style="width: 100%; height: 100%;"></div> + </body> +</html> + diff --git a/src/warden-server/contrib/wardenweb/index.html b/src/warden-server/contrib/wardenweb/index.html new file mode 100644 index 0000000000000000000000000000000000000000..e0564647b6866418b6be971121348b3b4c684054 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/index.html @@ -0,0 +1,5 @@ +<frameset rows="30, *"> +<frame name="menu" src="webmenu.php" scrolling="no"> +<frame name="content" src="stats.php"> +</frameset> + diff --git a/src/warden-server/contrib/wardenweb/listmartians.json b/src/warden-server/contrib/wardenweb/listmartians.json new file mode 100644 index 0000000000000000000000000000000000000000..4e0c2b906df1d0923192508bcb24632f68d76bf8 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/listmartians.json @@ -0,0 +1 @@ +{"255.255.255.255/32":{"first":4294967295,"last":4294967295,"route":"255.255.255.255/32","descr":"limitedbroadcast"},"0.0.0.0/8":{"first":4294967296,"last":4311744511,"route":"0.0.0.0/8","descr":"broadcast"},"198.51.100.0/24":{"first":3325256704,"last":3325256959,"route":"198.51.100.0/24","descr":"RFC5737"},"224.0.0.0/4":{"first":3758096384,"last":4026531839,"route":"224.0.0.0/4","descr":"multicast"},"192.0.2.0/24":{"first":3221225984,"last":3221226239,"route":"192.0.2.0/24","descr":"RFC5737"},"169.254.0.0/16":{"first":2851995648,"last":2852061183,"route":"169.254.0.0/16","descr":"autoconfiguration"},"198.18.0.0/15":{"first":3323068416,"last":3323199487,"route":"198.18.0.0/15","descr":"RFC2544"},"192.88.99.0/24":{"first":3227017984,"last":3227018239,"route":"192.88.99.0/24","descr":"6to4anycast"},"10.0.0.0/8":{"first":167772160,"last":184549375,"route":"10.0.0.0/8","descr":"local10"},"240.0.0.0/4":{"first":4026531840,"last":4294967295,"route":"240.0.0.0/4","descr":"future"},"172.16.0.0/12":{"first":2886729728,"last":2887778303,"route":"172.16.0.0/12","descr":"local172"},"127.0.0.0/8":{"first":2130706432,"last":2147483647,"route":"127.0.0.0/8","descr":"loopback"},"203.0.113.0/24":{"first":3405803776,"last":3405804031,"route":"203.0.113.0/24","descr":"RFC5737"},"192.168.0.0/16":{"first":3232235520,"last":3232301055,"route":"192.168.0.0/16","descr":"local192"},"100.64.0.0/10":{"first":1681915904,"last":1686110207,"route":"100.64.0.0/10","descr":"RFC6598"}} \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/listmartians.pl b/src/warden-server/contrib/wardenweb/listmartians.pl new file mode 100644 index 0000000000000000000000000000000000000000..0f60e2a32bf2fe14f2673fecd747b658c4e9582c --- /dev/null +++ b/src/warden-server/contrib/wardenweb/listmartians.pl @@ -0,0 +1,116 @@ +use Data::Dumper; +use JSON; + +# Prevod IP na long podobu +sub ip2long +{ + my($ip) = @_; + + my @octets = split(/\./, $ip); + my $DEC = ($octets[0] * 1 << 24) + ($octets[1] * 1 << 16) + ($octets[2] * 1 << 8) + ($octets[3]); + + $DEC = ($DEC > 0 ? $DEC : $DEC + (2 ** 32)); + + return $DEC; +} + +# Ziskani prvni a posledni adresy v long podobe +sub getFirstLastLong +{ + my($cidr) = @_; + + my @adds; + + #rozdeleni CIDR formatu na IP a masku + my @items = split('/', $cidr); + #Prevod podsite na long format + my $is = ip2long($items[0]); + push @adds, $is; + + #Prevedeni posledni IP v podsiti na long + my $ib = $is + (2 ** (32 - $items[1]) - 1); + push @adds, $ib; + + return @adds; +} + +#orezani +sub trim +{ + my($string) = @_; + + $$string =~ s/^\s+//; + $$string =~ s/\s+$//; +} + +#http://en.wikipedia.org/wiki/Reserved_IP_addresses +$input = " +route: 0.0.0.0/8 +descr: broadcast +route: 10.0.0.0/8 +descr: local10 +route: 100.64.0.0/10 +descr: RFC6598 +route: 127.0.0.0/8 +descr: loopback +route: 169.254.0.0/16 +descr: autoconfiguration +route: 172.16.0.0/12 +descr: local172 +route: 192.0.2.0/24 +descr: RFC5737 +route: 192.88.99.0/24 +descr: 6to4anycast +route: 192.168.0.0/16 +descr: local192 +route: 198.18.0.0/15 +descr: RFC2544 +route: 198.51.100.0/24 +descr: RFC5737 +route: 203.0.113.0/24 +descr: RFC5737 +route: 224.0.0.0/4 +descr: multicast +route: 240.0.0.0/4 +descr: future +route: 255.255.255.255/32 +descr: limitedbroadcast +"; + + +@winfo = split("\n", $input); +#print Dumper(@winfo); + +#todo zbytek co neni ve whois separatne + +%data=(); +$route=""; +foreach(@winfo) { + if($_ =~ /route:\s+(.*)/) { + $route = $1; + $data{$route}{'route'} = $route; + } + if($_ =~ /descr:\s+(.*)/) { + $data{$route}{'descr'} = $1; + } +} + +my $sql_net_cond = ""; +foreach (keys %data) +{ + my $net = $_; + trim(\$net); + + my @adds = getFirstLastLong($net); + $data{$net}{'first'} = $adds[0]; + $data{$net}{'last'} = $adds[1]; + + #Testovaci vypis + #printf("%s\t %u - %u\n", $net, $adds[0], $adds[1]); +# $sql_net_cond .= "inet_aton(ip) BETWEEN $adds[0] AND $adds[1] OR "; +} +#print $sql_net_cond; + +print encode_json(\%data); + +#$sql_net_cond = substr($sql_net_cond, 0, -3); diff --git a/src/warden-server/contrib/wardenweb/listnetworks.json b/src/warden-server/contrib/wardenweb/listnetworks.json new file mode 100644 index 0000000000000000000000000000000000000000..8596bdaa949fd0d53c2fa981b0615317d263d142 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/listnetworks.json @@ -0,0 +1 @@ +{"78.128.128.0/17":{"first":1317044224,"last":1317076991,"route":"78.128.128.0/17","descr":"CESNET6-TCZ"},"195.113.0.0/16":{"first":3278962688,"last":3279028223,"route":"195.113.0.0/16","descr":"CESNET-TCZ"},"147.32.0.0/15":{"first":2468347904,"last":2468478975,"route":"147.32.0.0/15","descr":"CVUT-TCZ + VSCHT-TCZ"},"160.216.0.0/15":{"first":2698510336,"last":2698641407,"route":"160.216.0.0/15","descr":"UNOB-TCZ + JCU-TCZ"},"147.228.0.0/16":{"first":2481192960,"last":2481258495,"route":"147.228.0.0/16","descr":"ZCU.CZ"},"193.84.192.0/19":{"first":3243556864,"last":3243565055,"route":"193.84.192.0/19","descr":"SLU-T34CZ + OPF_SLU-T34CZ"},"147.251.0.0/16":{"first":2482700288,"last":2482765823,"route":"147.251.0.0/16","descr":"MUNI-TCZ"},"193.84.160.0/20":{"first":3243548672,"last":3243552767,"route":"193.84.160.0/20","descr":"NRI-T34CZ"},"146.102.0.0/16":{"first":2456158208,"last":2456223743,"route":"146.102.0.0/16","descr":"VSE-TCZ"},"158.194.0.0/16":{"first":2663514112,"last":2663579647,"route":"158.194.0.0/16","descr":"UPOL-TCZ"},"158.196.0.0/16":{"first":2663645184,"last":2663710719,"route":"158.196.0.0/16","descr":"VSB-TCZ"},"195.178.64.0/19":{"first":3283238912,"last":3283247103,"route":"195.178.64.0/19","descr":"CESNET-T34CZ"},"147.228.0.0/14":{"first":2481192960,"last":2481455103,"route":"147.228.0.0/14","descr":"ZCU-TCZ + VUTBR-TCZ + TUL-TCZ + CAS-TCZ"},"193.84.32.0/20":{"first":3243515904,"last":3243519999,"route":"193.84.32.0/20","descr":"CZU-T34CZ"}} \ No newline at end of file diff --git a/src/warden-server/contrib/wardenweb/listnetworks.pl b/src/warden-server/contrib/wardenweb/listnetworks.pl new file mode 100644 index 0000000000000000000000000000000000000000..2ecbb36ddbf6b2a91af0f956b0e2dc4c066d0267 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/listnetworks.pl @@ -0,0 +1,83 @@ +use Data::Dumper; +use JSON; + +# Prevod IP na long podobu +sub ip2long +{ + my($ip) = @_; + + my @octets = split(/\./, $ip); + my $DEC = ($octets[0] * 1 << 24) + ($octets[1] * 1 << 16) + ($octets[2] * 1 << 8) + ($octets[3]); + + $DEC = ($DEC > 0 ? $DEC : $DEC + (2 ** 32)); + + return $DEC; +} + +# Ziskani prvni a posledni adresy v long podobe +sub getFirstLastLong +{ + my($cidr) = @_; + + my @adds; + + #rozdeleni CIDR formatu na IP a masku + my @items = split('/', $cidr); + #Prevod podsite na long format + my $is = ip2long($items[0]); + push @adds, $is; + + #Prevedeni posledni IP v podsiti na long + my $ib = $is + (2 ** (32 - $items[1]) - 1); + push @adds, $ib; + + return @adds; +} + +#orezani +sub trim +{ + my($string) = @_; + + $$string =~ s/^\s+//; + $$string =~ s/\s+$//; +} + +@winfo = split("\n", `whois -r -i origin AS2852`); +#print Dumper(@winfo); + +#todo zbytek co neni ve whois separatne +push(@winfo, "route: 147.228.0.0/16"); +push(@winfo, "descr: ZCU.CZ"); + +%data=(); +$route=""; +foreach(@winfo) { + if($_ =~ /route:\s+(.*)/) { + $route = $1; + $data{$route}{'route'} = $route; + } + if($_ =~ /descr:\s+(.*)/) { + $data{$route}{'descr'} = $1; + } +} + +my $sql_net_cond = ""; +foreach (keys %data) +{ + my $net = $_; + trim(\$net); + + my @adds = getFirstLastLong($net); + $data{$net}{'first'} = $adds[0]; + $data{$net}{'last'} = $adds[1]; + + #Testovaci vypis + #printf("%s\t %u - %u\n", $net, $adds[0], $adds[1]); +# $sql_net_cond .= "inet_aton(ip) BETWEEN $adds[0] AND $adds[1] OR "; +} +#print $sql_net_cond; + +print encode_json(\%data); + +#$sql_net_cond = substr($sql_net_cond, 0, -3); diff --git a/src/warden-server/contrib/wardenweb/show_HostnameServiceTypeActivity.php b/src/warden-server/contrib/wardenweb/show_HostnameServiceTypeActivity.php new file mode 100644 index 0000000000000000000000000000000000000000..21055807a29103057c8b71fb923dc0220200d9c1 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/show_HostnameServiceTypeActivity.php @@ -0,0 +1,156 @@ +<style> +.formli {list-style-type: none; display:inline; } +.formli div {float:left;} +.formli div label {display:block;} + +</style> +<? + +include("db.php"); +include('formrender.php'); + +function list_something($col) { +#TODO: tohle je potreba predpocitat do cache + global $db; + $ret = array(); + + $cache_file = "/tmp/cache.wardenweb.ls.$col"; + $timedif = @(time() - filemtime($cache_file)); + if ($timedif < 84601) { + // cached file is fresh enough, return cached array + $ret = json_decode(file_get_contents($cache_file), true); + } else { + // cached file is too old, create new + $q = "SELECT $col FROM events group by $col"; + $res = mysql_query($q, $db); + while ($tmp = mysql_fetch_assoc($res)) { + array_push($ret, $tmp[$col]); + } + file_put_contents($cache_file, json_encode($ret)); + } + return $ret; +} + +#http://www.midnighthax.com/quickform.php +require_once "HTML/QuickForm.php"; + +print json_encode(($_POST)); + +if(IsSet($_POST['limit']) && !is_numeric($_POST['limit'])){ + $_POST['limit'] = 5000; +} + +?> +<table width="100%" border=1> +<tr><td> +<? +$form = new HTML_QuickForm('formRemote', 'post'); + +$res = list_something("hostname"); +$select_result = $form->addElement('select', 'hostname', 'hostname', array_combine($res, $res)); +$select_result->setSize(10); +$select_result->setMultiple(true); + +$res = list_something("service"); +$select_result = $form->addElement('select', 'service', 'service', array_combine($res, $res)); +$select_result->setSize(10); +$select_result->setMultiple(true); + +$res = list_something("type"); +$select_result = $form->addElement('select', 'type', 'type', array_combine($res, $res)); +$select_result->setSize(10); +$select_result->setMultiple(true); + +$ownnet = json_decode(file_get_contents("listnetworks.json"), true); +$res = array(); +foreach($ownnet as $tmp) { + array_push($res, (empty($tmp["descr"]) ? $tmp['route'] : $tmp['descr'])); + $ownnet[$tmp["descr"]] = $tmp["route"];#fast inverse +} +$select_result = $form->addElement('select', 'ownnet', 'ownnet', array_combine($res, $res)); +$select_result->setSize(10); +$select_result->setMultiple(true); + +$form->addElement('text', 'limit', 'limit'); +$form->addElement('submit', 'btnSubmit', 'Submit'); + +#$form->display(); + +$renderer = new DefaultFormRenderer($form); +$renderer->display(); + + +?> +</td> +<td width=50%> + +<? +if( IsSet($_POST["btnSubmit"])) { + $tmp_where=array(); + + + foreach(array("hostname","service", "type") as $col) { + if ( count($_POST[$col]) > 0 ) { + $foo = Array(); + $cq=""; + foreach ($_POST[$col] as $tmp) { + #TODO: sqli + array_push( $foo, "$col like '".mysql_real_escape_string($tmp)."'"); + } + $cq = join(" OR ", $foo); + if(strlen($cq)>0) { + array_push($tmp_where, "(".$cq.")"); + } + } + } + + + if(is_array($_POST["ownnet"])) { + $foo = Array(); + foreach($_POST["ownnet"] as $tmp) { + array_push($foo, "inet_aton(source) BETWEEN ".$ownnet[ $ownnet[$tmp] ]['first'] ." AND ".$ownnet[ $ownnet[$tmp] ]['last']); + } + $cq = join(" OR ", $foo); + if(strlen($cq)>0) { + array_push($tmp_where, "(".$cq.")"); + } + } + + $where = join(" AND ", $tmp_where); +} +?> + + +<? + if( IsSet($_POST["btnSubmit"]) and !empty($where)) { + print("<iframe src=\"graph_HostnameServiceTypeActivity_html.php?per=hour&where=".base64_encode($where)."\" style=\"width:100%; height:500\"></iframe>"); + } +?> + +</td> +</tr> +</table> + +<hr> +<? + +#TODO: strip vsechny superznaky + +if( IsSet($_POST["btnSubmit"]) and !empty($where)) { + var_dump($_POST); + + $q = "SELECT * FROM events WHERE $where ORDER BY detected DESC LIMIT ".$_POST['limit']; + $res = mysql_query($q, $db); + print "Query: ".json_encode($q)."<br>"; + print "Found: ".mysql_num_rows($res)."<br>"; + print("<pre>"); + while ($tmp = mysql_fetch_assoc($res)) { + #var_dump($tmp); + print json_encode(view_recode($tmp))."\n"; + } + print("</pre>"); +} + + +?> + diff --git a/src/warden-server/contrib/wardenweb/show_MartiansActivity.php b/src/warden-server/contrib/wardenweb/show_MartiansActivity.php new file mode 100644 index 0000000000000000000000000000000000000000..f31f39317e4cc4c5bb6e74652ca103ad07ecbe11 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/show_MartiansActivity.php @@ -0,0 +1,26 @@ +<?php + +include("db.php"); + +$martians = json_decode(file_get_contents("listmartians.json"), true); +$res = array(); + +$foo = Array(); +foreach($martians as $tmp) { + array_push($foo, "inet_aton(source) BETWEEN ".$tmp['first'] ." AND ".$tmp['last']); +} +$where = join(" OR ", $foo); + +$q = "SELECT * FROM events where $where order by detected desc;"; +$res = mysql_query($q, $db); +if (mysql_num_rows($res) == 0) { die("nodata");} + +$d = array(); +while ($tmp = mysql_fetch_assoc($res)) { + print json_encode(view_recode($tmp))."\n"; +} +mysql_free_result($res); +mysql_close($db); + +?> + diff --git a/src/warden-server/contrib/wardenweb/show_SourceActivity.php b/src/warden-server/contrib/wardenweb/show_SourceActivity.php new file mode 100644 index 0000000000000000000000000000000000000000..33063fe0095e787eff0c0adf9394ac29f3873fbb --- /dev/null +++ b/src/warden-server/contrib/wardenweb/show_SourceActivity.php @@ -0,0 +1,75 @@ +<? + +include("db.php"); +$db=$db; + +if(IsSet($_GET['source']) && !IsSet($_POST['source'])) { + $_POST['source'] = $_GET['source']; + $_POST['limit'] = ""; + $_POST['btnSubmit'] = "Submit"; +} + +#http://www.midnighthax.com/quickform.php +require_once "HTML/QuickForm.php"; + +print json_encode(($_POST)); + +if(IsSet($_POST['limit']) && !is_numeric($_POST['limit'])){ + $_POST['limit'] = 5000; +} + +?> +<table width="100%" border=1> +<tr><td width="1px"> +<? +$form = new HTML_QuickForm('formRemote', 'post'); + +$form->addElement('text', 'source', 'source'); + +$form->addElement('text', 'limit', 'limit'); +$form->addElement('submit', 'btnSubmit', 'Submit'); + +$form->display(); + +?> +</td><td width=1px>COSI +<? + #fuck mvc +?> +</td><td> +<? + if(! empty($_POST["source"])) { + print("<iframe src=\"graph_SourceActivity_html.php?per=day&source=".$_POST['source']."\" style=\"width:100%; height:500\"></iframe>"); +} +?> + +</td> +</tr> +</table> + +<hr> +<? + +#TODO: strip vsechny superznaky + +if( IsSet($_POST["btnSubmit"])) { + + if( ! empty($_POST['source'])) { + $where = "source='".$_POST['source']."'"; + //$where = "source like '".$_POST['source']."%'"; + $q = "SELECT * FROM events WHERE $where ORDER BY detected DESC LIMIT ".$_POST['limit']; + $res = mysql_query($q, $db); + print "Query: ".json_encode($q)."<br>"; + print "Found: ".mysql_num_rows($res)."<br>"; + print("<pre>"); + while ($tmp = mysql_fetch_assoc($res)) { + #var_dump($tmp); + print json_encode(view_recode($tmp))."\n"; + } + print("</pre>"); + } +} + + +?> + diff --git a/src/warden-server/contrib/wardenweb/show_TargetportActivity.php b/src/warden-server/contrib/wardenweb/show_TargetportActivity.php new file mode 100644 index 0000000000000000000000000000000000000000..5fee937af4336c57238c33e8be2ab298cefa18ef --- /dev/null +++ b/src/warden-server/contrib/wardenweb/show_TargetportActivity.php @@ -0,0 +1,87 @@ +<? + +include("db.php"); +$db=$db; + +#http://www.midnighthax.com/quickform.php +require_once "HTML/QuickForm.php"; + +if(IsSet($_GET['port']) && !IsSet($_POST['target_port'])) { + $_POST['target_port'] = $_GET['port']; + $_POST['limit'] = ""; + $_POST['btnSubmit'] = "Submit"; +} + +print json_encode(($_POST)); + +if(IsSet($_POST['limit']) && !is_numeric($_POST['limit'])){ + $_POST['limit'] = 5000; +} + +?> +<table width="100%" border=1> +<tr><td width="1px"> +<? +$form = new HTML_QuickForm('formRemote', 'post'); + +$form->addElement('text', 'target_port', 'target_port'); + +$form->addElement('text', 'limit', 'limit'); +$form->addElement('submit', 'btnSubmit', 'Submit'); + +$form->display(); + +?> +</td><td width=1px> +<? + #fuck mvc + if(! empty($_POST["target_port"])) { + print("<a href='https://isc.sans.edu/port.html?port=".$_POST['target_port']."'>sans.org::ports</a>"); +# print("<table border=1>"); +# printf("<tr><th>%s</th><th>%s</th></tr>\n", $_POST['remote'], "count"); +# foreach ($c as $tmp) { +# printf("<tr><td>%s</td><td>%d</td></tr>\n", $tmp["_id"]["result"], $tmp["value"]["count"]); +# #print json_encode($tmp)."\n"; +# } +# print("</table>"); + } +?> +</td><td> +<? + if(! empty($_POST["target_port"])) { + print("<iframe src=\"graph_TargetportActivity_html.php?per=day&port=".$_POST['target_port']."\" style=\"width:100%; height:500\"></iframe>"); +} +?> + +</td> +</tr> +</table> + +<hr> +<? + +#TODO: strip vsechny superznaky + +if( IsSet($_POST["btnSubmit"])) { + + if( ! empty($_POST['target_port']) && is_numeric($_POST['target_port'])) { + # or je tu protoze chci mit stejne kvery pro log i mapy + $where = "target_port=".$_POST['target_port']; + $q = "SELECT * FROM events WHERE $where ORDER BY detected DESC LIMIT ".$_POST['limit']; + $res = mysql_query($q, $db); + print "Query: ".json_encode($q)."<br>"; + print "Found: ".mysql_num_rows($res)."<br>"; + print("<pre>"); + while ($tmp = mysql_fetch_assoc($res)) { + #var_dump($tmp); +# $tmp['source'] = sprintf('<a href=show_SourceActivity.php?source=%s>%s<a>', +# $tmp['source'],$tmp['source']); + print json_encode(view_recode($tmp))."\n"; + } + print("</pre>"); + } +} + + +?> + diff --git a/src/warden-server/contrib/wardenweb/show_TopTargetports.html b/src/warden-server/contrib/wardenweb/show_TopTargetports.html new file mode 100644 index 0000000000000000000000000000000000000000..a6985732c392112b73b658fd241325b1e3c6b079 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/show_TopTargetports.html @@ -0,0 +1,24 @@ +<? + +include("db.php"); + +<table width="100%" border=0> +<tr> +<td> +<iframe src="graph_TopTargetportsNum.html" style="width:100%; height:40%"></iframe> +</td> +</tr> + +<tr> +<td> +<iframe src="graph_TopTargetportsStr.html" style="width:100%; height:40%"></iframe> +</td> +</tr> + +<tr> +<td> +<iframe src="table_TopTargetports.html" style="width:100%; height:70%"></iframe> +</td> +</tr> + +</table> diff --git a/src/warden-server/contrib/wardenweb/stats.php b/src/warden-server/contrib/wardenweb/stats.php new file mode 100644 index 0000000000000000000000000000000000000000..58e27df2aa32ce30152f7e5cc4c08b045d2c8af9 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/stats.php @@ -0,0 +1,59 @@ +<? + +include("db.php"); +#include("build_table_html.php"); + +if(isset($_GET['c'])) + switch($_GET['c']) { + case 'droplog': $db->log->remove(); + header("Location: ".$_SERVER["PHP_SELF"]); + break; + case 'dropmaps': + #TODO: refactor listcollections + $list = $db->listCollections(); + foreach ($list as $collection) { + $cname = $collection->getName(); + if( preg_match("/^map/", $cname)) { + print("Dropping $cname\n"); + $collection->drop(); + $db->timingReduces->remove(json_decode('{"name":"'.$cname.'"}'), array("justOne"=>true)); + } + } + header("Location: ".$_SERVER["PHP_SELF"]); + break; + case 'makemaps': + include("makemaps.php"); + header("Location: ".$_SERVER["PHP_SELF"]); + break; + default: break; + } + +?> + +<table width="100%" border=0> +<tr> + +<td width="50%"> +<iframe src="graph_TypeActivity_html.php" style="width:100%; height:400"></iframe> +</td> + +<td> +<iframe src="graph_HostnameServiceTypeActivity_html.php" style="width:100%; height:400"></iframe> +</td> + +</tr> +<tr> + +<td colspan=2> +<iframe src="table_HostnameServiceType.html" style="width:100%; height:600"></iframe> +</td> + +</tr> + +<tr> +<td colspan=2> +<iframe src="show_TargetportActivity.php" style="width:100%; height:1000"></iframe> +</td> +</tr> + +</table> diff --git a/src/warden-server/contrib/wardenweb/table_HostnameServiceType.html b/src/warden-server/contrib/wardenweb/table_HostnameServiceType.html new file mode 100644 index 0000000000000000000000000000000000000000..6e2e1f5da64b9799222eb5293331227a8d17756e --- /dev/null +++ b/src/warden-server/contrib/wardenweb/table_HostnameServiceType.html @@ -0,0 +1,41 @@ +<html> +<head> +<style type="text/css" title="currentStyle"> +@import "datatables/media/css/demo_table.css"; +</style> +<script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script> +<script type="text/javascript" language="javascript" src="datatables/media/js/jquery.dataTables.js"></script> +<script type="text/javascript" charset="utf-8"> +$(document).ready(function() { + var oTable = $('#example').dataTable( { + "bFilter": true, + "iDisplayLength": 20, + "aaSorting": [], + "sAjaxSource": "table_HostnameServiceType.php", + "aoColumns": [ + { "mDataProp": "hostname" }, + { "mDataProp": "service" }, + { "mDataProp": "type" }, + { "mDataProp": "count" }, + { "mDataProp": "lastdetected" }, + { "mDataProp": "lastreceived" } + ] + } ); +} ); + +</script> +</head> +<body> +<h2>HostnameServiceType</h2> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%"> +<thead> + <th>hostname</th> + <th>service</th> + <th>type</th> + <th>count</th> + <th>lastdetected</th> + <th>lastreceived</th> +</thead> +</table> +</body> +</html> diff --git a/src/warden-server/contrib/wardenweb/table_HostnameServiceType.php b/src/warden-server/contrib/wardenweb/table_HostnameServiceType.php new file mode 100644 index 0000000000000000000000000000000000000000..3df0cb028dafd4dcaae588629f04168911de5391 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/table_HostnameServiceType.php @@ -0,0 +1,19 @@ +<?php + +include("db.php"); + +$q = "SELECT hostname,service,type,count(*) as count, max(detected) as lastdetected,max(received) as lastreceived FROM `events` group by hostname,service,type;"; +$res = mysql_query($q, $db); +if (mysql_num_rows($res) == 0) { die("nodata");} + +$d = array(); +while ($tmp = mysql_fetch_assoc($res)) { + array_push($d, $tmp); +} +mysql_free_result($res); +mysql_close($db); + +print json_encode(array("aaData" => $d)); + +?> + diff --git a/src/warden-server/contrib/wardenweb/table_TopSources.html b/src/warden-server/contrib/wardenweb/table_TopSources.html new file mode 100644 index 0000000000000000000000000000000000000000..4c65de2520e87c64312283baa2dff5e426dd9462 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/table_TopSources.html @@ -0,0 +1,33 @@ +<html> +<head> +<style type="text/css" title="currentStyle"> +@import "datatables/media/css/demo_table.css"; +</style> +<script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script> +<script type="text/javascript" language="javascript" src="datatables/media/js/jquery.dataTables.js"></script> +<script type="text/javascript" charset="utf-8"> +$(document).ready(function() { + var oTable = $('#example').dataTable( { + "bFilter": true, + "iDisplayLength": 20, + "aaSorting": [], + "sAjaxSource": "table_TopSources.php", + "aoColumns": [ + { "mDataProp": "source" }, + { "mDataProp": "count" } + ] + } ); +} ); + +</script> +</head> +<body> +<h2>TopSources</h2> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%"> +<thead> + <th>source</th> + <th>count</th> +</thead> +</table> +</body> +</html> diff --git a/src/warden-server/contrib/wardenweb/table_TopSources.php b/src/warden-server/contrib/wardenweb/table_TopSources.php new file mode 100644 index 0000000000000000000000000000000000000000..6aa702e4c3ef998f6b8131202b9acf03d9f5fb5b --- /dev/null +++ b/src/warden-server/contrib/wardenweb/table_TopSources.php @@ -0,0 +1,19 @@ +<?php + +include("db.php"); + +$q = "select source, count(*) as count from events where detected > from_unixtime(unix_timestamp(now())-3600*24*30) group by source order by count desc limit 100;"; +$res = mysql_query($q, $db); +if (mysql_num_rows($res) == 0) { die("nodata");} + +$d = array(); +while ($tmp = mysql_fetch_assoc($res)) { + array_push($d, $tmp); +} +mysql_free_result($res); +mysql_close($db); + +print json_encode(array("aaData" => $d)); + +?> + diff --git a/src/warden-server/contrib/wardenweb/table_TopTargetports.html b/src/warden-server/contrib/wardenweb/table_TopTargetports.html new file mode 100644 index 0000000000000000000000000000000000000000..c8c47c4efcb8c78327ccb201ab894c6e613b5084 --- /dev/null +++ b/src/warden-server/contrib/wardenweb/table_TopTargetports.html @@ -0,0 +1,33 @@ +<html> +<head> +<style type="text/css" title="currentStyle"> +@import "datatables/media/css/demo_table.css"; +</style> +<script type="text/javascript" language="javascript" src="datatables/media/js/jquery.js"></script> +<script type="text/javascript" language="javascript" src="datatables/media/js/jquery.dataTables.js"></script> +<script type="text/javascript" charset="utf-8"> +$(document).ready(function() { + var oTable = $('#example').dataTable( { + "bFilter": true, + "iDisplayLength": 20, + "aaSorting": [], + "sAjaxSource": "table_TopTargetports.php", + "aoColumns": [ + { "mDataProp": "target_port" }, + { "mDataProp": "count" } + ] + } ); +} ); + +</script> +</head> +<body> +<h2>TopTargetports</h2> +<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%"> +<thead> + <th>target_port</th> + <th>count</th> +</thead> +</table> +</body> +</html> diff --git a/src/warden-server/contrib/wardenweb/table_TopTargetports.php b/src/warden-server/contrib/wardenweb/table_TopTargetports.php new file mode 100644 index 0000000000000000000000000000000000000000..ce7d6941f6f3d48974cbe8a3d4983a7f8ecf961a --- /dev/null +++ b/src/warden-server/contrib/wardenweb/table_TopTargetports.php @@ -0,0 +1,19 @@ +<?php + +include("db.php"); + +$q = "select target_port, count(*) as count from events where detected > from_unixtime(unix_timestamp(now())-3600*24*30) group by target_port order by count desc limit 300;"; +$res = mysql_query($q, $db); +if (mysql_num_rows($res) == 0) { die("nodata");} + +$d = array(); +while ($tmp = mysql_fetch_assoc($res)) { + array_push($d, $tmp); +} +mysql_free_result($res); +mysql_close($db); + +print json_encode(array("aaData" => $d)); + +?> + diff --git a/src/warden-server/contrib/wardenweb/webmenu.php b/src/warden-server/contrib/wardenweb/webmenu.php new file mode 100644 index 0000000000000000000000000000000000000000..5dcefa228cef539d55b66f240b10792515b2a75d --- /dev/null +++ b/src/warden-server/contrib/wardenweb/webmenu.php @@ -0,0 +1,34 @@ +<html> +<head><style>ul,li { display:inline; padding: 5px;} body { font-size: 0.8em; }</style></head> +<body> +<ul> + +<? +if(!empty($_SERVER["REMOTE_ADDR"])) { + $menu = array( + "stats" => "stats.php", + "show_SourceActivity.php" => "show_SourceActivity.php", + "show_TargetportActivity.php" => "show_TargetportActivity.php", + "show_HostnameServiceTypeActivity.php" => "show_HostnameServiceTypeActivity.php", + "show_MartiansActivity.php" => "show_MartiansActivity.php", + "TopTargetports" => "show_TopTargetports.html", + "TopSources" => "table_TopSources.html", + "dropmaps" => "stats.php?c=dropmaps", + "makemaps" => "stats.php?c=makemaps", + "phpmyadmin" => "/phpmyadmin", + "timingReduces" => "timingReduces.php" + ); + foreach($menu as $key => $val) { + printf('<li><a href="%s" target="content">%s</a></li>',$val, $key); + } +} +?> +<li>size [T/F]: + <? include('db.php');?> + TODO +</li> + +</ul> +</body> +</html> +