Private
Public Access
udo
e59f8d9e40
- Introduced `summary-metrics.php` for rendering responsive metric cards. - Added `timeseries-chart.php` for a multi-series canvas-based chart. - Created `u-format.js` for various data formatting utilities. - Implemented `u-sortable-table.js` for a sortable table with local storage support. - Developed `u-timeseries-chart.js` for handling time-series data visualization. - Added CSS styles in `dashboard.css` for dashboard layout and components. - Created `dashboard.php` view to integrate all components into a cohesive dashboard.
37 lines
1.4 KiB
PHP
37 lines
1.4 KiB
PHP
<?php return [
|
|
'render' => function($prop) {
|
|
$items = is_array($prop['items'] ?? null) ? $prop['items'] : [];
|
|
$title = (string)($prop['title'] ?? '');
|
|
$subtitle = (string)($prop['subtitle'] ?? '');
|
|
ob_start();
|
|
?>
|
|
<div class="dashboard-panel">
|
|
<?php if ($title !== '' || $subtitle !== ''): ?>
|
|
<div class="dashboard-panel-header">
|
|
<?php if ($title !== ''): ?><h2><?= safe($title) ?></h2><?php endif; ?>
|
|
<?php if ($subtitle !== ''): ?><p><?= safe($subtitle) ?></p><?php endif; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
<div class="dashboard-stat-grid">
|
|
<?php foreach ($items as $item): ?>
|
|
<?php
|
|
$tone = preg_replace('/[^a-z0-9_-]+/i', '', (string)($item['tone'] ?? 'info'));
|
|
$tag = !empty($item['href']) ? 'a' : 'div';
|
|
$href = !empty($item['href']) ? ' href="' . asafe((string)$item['href']) . '"' : '';
|
|
?>
|
|
<<?= $tag ?> class="dashboard-stat-card tone-<?= asafe($tone) ?>"<?= $href ?>>
|
|
<div class="dashboard-stat-label"><?= safe((string)($item['label'] ?? 'Metric')) ?></div>
|
|
<div class="dashboard-stat-value"><?= safe((string)($item['value'] ?? '--')) ?></div>
|
|
<?php if (!empty($item['meta'])): ?>
|
|
<div class="dashboard-stat-meta"><?= safe((string)$item['meta']) ?></div>
|
|
<?php endif; ?>
|
|
</<?= $tag ?>>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
return ob_get_clean();
|
|
},
|
|
|
|
'about' => 'Responsive metric cards extracted from dashboard-style pages and adapted for generic starter overviews',
|
|
];
|