base tabler

This commit is contained in:
JACS 2026-05-01 12:46:11 -05:00
parent ac2cfa9fe1
commit 0f84beacf1
1432 changed files with 28760 additions and 1 deletions

View file

@ -0,0 +1,13 @@
<div class="card">
<div class="card-body">
<div class="subheader">Active Users</div>
<div class="d-flex align-items-baseline mb-2">
<div class="h1 mb-0 me-2">25,782</div>
<div class="me-auto">
{% include "ui/trending.html" value=-1 %}
</div>
</div>
{% include "ui/chart.html" chart-id="active-users-3" height="12" %}
</div>
</div>

View file

@ -0,0 +1,18 @@
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Active subscriptions</div>
<div class="ms-auto lh-1">
{% include "parts/dropdown/days.html" id="active-users" label="Select time range for active users" %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 me-2">2,986</div>
<div class="me-auto">
{% include "ui/trending.html" value=4 %}
</div>
</div>
{% include "ui/chart.html" chart-id="active-users" size="sm" %}
</div>
</div>

View file

@ -0,0 +1,7 @@
<div class="card">
<div class="card-body">
<h4 class="card-title">{{ include.title }}</h4>
{% include "ui/chart-heatmap.html" chart-id=include.id id=include.id colors=include.colors scale=include.scale labels=include.labels no-shades=include.no-shades count=include.count color=include.color %}
</div>
</div>

View file

@ -0,0 +1,18 @@
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">New clients</div>
<div class="ms-auto lh-1">
{% include "parts/dropdown/days.html" id="new-clients" label="Select time range for new clients" %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 me-2">6,782</div>
<div class="me-auto">
{% include "ui/trending.html" value=0 %}
</div>
</div>
{% include "ui/chart.html" chart-id="new-clients" size="sm" %}
</div>
</div>

View file

@ -0,0 +1,17 @@
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Revenue</div>
<div class="ms-auto lh-1">
{% include "parts/dropdown/days.html" id="revenue" label="Select time range for revenue" %}
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-0 me-2">$4,300</div>
<div class="me-auto">
{% include "ui/trending.html" value=8 %}
</div>
</div>
</div>
{% include "ui/chart.html" chart-id="revenue-bg" size="sm" class="rounded-bottom-3" %}
</div>

View file

@ -0,0 +1,16 @@
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Sales</div>
<div class="ms-auto lh-1">
{% include "parts/dropdown/days.html" id="sales" label="Select time range for sales data" %}
</div>
</div>
<div class="h1 mb-3">75%</div>
<div class="d-flex mb-2">
<div>Conversion rate</div>
<div class="ms-auto">{% include "ui/trending.html" value=7 %}</div>
</div>
{% include "ui/progress.html" value=75 color="primary" size="sm" %}
</div>
</div>

View file

@ -0,0 +1,12 @@
<div class="card">
<div class="card-body">
<div class="d-flex">
<h3 class="card-title">Social referrals</h3>
<div class="ms-auto">
{% include "parts/dropdown/days.html" id="social-referrals" label="Select time range for sales data" %}
</div>
</div>
{% include "ui/chart.html" chart-id="social-referrals" legend=true %}
</div>
</div>

View file

@ -0,0 +1,9 @@
<div class="card">
<div class="card-body">
{% include "ui/card-dropdown.html" %}
<h3 class="card-title">Total sales</h3>
{% include "ui/chart.html" chart-id="total-sales" height=15 %}
{% include "ui/chart.html" chart-id="campaigns" height=15 %}
</div>
</div>

View file

@ -0,0 +1,14 @@
<div class="card">
<div class="card-body">
<div class="subheader">Total Users</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-0 me-2">75,782</div>
<div class="me-auto">
{% include "ui/trending.html" value=2 %}
</div>
</div>
<div class="text-secondary mt-2">24,635 users increased from last month</div>
</div>
{% include "ui/chart.html" chart-id="visitors" height="6" %}
</div>