mirror of
https://github.com/tabler/tabler.git
synced 2026-11-03 05:28:42 +04:00
Paweł Kunaandcopilot-swe-agent[bot]
8962710163
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
44 lines
1.5 KiB
Plaintext
44 lines
1.5 KiB
Plaintext
---
|
|
// NOTE: the Liquid source passes class="icon text-{{ item.icon_color }}" as an
|
|
// include argument to ui/icon.html; Liquid does NOT re-interpolate include-arg
|
|
// strings, so the reference output contains the LITERAL text
|
|
// `icon text-{{ item.icon_color }}` in the icon class. We reproduce it verbatim.
|
|
|
|
import CardActions from '@ui/CardActions.astro'
|
|
import Icon from '@ui/Icon.astro'
|
|
import CardTitle from '@ui/CardTitle.astro'
|
|
import crmDashboard from '@data/crm-dashboard.json'
|
|
|
|
const activity = crmDashboard.recent_activity
|
|
---
|
|
|
|
<div class="card" style="height: 28rem">
|
|
<div class="card-header">
|
|
<CardTitle>{activity.title}</CardTitle>
|
|
<CardActions>
|
|
<a href="#" class="small fw-medium text-primary">{activity.view_all_text}</a>
|
|
</CardActions>
|
|
</div>
|
|
<div class="card-body card-body-scrollable card-body-scrollable-shadow">
|
|
<div class="divide-y">
|
|
{
|
|
activity.items.map((item) => (
|
|
<div class="py-3">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<span class={`avatar bg-${item.icon_color}-lt`}>
|
|
<Icon name={item.icon} class={'icon text-{{ item.icon_color }}'} />
|
|
</span>
|
|
</div>
|
|
<div class="col">
|
|
<div class="fw-medium">{item.text}</div>
|
|
<div class="small text-secondary">{item.time}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
))
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|