maketank/Froxlor
2
0
Fork 0
Code Pull Requests Releases Activity

Made tablesorter work without inline-js

Browse Source 
Signed-off-by: Roman Schmerold (BNoiZe) <bnoize@froxlor.org>
This commit is contained in:
Roman Schmerold (BNoiZe)
2014-12-02 17:27:41 +01:00
parent 9627238966
commit 6f5f69db2b
7 changed files with 139 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
templates/Sparkle/admin/traffic/index.tpl vendored
View File

@@ -1,37 +1,10 @@
$header
<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
<script type="text/javascript">
$.tablesorter.addParser( {
id: 'filesize',
is: function(s) {
return s.match( new RegExp( /[0-9]+(\.[0-9]+)?\ (KiB|B|GiB|MiB|TiB)/ ) );
},
format: function(s) {
var suf = s.match( new RegExp( /(KiB|B|GiB|MiB|TiB)/) )[1];
var num = parseFloat( s.match( new RegExp( /^[0-9]+(\.[0-9]+)?/ ) )[0] );
switch( suf ) {
case 'B':
return num;
case 'KiB':
return num * 1024;
case 'MiB':
return num * 1024 * 1024;
case 'GiB':
return num * 1024 * 1024 * 1024;
case 'TiB':
return num * 1024 * 1024 * 1024 * 1024;
}
},
type: 'numeric'
});
</script>
<article>
<header>
<h2>
<img src="templates/{$theme}/assets/img/icons/traffic_big.png" alt="{$lng['admin']['traffic']}" />&nbsp;{$lng['admin']['traffic']} &nbsp;
</h2>
</header>
{$stats_tables}
</article>
</div>
<article>
<header>
<h2>
<img src="templates/{$theme}/assets/img/icons/traffic_big.png" alt="{$lng['admin']['traffic']}" />&nbsp;{$lng['admin']['traffic']} &nbsp;
</h2>
</header>
{$stats_tables}
</article>
$footer

35
templates/Sparkle/admin/traffic/index_table.tpl vendored
View File

@@ -1,6 +1,6 @@
<h3>{$lng['traffic']['trafficoverview']}&nbsp;{$overview['type']}&nbsp;{$overview['year']}</h3>
<section>
<table class="full" id="stats{$overview['year']}">
<table class="full" id="stats{$overview['year']}" data-toggle="table">
<thead>
<tr>
<th>{$overview['type']}</th>
@@ -26,38 +26,5 @@
</tfoot>
</table>
</section>
<script type="text/javascript">
var myTextExtraction = function(node)
{
// extract data from markup and return it
if(node.innerHTML != '-') {
return 1 + node.innerHTML.substr(0,node.innerHTML.length);
} else {
return '0 B';
}
}
$(document).ready(function()
{
$("#stats{$overview['year']}").tablesorter( {
textExtraction: myTextExtraction,
headers: {
1: {sorter: 'filesize'},
2: {sorter: 'filesize'},
3: {sorter: 'filesize'},
4: {sorter: 'filesize'},
5: {sorter: 'filesize'},
6: {sorter: 'filesize'},
7: {sorter: 'filesize'},
8: {sorter: 'filesize'},
9: {sorter: 'filesize'},
10: {sorter: 'filesize'},
11: {sorter: 'filesize'},
12: {sorter: 'filesize'}
},
});
}
);
</script>
<br />
<br />