Business/SiteWriter
2
0
Fork 0
Code Issues 3 Pull Requests Releases Wiki Activity

Better analytics layout

Browse Source
This commit is contained in:
Skylar Ittner 2018-05-02 19:19:16 -06:00
parent 792173c904
commit a1791db4db
4 changed files with 165 additions and 137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages.php
View File

@ -40,7 +40,9 @@ define("PAGES", [
"icon" => "fas fa-chart-bar", "icon" => "fas fa-chart-bar",
"styles" => [ "styles" => [
"static/css/tempusdominus-bootstrap-4.min.css", "static/css/tempusdominus-bootstrap-4.min.css",
"static/css/vertline.css" "static/css/vertline.css",
"static/css/sane_columns.css",
"static/css/analy_reports.css"
], ],
"scripts" => [ "scripts" => [
"static/js/moment.min.js", "static/js/moment.min.js",

92
pages/analytics.php
View File

@ -98,10 +98,9 @@ $records = $database->select("analytics", [
<?php <?php
if (count($records) > 0) { if (count($records) > 0) {
?> ?>
<div class="row mt-3"> <div class="card-columns mt-4">
<div class="col-12 col-sm-6 col-md-6 col-lg-4 mb-4">
<!-- Overview --> <!-- Overview -->
<div class="card"> <div class="card mb-4">
<div class="card-body"> <div class="card-body">
<h4 class="card-title"><?php lang("overview"); ?></h4> <h4 class="card-title"><?php lang("overview"); ?></h4>
<?php <?php
@ -124,7 +123,7 @@ if (count($records) > 0) {
</div> </div>
<!-- Visits Over Time --> <!-- Visits Over Time -->
<div class="card mt-4"> <div class="card mb-4">
<div class="card-body"> <div class="card-body">
<h4 class="card-title"><?php lang("visits over time"); ?></h4> <h4 class="card-title"><?php lang("visits over time"); ?></h4>
<?php <?php
@ -166,53 +165,9 @@ if (count($records) > 0) {
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Recent Actions -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<div class="card">
<div class="card-body">
<h4 class="card-title"><?php lang("recent actions"); ?></h4>
</div>
<div class="list-group">
<?php
$max = 10;
$i = 0;
foreach ($records as $r) {
$i++;
if ($i > $max) {
break;
}
?>
<div class="list-group-item">
<div>
<div><i class="fas fa-user fa-fw"></i> <?php echo substr($r["uuid"], 0, 8); ?></div>
</div>
<div class="row justify-content-between">
<div class="col-12 col-sm-6 d-flex flex-column">
<span><i class="fas fa-clock fa-fw"></i> <?php echo date("g:i A", strtotime($r["time"])); ?></span>
<span><i class="fas fa-file fa-fw"></i> <?php echo $r["pagetitle"]; ?></span>
</div>
<div class="col-12 col-sm-6 d-flex flex-column">
<span><i class="fas fa-calendar fa-fw"></i> <?php echo date("M j Y", strtotime($r["time"])); ?></span>
<span><i class="fas fa-sitemap fa-fw"></i> <?php echo $r["sitename"]; ?></span>
</div>
</div>
<div>
<div><i class="fas fa-globe fa-fw"></i> <?php echo $r["country"]; ?></div>
<div><i class="fas fa-map-marker fa-fw"></i> <?php echo $r["city"] . ", " . $r["region"]; ?></div>
</div>
</div>
<?php
}
?>
</div>
</div>
</div>
<!-- Visitor Map --> <!-- Visitor Map -->
<div class="col-12 col-sm-6 col-md-6 col-lg-4"> <div class="card mb-4">
<div class="card">
<div class="card-body"> <div class="card-body">
<h4 class="card-title"><?php lang("visitor map"); ?></h4> <h4 class="card-title"><?php lang("visitor map"); ?></h4>
<?php <?php
@ -250,6 +205,45 @@ if (count($records) > 0) {
<div class="w-100" id="visitorMapUSA"></div> <div class="w-100" id="visitorMapUSA"></div>
</div> </div>
</div> </div>
<!-- Recent Actions -->
<div class="card mb-4">
<div class="card-body">
<h4 class="card-title"><?php lang("recent actions"); ?></h4>
</div>
<div class="list-group list-group-scrolly">
<?php
$max = 20;
$i = 0;
foreach ($records as $r) {
$i++;
if ($i > $max) {
break;
}
?>
<div class="list-group-item">
<div>
<div><i class="fas fa-user fa-fw"></i> <?php echo substr($r["uuid"], 0, 8); ?></div>
</div>
<div class="row justify-content-between">
<div class="col-12 col-sm-6 d-flex flex-column">
<span><i class="fas fa-clock fa-fw"></i> <?php echo date("g:i A", strtotime($r["time"])); ?></span>
<span><i class="fas fa-file fa-fw"></i> <?php echo $r["pagetitle"]; ?></span>
</div>
<div class="col-12 col-sm-6 d-flex flex-column">
<span><i class="fas fa-calendar fa-fw"></i> <?php echo date("M j Y", strtotime($r["time"])); ?></span>
<span><i class="fas fa-sitemap fa-fw"></i> <?php echo $r["sitename"]; ?></span>
</div>
</div>
<div>
<div><i class="fas fa-globe fa-fw"></i> <?php echo $r["country"]; ?></div>
<div><i class="fas fa-map-marker fa-fw"></i> <?php echo $r["city"] . ", " . $r["region"]; ?></div>
</div>
</div>
<?php
}
?>
</div>
</div> </div>
</div> </div>
<?php <?php

11
static/css/analy_reports.css Normal file
View File

@ -0,0 +1,11 @@
/*
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/.
*/
.list-group-scrolly {
max-height: 60vh;
overflow-y: scroll;
padding: 5px;
}

21
static/css/sane_columns.css Normal file
View File

@ -0,0 +1,21 @@
/*
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/.
*/
.card-columns {
column-count: 1;
}
@media (min-width: 768px) {
.card-columns {
column-count: 2;
}
}
@media (min-width: 992px) {
.card-columns {
column-count: 3;
}
}