dan/origo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Updates to pull in analytics.

Browse Source
This commit is contained in:
dan612
2026-03-22 17:45:37 -04:00
parent b568a283ac
commit 5df09b1f2f
4 changed files with 183 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/Controller/UserDashboardController.php
View File

@@ -3,20 +3,59 @@
namespace Origo\Controller;
use Origo\Entity\User;
use Origo\Controller\ControllerBase;
use Origo\Controller\ControllerInterface;
use Origo\Services\Template;
use Origo\Services\Request;
use Origo\Services\Renderer;
class UserDashboardController implements ControllerInterface {
class UserDashboardController extends ControllerBase implements ControllerInterface {
/**
* Get the response for the dashboard.
*/
public function getResponse(): string {
$user = new User();
$user->loadUserFromSession($this->request->getCookie('ORIGOSESS'));
$user_id = $user->get('id');
$query = $this->database->query("
SELECT pv.page, pv.title, pv.referrer, pv.ip, pv.language, pv.screen_res, pv.timestamp
FROM pageviews pv
JOIN user_accounts ua ON pv.account_id = ua.account_id
WHERE ua.user_id = :user_id
ORDER BY pv.timestamp DESC
");
$query->bindParam(':user_id', $user_id);
$query->execute();
$results = $query->fetchAll();
$rows = '';
if ($results) {
foreach ($results as $row) {
$page = htmlspecialchars($row['page']);
$title = htmlspecialchars($row['title']);
$referrer = htmlspecialchars($row['referrer']);
$ip = htmlspecialchars($row['ip']);
$language = htmlspecialchars($row['language']);
$screen_res = htmlspecialchars($row['screen_res']);
$timestamp = htmlspecialchars($row['timestamp']);
$rows .= "
<tr>
<td>{$title}</td>
<td>{$page}</td>
<td>{$referrer}</td>
<td>{$ip}</td>
<td>{$language}</td>
<td>{$screen_res}</td>
<td>{$timestamp}</td>
</tr>";
}
} else {
$rows = '<tr><td colspan="7">No pageviews yet.</td></tr>';
}
$template = new Template('dashboard.html');
return $template->render();
return $template->render([
'pageview_rows' => $rows,
]);
}
}

23
templates/dash-body.html
View File

@@ -5,9 +5,30 @@
<h4>Actions</h4>
<ul id="dash-menu">
<li><a href="/planner" class="btn btn-primary"><span class="material-symbols-outlined">edit_calendar</span>Planner</a></li>
<li><a href="/analytics" class="btn btn-primary"><span class="material-symbols-outlined">area_chart</span>Analytics</a></li>
<li><a href="/user-logout" class="btn btn-accent"><span class="material-symbols-outlined">logout</span>Logout</a></li>
</ul>
</div>
<div id="pageviews">
<h2>Pageviews</h2>
<div class="table-wrapper">
<table class="data-table">
<thead>
<tr>
<th>Title</th>
<th>Page</th>
<th>Referrer</th>
<th>IP</th>
<th>Language</th>
<th>Screen</th>
<th>Timestamp</th>
</tr>
</thead>
<tbody>
{{ pageview_rows }}
</tbody>
</table>
</div>
</div>
</div>
</section>

66
theme/partials/dashboard.scss
View File

@@ -1,8 +1,8 @@
#dashboard {
.dashboard-container {
max-width: 800px;
max-width: 1200px;
margin: auto;
padding-bottom: 100px;
padding: 0 24px 100px;
}
h1.page-title {
@@ -15,11 +15,71 @@
justify-content: flex-start;
list-style: none;
padding: 0;
li {
display: flex;
align-items: center;
gap: 1rem;
}
}
#pageviews {
margin-top: 2rem;
h2 {
margin-bottom: 1rem;
color: var(--color-text-primary);
font-weight: var(--font-weight-bold);
}
.table-wrapper {
overflow-x: auto;
border-radius: 8px;
border: 1px solid var(--color-light-gray);
}
table.data-table {
width: 100%;
border-collapse: collapse;
font-size: var(--font-size-small);
white-space: nowrap;
thead tr {
background: var(--color-primary);
color: var(--color-soft-cream);
th {
padding: 0.75rem 1rem;
text-align: left;
font-weight: var(--font-weight-bold);
}
}
tbody {
tr {
border-bottom: 1px solid var(--color-light-gray);
transition: background 0.15s ease;
&:nth-child(even) {
background: var(--color-light-gray);
}
&:nth-child(odd) {
background: var(--color-soft-cream);
}
&:hover {
background: var(--color-surface);
}
td {
padding: 0.65rem 1rem;
color: var(--color-text-primary);
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}
}
}

52
theme/style.css
View File

@@ -482,9 +482,9 @@ img {
}
#dashboard .dashboard-container {
max-width: 800px;
max-width: 1200px;
margin: auto;
padding-bottom: 100px;
padding: 0 24px 100px;
}
#dashboard h1.page-title {
margin-bottom: 0;
@@ -501,6 +501,54 @@ img {
align-items: center;
gap: 1rem;
}
#dashboard #pageviews {
margin-top: 2rem;
}
#dashboard #pageviews h2 {
margin-bottom: 1rem;
color: var(--color-text-primary);
font-weight: var(--font-weight-bold);
}
#dashboard #pageviews .table-wrapper {
overflow-x: auto;
border-radius: 8px;
border: 1px solid var(--color-light-gray);
}
#dashboard #pageviews table.data-table {
width: 100%;
border-collapse: collapse;
font-size: var(--font-size-small);
white-space: nowrap;
}
#dashboard #pageviews table.data-table thead tr {
background: var(--color-primary);
color: var(--color-soft-cream);
}
#dashboard #pageviews table.data-table thead tr th {
padding: 0.75rem 1rem;
text-align: left;
font-weight: var(--font-weight-bold);
}
#dashboard #pageviews table.data-table tbody tr {
border-bottom: 1px solid var(--color-light-gray);
transition: background 0.15s ease;
}
#dashboard #pageviews table.data-table tbody tr:nth-child(even) {
background: var(--color-light-gray);
}
#dashboard #pageviews table.data-table tbody tr:nth-child(odd) {
background: var(--color-soft-cream);
}
#dashboard #pageviews table.data-table tbody tr:hover {
background: var(--color-surface);
}
#dashboard #pageviews table.data-table tbody tr td {
padding: 0.65rem 1rem;
color: var(--color-text-primary);
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}
#task-list .container {
max-width: 800px;