new dashboard update
This commit is contained in:
@@ -0,0 +1,13 @@
|
||||
{% extends "admin/base.html" %}
|
||||
|
||||
{% block title %}{% if subtitle %}{{ subtitle }} | {% endif %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}
|
||||
|
||||
{% block branding %}
|
||||
<h1 id="site-name"><a href="{% url 'admin:index' %}">{{ site_header|default:_('Django administration') }}</a></h1>
|
||||
{% endblock %}
|
||||
|
||||
{% block extrahead %}
|
||||
{% if plausible_domain %}
|
||||
<script defer data-domain="{{ plausible_domain }}" src="https://plausible.io/js/script.js"></script>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,93 @@
|
||||
{% extends 'admin/base.html' %}
|
||||
|
||||
{% load i18n unfold %}
|
||||
|
||||
{% block breadcrumbs %}{% endblock %}
|
||||
|
||||
{% block title %}
|
||||
{% trans 'Dashboard' %} | {{ site_title|default:_('Django site admin') }}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
||||
{% block branding %}
|
||||
<h1 id="site-name"><a href="{% url 'admin:index' %}">{{ site_header|default:_('Django administration') }}</a></h1>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{% include "unfold/helpers/messages.html" %}
|
||||
|
||||
{% component "unfold/components/container.html" %}
|
||||
<div class="flex flex-col gap-8 mb-12">
|
||||
<div class="flex gap-4">
|
||||
{% component "unfold/components/navigation.html" with items=navigation %}{% endcomponent %}
|
||||
</div>
|
||||
|
||||
{% include "formula/service.html" %}
|
||||
|
||||
<div class="flex flex-col gap-8 lg:flex-row">
|
||||
{% for stats in kpi %}
|
||||
{% component "unfold/components/card.html" with class="lg:w-1/3" label=_("Last 7 days") footer=stats.footer %}
|
||||
{% component "unfold/components/text.html" %}
|
||||
{{ stats.title }}
|
||||
{% endcomponent %}
|
||||
|
||||
{% component "unfold/components/title.html" %}
|
||||
{{ stats.metric }}
|
||||
{% endcomponent %}
|
||||
{% endcomponent %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{% component "unfold/components/card.html" with title=_("Product performance in last 28 days") %}
|
||||
{% component "unfold/components/chart/bar.html" with data=chart height=320 %}{% endcomponent %}
|
||||
{% endcomponent %}
|
||||
|
||||
<div class="flex flex-col gap-8 lg:flex-row">
|
||||
{% component "unfold/components/card.html" with class="lg:w-1/2" title=_("The most trending products in last 2 weeks") %}
|
||||
{% component "unfold/components/title.html" with class="mb-2" %}
|
||||
$1,234,567.89
|
||||
{% endcomponent %}
|
||||
|
||||
{% component "unfold/components/text.html" %}
|
||||
{% blocktrans %}
|
||||
Total revenue between <strong class="font-semibold text-font-important-light dark:text-font-important-dark dark:text-white">1 - 31 October</strong>. Increase <span class="text-green-700 font-semibold dark:text-green-400">+3.14%</span> comparing to previous month <strong class="font-semibold text-font-important-light dark:text-font-important-dark dark:text-white">1 - 30 September</strong>.
|
||||
{% endblocktrans %}
|
||||
{% endcomponent %}
|
||||
|
||||
{% component "unfold/components/separator.html" %}{% endcomponent %}
|
||||
|
||||
<div class="flex flex-col gap-5">
|
||||
{% for metric in progress %}
|
||||
{% component "unfold/components/progress.html" with title=metric.title description=metric.description value=metric.value %}{% endcomponent %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{% endcomponent %}
|
||||
|
||||
|
||||
<div class="flex flex-col gap-8 lg:w-1/2">
|
||||
|
||||
|
||||
{% for stats in performance %}
|
||||
{% component "unfold/components/card.html" %}
|
||||
{% component "unfold/components/text.html" %}
|
||||
{{ stats.title }}
|
||||
{% endcomponent %}
|
||||
|
||||
{% component "unfold/components/title.html" with class="mb-8" %}
|
||||
{{ stats.metric }}
|
||||
{% endcomponent %}
|
||||
|
||||
{% component "unfold/components/chart/line.html" with data=stats.chart %}{% endcomponent %}
|
||||
{% endcomponent %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endcomponent %}
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user