mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
53 lines
1.2 KiB
Plaintext
53 lines
1.2 KiB
Plaintext
---
|
|
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
|
|
import Activity from '@shared/components/parts/charts/Activity.astro';
|
|
import SocialReferrals from '@shared/components/cards/charts/SocialReferrals.astro';
|
|
import Chart from '@ui/Chart.astro';
|
|
import Card from '@ui/Card.astro';
|
|
import CardHeader from '@ui/CardHeader.astro';
|
|
import CardBody from '@ui/CardBody.astro';
|
|
import chartsData from '@data/charts.json';
|
|
|
|
const demoCharts = Object.entries(
|
|
chartsData as Record<string, { demo?: boolean; name?: string }>,
|
|
).filter(([, chart]) => chart && chart.demo);
|
|
---
|
|
|
|
<DefaultLayout
|
|
title="Charts"
|
|
pageHeader="Charts"
|
|
pageMenu="plugins.charts"
|
|
pageLibs={['apexcharts']}
|
|
>
|
|
<div class="row row-cards">
|
|
<div class="col-lg-12">
|
|
<Activity />
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<SocialReferrals />
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<Card>
|
|
<CardBody>
|
|
<Chart chartId="tasks-overview" height={20} />
|
|
</CardBody>
|
|
</Card>
|
|
</div>
|
|
|
|
{
|
|
demoCharts.map(([chartId, chart]) => (
|
|
<div class="col-lg-6 col-xl-4">
|
|
<Card>
|
|
{chart.name && <CardHeader title={chart.name} />}
|
|
<CardBody>
|
|
<Chart chartId={chartId} height={15} />
|
|
</CardBody>
|
|
</Card>
|
|
</div>
|
|
))
|
|
}
|
|
</div>
|
|
</DefaultLayout>
|