Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-07 20:02:23 +04:00
Code Issues Projects Releases Wiki Activity

Add CRM dashboard preview page (#2650)

Browse Source 
Co-authored-by: codecalm <codecalm@gmail.com>
This commit is contained in:
Bartosz-Do
2026-07-09 23:17:40 +02:00
committed by GitHub
parent 08cad98ddc
commit 62178f8ef1
14 changed files with 737 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
preview/pages/dashboard-crm.html
+81
View File
@@ -0,0 +1,81 @@
---
title: CRM Dashboard
page-header: CRM Dashboard
page-header-description: Welcome back — here's your CRM overview for today.
page-menu: dashboards.crm
page-libs: [apexcharts]
layout: default
permalink: dashboard-crm.html
---
<div>
<div class="col-12">
<div class="row row-cards">
<div class="col-sm-6 col-lg-3">
{% include "cards/crm-stats.html" color="primary" icon="currency-dollar" lt=true
title="MRR" description="$92.4K" change-value="+9.5" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include "cards/crm-stats.html" color="azure" icon="filter" lt=true
title="Pipeline" description="$2.4M" change-value="+14" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include "cards/crm-stats.html" color="green" icon="circle-check" lt=true
title="Deals won" description="74" change-value="+8" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include "cards/crm-stats.html" color="purple" icon="percentage" lt=true
title="Conversion" description="5.97%" change-value="+0.4" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include "cards/crm-stats.html" color="yellow" icon="activity" lt=true
title="Activities" description="318" change-value="+22" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include "cards/crm-stats.html" color="red" icon="clock" lt=true
title="Tasks due" description="12" change-value="-3" change-value-unit=" urgent" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include "cards/crm-stats.html" color="cyan" icon="user-plus" lt=true
title="Leads added" description="148" change-value="+31" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include "cards/crm-stats.html" color="green" icon="trending-up" lt=true
title="Churn rate" description="1.8%" change-value="-0.3" %}
</div>
<div class="col-lg-6">
<div class="row row-cards">
<div class="col-12">
{% include "cards/charts/mrr-overview.html" %}
</div>
<div class="col-12">
{% include "cards/top-deals.html" %}
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row row-cards">
<div class="col-12">
{% include "cards/charts/pipeline-funnel.html" %}
</div>
<div class="col-12">
{% include "cards/recent-activity.html" %}
</div>
</div>
</div>
<div class="col-lg-4">
{% include "cards/tasks-due.html" %}
</div>
<div class="col-lg-4">
{% include "cards/team-leaderboard.html" %}
</div>
<div class="col-lg-4">
{% include "cards/churn-risk.html" %}
</div>
</div>
</div>
</div>