jandrade/BinStack
1
0
Fork 0
forked from Business/BinStack
Code Issues Pull Requests Releases Wiki Activity

Improve category display

Browse Source
This commit is contained in:
Skylar Ittner 2017-12-26 16:59:31 -07:00
parent 98aa7d3217
commit e57a43217e
3 changed files with 33 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pages.php
View File

@ -43,7 +43,8 @@ define("PAGES", [
"navbar" => true, "navbar" => true,
"icon" => "archive", "icon" => "archive",
"styles" => [ "styles" => [
"static/css/datatables.min.css" "static/css/datatables.min.css",
"static/css/tables.css"
], ],
"scripts" => [ "scripts" => [
"static/js/datatables.min.js", "static/js/datatables.min.js",

16
pages/categories.php
View File

@ -1,5 +1,4 @@
<?php <?php
/* This Source Code Form is subject to the terms of the Mozilla Public /* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this * License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@ -14,8 +13,10 @@ redirectifnotloggedin();
<table id="cattable" class="table table-bordered table-striped"> <table id="cattable" class="table table-bordered table-striped">
<thead> <thead>
<tr> <tr>
<th><?php lang('actions'); ?></th> <th data-priority="0"></th>
<th><i class="fa fa-archive hidden-xs"></i> <?php lang('category'); ?></th> <th data-priority="1"><?php lang('actions'); ?></th>
<th data-priority="1"><i class="fa fa-archive hidden-xs"></i> <?php lang('category'); ?></th>
<th data-priority="2"><i class="fa fa-hashtag hidden-xs"></i> <?php lang('item count'); ?></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -25,12 +26,15 @@ redirectifnotloggedin();
'catname' 'catname'
]); ]);
foreach ($cats as $cat) { foreach ($cats as $cat) {
$itemcount = $database->count('items', ['catid' => $cat['catid']]);
?> ?>
<tr> <tr>
<td></td>
<td> <td>
<a class="btn btn-primary btn-xs" href="app.php?page=editcat&id=<?php echo $cat['catid']; ?>"><i class="fa fa-pencil-square-o"></i> <?php lang("edit"); ?></a> <a class="btn btn-primary btn-xs" href="app.php?page=editcat&id=<?php echo $cat['catid']; ?>"><i class="fa fa-pencil-square-o"></i> <?php lang("edit"); ?></a>
</td> </td>
<td><?php echo $cat['catname']; ?></td> <td><?php echo $cat['catname']; ?></td>
<td><?php echo $itemcount; ?></td>
</tr> </tr>
<?php <?php
} }
@ -38,8 +42,10 @@ redirectifnotloggedin();
</tbody> </tbody>
<tfoot> <tfoot>
<tr> <tr>
<th><?php lang('actions'); ?></th> <th data-priority="0"></th>
<th><i class="fa fa-archive"></i> <?php lang('category'); ?></th> <th data-priority="1"><?php lang('actions'); ?></th>
<th data-priority="1"><i class="fa fa-archive hidden-xs"></i> <?php lang('category'); ?></th>
<th data-priority="2"><i class="fa fa-hashtag hidden-xs"></i> <?php lang('item count'); ?></th>
</tr> </tr>
</tfoot> </tfoot>
</table> </table>

21
static/js/categories.js
View File

@ -3,13 +3,32 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
$('#cattable').DataTable({ $('#cattable').DataTable({
responsive: {
details: {
display: $.fn.dataTable.Responsive.display.modal({
header: function (row) {
var data = row.data();
return "<i class=\"fa fa-archive fa-fw\"></i> " + data[2];
}
}),
renderer: $.fn.dataTable.Responsive.renderer.tableAll({
tableClass: 'table'
}),
type: "column"
}
},
columnDefs: [ columnDefs: [
{ {
targets: 0, targets: 0,
className: 'control',
orderable: false
},
{
targets: 1,
orderable: false orderable: false
} }
], ],
order: [ order: [
[1, 'asc'] [2, 'asc']
] ]
}); });