Business
/
NewsPen
2
0
Fork 0
Code Issues 4 Pull Requests Releases Wiki Activity

Add default grid view for publications

Browse Source
master
Skylar Ittner 6 years ago
parent fe184571b5
commit a3fac92866
6 changed files with 242 additions and 87 deletions
Show Stats Download Patch File Download Diff File

5
lang/en_us.php
Unescape Escape View File

@ -88,5 +88,8 @@ define("STRINGS", [
"format" => "Format",
"addresses comma separated" => "Addresses (comma separated)",
"editor" => "Editor",
"publications" => "Publications"
"publications" => "Publications",
"grid" => "Grid",
"list" => "List",
"search" => "Search"
]);

2
lib/getpubtable.php
Unescape Escape View File

@ -110,7 +110,7 @@ for ($i = 0; $i < count($pubs); $i++) {
$pubs[$i]["editbtn"] = '<a class="btn btn-primary btn-sm" href="app.php?page=content&pubid=' . $pubs[$i]['pubid'] . '"><i class="fas fa-edit"></i> ' . lang("edit", false) . '</a>';
$pubs[$i]["editbtn"] .= ' <a class="btn btn-secondary btn-sm" href="app.php?page=editpub&id=' . $pubs[$i]['pubid'] . '"><i class="fas fa-paint-brush"></i> ' . lang("format", false) . '</a>';
} else {
$pubs[$i]["editbtn"] = '<a class="btn btn-purple btn-sm" href="app.php?page=content&pubid=' . $pubs[$i]['pubid'] . '"><i class="fas fa-eye"></i> ' . lang("view", false) . '</a>';
$pubs[$i]["editbtn"] = '<a class="btn btn-info btn-sm" href="app.php?page=content&pubid=' . $pubs[$i]['pubid'] . '"><i class="fas fa-eye"></i> ' . lang("view", false) . '</a>';
}
$pubs[$i]["clonebtn"] = '<a class="btn btn-success btn-sm" href="app.php?page=editpub&id=' . $pubs[$i]['pubid'] . '&clone=1"><i class="fas fa-clone"></i> ' . lang("clone", false) . '</a>';
$pubs[$i]["pubdate"] = date(DATETIME_FORMAT, strtotime($pubs[$i]["pubdate"]));

1
pages.php
Unescape Escape View File

