deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-12 11:27:24 +02:00
Code Issues Releases Wiki Activity

Added RequireJs dev workflow demo

Browse source
This commit is contained in:
Max Guglielmi 2015-06-29 18:23:02 +10:00
parent 8b95094dde
commit b4d71c575e
6 changed files with 2729 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
demos/requirejs-dev.html
View file

@ -29,6 +29,15 @@
<body>
<h1>TableFilter v0.0.0</h1>
<h2>Development workflow with RequireJs</h2>
<p>
To take advantage of the RequireJs development workflow use the
<code>grunt dev-modules</code> command.
</p>
<p>
If you use extensions, you will need to specify the extensions path as per
configuration example. Sorting feature also requires the third-party
<code>../libs/sortabletable</code> dependency to be imported.
</p>
<pre></pre>
@ -2587,7 +2596,7 @@
<script src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.17/require.min.js"></script>
<script data-config>
requirejs(
['../dist/tablefilter/tablefilter'],
['../dist/tablefilter/tablefilter', '../libs/sortabletable'],
function(mod){
var TableFilter = mod.TableFilter;
var tfConfig = {
@ -2604,13 +2613,20 @@ requirejs(
extensions:[
{
name: 'sort',
path: '../dist/tablefilter/extensions/sort/',
types: [
'number', 'string', 'string',
'US', 'none', 'string'
]
},
{ name: 'colsVisibility' },
{ name: 'filtersVisibility' }
{
name: 'colsVisibility',
path: '../dist/tablefilter/extensions/colsVisibility/'
},
{
name: 'filtersVisibility',
path: '../dist/tablefilter/extensions/filtersVisibility/'
}
]
};

2636
demos/requirejs.html Normal file
View file

File diff suppressed because it is too large Load diff

2
dist/tablefilter/tablefilter.js vendored
View file

@ -1,6 +1,6 @@
/**
* TableFilter v0.0.0 by Max Guglielmi
* build date: 2015-06-28T01:52:51.296Z
* build date: 2015-06-29T08:20:58.589Z
* MIT License
*/

2
dist/tablefilter/tf1.js vendored
View file

@ -1,6 +1,6 @@
/**
* TableFilter v0.0.0 by Max Guglielmi
* build date: 2015-06-28T01:52:51.296Z
* build date: 2015-06-29T08:20:58.589Z
* MIT License
*/

22
static/templates/requirejs-dev.html
View file

@ -7,6 +7,15 @@
<body>
<h1>{NAME} v{VERSION}</h1>
<h2>Development workflow with RequireJs</h2>
<p>
To take advantage of the RequireJs development workflow use the
<code>grunt dev-modules</code> command.
</p>
<p>
If you use extensions, you will need to specify the extensions path as per
configuration example. Sorting feature also requires the third-party
<code>../libs/sortabletable</code> dependency to be imported.
</p>
<!-- @import partials/pre.html -->
@ -15,7 +24,7 @@
<script src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.17/require.min.js"></script>
<script data-config>
requirejs(
['../dist/tablefilter/tablefilter'],
['../dist/tablefilter/tablefilter', '../libs/sortabletable'],
function(mod){
var TableFilter = mod.TableFilter;
var tfConfig = {
@ -32,13 +41,20 @@ requirejs(
extensions:[
{
name: 'sort',
path: '../dist/tablefilter/extensions/sort/',
types: [
'number', 'string', 'string',
'US', 'none', 'string'
]
},
{ name: 'colsVisibility' },
{ name: 'filtersVisibility' }
{
name: 'colsVisibility',
path: '../dist/tablefilter/extensions/colsVisibility/'
},
{
name: 'filtersVisibility',
path: '../dist/tablefilter/extensions/filtersVisibility/'
}
]
};

53
static/templates/requirejs.html Normal file
View file

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{NAME} v{VERSION} - RequireJs demo</title>
<!-- @import partials/style.html -->
</head>
<body>
<h1>{NAME} v{VERSION}</h1>
<h2>RequireJs Demo</h2>
<!-- @import partials/pre.html -->
<!-- @import partials/countries-by-continent.html -->
<script src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.17/require.min.js"></script>
<script data-config>
requirejs(
['../dist/tablefilter/tablefilter'],
function(mod){
var TableFilter = mod.TableFilter;
var tfConfig = {
base_path: '../dist/tablefilter/',
col_1: 'multiple',
col_2: 'checklist',
alternate_rows: true,
rows_counter: true,
enable_default_theme: true,
col_widths: [
'70px', '170px', '170px',
'110px', '90px', '250px'
],
extensions:[
{
name: 'sort',
types: [
'number', 'string', 'string',
'US', 'none', 'string'
]
},
{ name: 'colsVisibility' },
{ name: 'filtersVisibility' }
]
};
tf = new TableFilter('demo', tfConfig);
tf.init();
}
);
</script>
<!-- @import partials/pre-inline-script.html -->
</body>
</html>