WIP
Filters input on tablesorter tables
This commit is contained in:
@@ -959,20 +959,26 @@ label {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// -- Table sorter --
|
// -- Table sorter --
|
||||||
th.header {
|
th.tablesorter-header {
|
||||||
background: url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==") no-repeat center right;
|
background: url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==") no-repeat center right;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-weight: bold;
|
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
border-right: 1px solid #dad9c7;
|
border-right: 1px solid #dad9c7;
|
||||||
border-left: 1px solid #dad9c7;
|
border-left: 1px solid #dad9c7;
|
||||||
margin-left: -1px;
|
margin-left: -1px;
|
||||||
}
|
}
|
||||||
|
th.sorter-false {
|
||||||
|
background: none;
|
||||||
|
cursor: auto;
|
||||||
|
padding-left: 0;
|
||||||
|
border: none;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
th.headerSortUp {
|
th.tablesorter-headerAsc {
|
||||||
background: #F9F9F9 url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7") no-repeat center right;
|
background: #F9F9F9 url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7") no-repeat center right;
|
||||||
}
|
}
|
||||||
|
|
||||||
th.headerSortDown {
|
th.tablesorter-headerDesc {
|
||||||
background: #F9F9F9 url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7") no-repeat center right;
|
background: #F9F9F9 url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7") no-repeat center right;
|
||||||
}
|
}
|
||||||
@@ -9,7 +9,12 @@
|
|||||||
|
|
||||||
// -- Init tablesorter --
|
// -- Init tablesorter --
|
||||||
if($('.tablesorter').length){
|
if($('.tablesorter').length){
|
||||||
$('.tablesorter').tablesorter();
|
$('.tablesorter').tablesorter({
|
||||||
|
widgets: ["filter"],
|
||||||
|
widgetOptions : {
|
||||||
|
filter_cssFilter : 'input-medium',
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// -- Effect description
|
// -- Effect description
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -31,8 +31,8 @@
|
|||||||
<th>Title</th>
|
<th>Title</th>
|
||||||
<th>Expiration date</th>
|
<th>Expiration date</th>
|
||||||
<th>Usage left</th>
|
<th>Usage left</th>
|
||||||
<th class="{literal}{sorter: false}{/literal}">Actions</th>
|
<th class="sorter-false filter-false">Actions</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -92,7 +92,7 @@
|
|||||||
<th>Title</th>
|
<th>Title</th>
|
||||||
<th>Expiration date</th>
|
<th>Expiration date</th>
|
||||||
<th>Usage left</th>
|
<th>Usage left</th>
|
||||||
<th class="{literal}{sorter: false}{/literal}">Actions</th>
|
<th class="sorter-false filter-false">Actions</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@@ -184,6 +184,10 @@
|
|||||||
<script src="{$asset_url}"></script>
|
<script src="{$asset_url}"></script>
|
||||||
{/javascripts}
|
{/javascripts}
|
||||||
|
|
||||||
|
{javascripts file='../assets/js/tablesorter/jquery.tablesorter.widgets.js'}
|
||||||
|
<script src="{$asset_url}"></script>
|
||||||
|
{/javascripts}
|
||||||
|
|
||||||
{javascripts file='../assets/js/main.js'}
|
{javascripts file='../assets/js/main.js'}
|
||||||
<script src="{$asset_url}"></script>
|
<script src="{$asset_url}"></script>
|
||||||
{/javascripts}
|
{/javascripts}
|
||||||
|
|||||||
Reference in New Issue
Block a user