@ -16,6 +16,7 @@ define("PAGES", [
"static/css/tables.css"
],
"scripts" => [
"static/js/shuffle.min.js",
"static/js/datatables.min.js",
"static/js/home.js"
],

197
pages/home.php
Unescape Escape View File

@ -1,5 +1,4 @@
<?php
/* 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
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@ -13,33 +12,169 @@ redirectifnotloggedin();
<div class="btn-group mb-4">
<a href="app.php?page=editpub" class="btn btn-success"><i class="fas fa-plus"></i> <?php lang("new publication"); ?></a>
</div>
<table id="pubtable" class="table table-bordered table-hover table-sm">
<thead>
<tr>
<th data-priority="0"></th>
<th data-priority="1"><?php lang('actions'); ?></th>
<th data-priority="1"><i class="fas fa-fw fa-font d-none d-md-inline"></i> <?php lang('name'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-calendar d-none d-md-inline"></i> <?php lang('date'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-user d-none d-md-inline"></i> <?php lang('author'); ?></th>
<th data-priority="4"><i class="fas fa-fw fa-star d-none d-md-inline"></i> <?php lang('theme'); ?></th>
<th data-priority="4"><i class="fas fa-fw fa-columns d-none d-md-inline"></i> <?php lang('columns'); ?></th>
<th data-priority="3"><i class="fas fa-fw fa-file d-none d-md-inline"></i> <?php lang('page size'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-eye d-none d-md-inline"></i> <?php lang('visibility'); ?></th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<th data-priority="0"></th>
<th data-priority="1"><?php lang('actions'); ?></th>
<th data-priority="1"><i class="fas fa-fw fa-font d-none d-md-inline"></i> <?php lang('name'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-calendar d-none d-md-inline"></i> <?php lang('date'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-user d-none d-md-inline"></i> <?php lang('author'); ?></th>
<th data-priority="4"><i class="fas fa-fw fa-star d-none d-md-inline"></i> <?php lang('theme'); ?></th>
<th data-priority="4"><i class="fas fa-fw fa-columns d-none d-md-inline"></i> <?php lang('columns'); ?></th>
<th data-priority="3"><i class="fas fa-fw fa-file d-none d-md-inline"></i> <?php lang('page size'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-eye d-none d-md-inline"></i> <?php lang('visibility'); ?></th>
</tr>
</tfoot>
</table>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link <?php echo $_GET['view'] != "list" ? "active" : "" ?>" href="./app.php?page=home&view=grid" role="tab"><i class="fas fa-th-large"></i> <?php lang("grid"); ?></a>
</li>
<li class="nav-item">
<a class="nav-link <?php echo $_GET['view'] == "list" ? "active" : "" ?>" href="./app.php?page=home&view=list" role="tab"><i class="fas fa-list-ul"></i> <?php lang("list"); ?></a>
</li>
</ul>
<?php if ($_GET['view'] != "list") { ?>
<div class="row ml-1">
<div class="input-group">
<input type="text" id="search" placeholder="<?php lang("search"); ?>" class="form-control col-12 col-sm-6 col-md-4 col-lg-3" />
</div>
</div>
<div class="p-1"></div>
<div class="row" id="grid">
<div class="col-1 sizer-element"></div>
<?php
$where = [];
$where["OR #perms"] = [
"uid" => $_SESSION['uid'],
"permname #logg" => "LOGGEDIN",
"permname #link" => "LINK"
];
$pubs = $database->select('publications', [
'[>]pub_permissions' => ['permid' => 'permid'],
'[>]page_sizes' => ['page_size' => 'sizeid']
], [
'pubid',
'pubname',
'uid',
'pubdate',
'style',
'columns',
'permname',
'pwd',
'publications.permid',
"page_size",
"sizename",
"landscape"
], $where);
$usercache = [];
foreach ($pubs as $p) {
if (is_null($p['uid'])) {
$p["username"] = "";
} else {
if (!isset($usercache[$p['uid']])) {
$usercache[$p['uid']] = getUserByID($p['uid']);
}
$p["username"] = $usercache[$p['uid']]['name'];
}
$p["pagesize"] = lang2("page size and orientation", [
"size" => $p["sizename"],
"orientation" => ( $p["landscape"] == 0 ? lang("portrait", false) : lang("landscape", false) )
], false);
$p["visibility"] = lang("visibility " . strtolower($p["permname"]), false);
$p['date'] = date(DATETIME_FORMAT, strtotime($p["pubdate"]));
$p['longdate'] = date("l F j Y", strtotime($p["pubdate"]));
if ($p["uid"] == $_SESSION['uid']) {
$p["editbtn"] = '<a class="btn btn-primary btn-sm" href="app.php?page=content&pubid=' . $p['pubid'] . '"><i class="fas fa-edit"></i> ' . lang("edit", false) . '</a>';
$p["editbtn"] .= ' <a class="btn btn-secondary btn-sm" href="app.php?page=editpub&id=' . $p['pubid'] . '"><i class="fas fa-paint-brush"></i> ' . lang("format", false) . '</a>';
} else {
$p["editbtn"] = '<a class="btn btn-info btn-sm" href="app.php?page=content&pubid=' . $p['pubid'] . '"><i class="fas fa-eye"></i> ' . lang("view", false) . '</a>';
}
$themedir = __DIR__ . "/../themes/";
$s = $p['style'];
$info = json_decode(file_get_contents($themedir . "$s/info.json"), TRUE);
$colorvars = json_decode(file_get_contents($themedir . "$s/vars.json"), TRUE);
?>
<div class="pub__brick col-12 col-sm-6 col-md-4 col-lg-3 mb-4" data-groups="[]" data-keywords="<?php echo htmlspecialchars($p['pubname']) . " " . $p['sizename'] . " " . $p['style'] . " " . $p['longdate']; ?>">
<style nonce="<?php echo $SECURE_NONCE; ?>">
#pub_card_<?php echo $p['pubid']; ?> {
background: <?php echo $colorvars['background']; ?>;
color: <?php echo $colorvars['text']; ?>;
border-color: <?php echo $colorvars['primary']; ?>;
border-width: 1px;
<?php
if (file_exists($themedir . "$s/background.png")) {
echo "background-image: url(themes/$s/background.png);";
} else if (file_exists($themedir . "$s/background.jpg")) {
echo "background-image: url(themes/$s/background.jpg);";
}
?>
}
#pub_card_<?php echo $p['pubid']; ?> .card-header {
color: <?php echo $colorvars['headings']; ?>;
}
#pub_card_<?php echo $p['pubid']; ?> .list-group-item {
background: <?php echo $colorvars['background']; ?>;
color: <?php echo $colorvars['text']; ?>;
border-color: <?php echo $colorvars['secondary']; ?>;
}
</style>
<div class="card mt-1" id="pub_card_<?php echo $p['pubid']; ?>">
<h5 class="card-header">
<?php echo htmlspecialchars($p['pubname']); ?>
</h5>
<div class="card-body">
<ul class="list-group">
<li class="list-group-item">
<i class="fas fa-fw fa-user"></i> <?php echo $p["username"]; ?>
</li>
<li class="list-group-item">
<i class="fas fa-fw fa-calendar"></i> <?php echo $p['date']; ?>
</li>
<li class="list-group-item">
<i class="fas fa-fw fa-file"></i> <?php echo $p["pagesize"]; ?>
</li>
<li class="list-group-item">
<i class="fas fa-fw fa-eye"></i> <?php echo $p["visibility"]; ?>
</li>
</ul>
</div>
<div class="card-footer">
<?php echo $p['editbtn']; ?>
</div>
</div>
</div>
<?php
}
?>
</div>
<?php } ?>
<?php if ($_GET['view'] == "list") { ?>
<table id="pubtable" class="table table-bordered table-hover table-sm">
<thead>
<tr>
<th data-priority="0"></th>
<th data-priority="1"><?php lang('actions'); ?></th>
<th data-priority="1"><i class="fas fa-fw fa-font d-none d-md-inline"></i> <?php lang('name'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-calendar d-none d-md-inline"></i> <?php lang('date'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-user d-none d-md-inline"></i> <?php lang('author'); ?></th>
<th data-priority="4"><i class="fas fa-fw fa-star d-none d-md-inline"></i> <?php lang('theme'); ?></th>
<th data-priority="4"><i class="fas fa-fw fa-columns d-none d-md-inline"></i> <?php lang('columns'); ?></th>
<th data-priority="3"><i class="fas fa-fw fa-file d-none d-md-inline"></i> <?php lang('page size'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-eye d-none d-md-inline"></i> <?php lang('visibility'); ?></th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<th data-priority="0"></th>
<th data-priority="1"><?php lang('actions'); ?></th>
<th data-priority="1"><i class="fas fa-fw fa-font d-none d-md-inline"></i> <?php lang('name'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-calendar d-none d-md-inline"></i> <?php lang('date'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-user d-none d-md-inline"></i> <?php lang('author'); ?></th>
<th data-priority="4"><i class="fas fa-fw fa-star d-none d-md-inline"></i> <?php lang('theme'); ?></th>
<th data-priority="4"><i class="fas fa-fw fa-columns d-none d-md-inline"></i> <?php lang('columns'); ?></th>
<th data-priority="3"><i class="fas fa-fw fa-file d-none d-md-inline"></i> <?php lang('page size'); ?></th>
<th data-priority="2"><i class="fas fa-fw fa-eye d-none d-md-inline"></i> <?php lang('visibility'); ?></th>
</tr>
</tfoot>
</table>
<?php } ?>

122
static/js/home.js
Unescape Escape View File

@ -1,56 +1,70 @@
var pubtable = $('#pubtable').DataTable({
responsive: {
details: {
display: $.fn.dataTable.Responsive.display.modal({
header: function (row) {
var data = row.data();
return "<i class=\"fa fa-cube fa-fw\"></i> " + data[2];
}
}),
renderer: $.fn.dataTable.Responsive.renderer.tableAll({
tableClass: 'table'
}),
type: "column"
}
},
columnDefs: [
{
targets: 0,
className: 'control',
orderable: false
},
{
targets: 1,
orderable: false
if ($("#grid").length) {
window.shuffleInstance = new window.Shuffle(document.getElementById('grid'), {
itemSelector: '.pub__brick',
sizer: '.sizer-element',
});
$("#search").on("keyup", function () {
var q = $("#search").val().toLowerCase();
shuffleInstance.filter(function (element) {
return element.getAttribute('data-keywords').toLowerCase().includes(q);
});
});
} else {
var pubtable = $('#pubtable').DataTable({
responsive: {
details: {
display: $.fn.dataTable.Responsive.display.modal({
header: function (row) {
var data = row.data();
return "<i class=\"fa fa-cube fa-fw\"></i> " + data[2];
}
}),
renderer: $.fn.dataTable.Responsive.renderer.tableAll({
tableClass: 'table'
}),
type: "column"
}
},
{
targets: 4,
orderable: false
}
],
order: [
[2, 'asc']
],
serverSide: true,
ajax: {
url: "lib/getpubtable.php",
dataFilter: function (data) {
var json = jQuery.parseJSON(data);
json.data = [];
json.pubs.forEach(function (row) {
json.data.push([
"",
row.editbtn + " " + row.clonebtn,
row.pubname,
row.pubdate,
row.username,
row.style,
row.columns,
row.pagesize,
row.visibility
]);
});
return JSON.stringify(json);
columnDefs: [
{
targets: 0,
className: 'control',
orderable: false
},
{
targets: 1,
orderable: false
},
{
targets: 4,
orderable: false
}
],
order: [
[2, 'asc']
],
serverSide: true,
ajax: {
url: "lib/getpubtable.php",
dataFilter: function (data) {
var json = jQuery.parseJSON(data);
json.data = [];
json.pubs.forEach(function (row) {
json.data.push([
"",
row.editbtn + " " + row.clonebtn,
row.pubname,
row.pubdate,
row.username,
row.style,
row.columns,
row.pagesize,
row.visibility
]);
});
return JSON.stringify(json);
}
}
}
});
});
}

2
static/js/shuffle.min.js vendored
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save