Redesign empty statistics page

This commit is contained in:
Raphael Michel
2016-05-07 16:25:27 +02:00
parent c0da0db59c
commit 8edf9a7034
3 changed files with 46 additions and 25 deletions

View File

@@ -5,34 +5,48 @@
{% block title %}{% trans "Statistics" %}{% endblock %}
{% block content %}
<h1>{% trans "Statistics" %}</h1>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{% trans "Orders by day" %}</h3>
{% if has_orders %}
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{% trans "Orders by day" %}</h3>
</div>
<div class="panel-body">
<div id="obd_chart" class="chart"></div>
</div>
</div>
<div class="panel-body">
<div id="obd_chart" class="chart"></div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{% trans "Revenue over time" %}</h3>
</div>
<div class="panel-body">
<div id="rev_chart" class="chart"></div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{% trans "Revenue over time" %}</h3>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{% trans "Orders by product" %}</h3>
</div>
<div class="panel-body">
<div id="obp_chart" class="chart"></div>
</div>
</div>
<div class="panel-body">
<div id="rev_chart" class="chart"></div>
<script type="application/json" id="obd-data">{{ obd_data|safe }}</script>
<script type="application/json" id="rev-data">{{ rev_data|safe }}</script>
<script type="application/json" id="obp-data">{{ obp_data|safe }}</script>
<script type="application/text" id="currency">{{ request.event.currency }}</script>
<script type="application/javascript" src="{% static "pretixplugins/statistics/statistics.js" %}"></script>
{% else %}
<div class="empty-collection">
<p>
<span class="fa big-grey-icon fa-line-chart"></span>
</p>
<p>
{% blocktrans trimmed %}
We will show you a variety of statistics about your sales right here, as soon as the first orders
are submitted!
{% endblocktrans %}
</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{% trans "Orders by product" %}</h3>
</div>
<div class="panel-body">
<div id="obp_chart" class="chart"></div>
</div>
</div>
<script type="application/json" id="obd-data">{{ obd_data|safe }}</script>
<script type="application/json" id="rev-data">{{ rev_data|safe }}</script>
<script type="application/json" id="obp-data">{{ obp_data|safe }}</script>
<script type="application/text" id="currency">{{ request.event.currency }}</script>
<script type="application/javascript" src="{% static "pretixplugins/statistics/statistics.js" %}"></script>
{% endif %}
{% endblock %}

View File

@@ -114,4 +114,6 @@ class IndexView(EventPermissionRequiredMixin, TemplateView):
ctx['rev_data'] = json.dumps(data)
cache.set('statistics_rev_data', ctx['rev_data'])
ctx['has_orders'] = self.request.event.orders.exists()
return ctx

View File

@@ -106,4 +106,9 @@ h1 .btn-sm {
p {
font-size: 24px;
}
.big-grey-icon {
font-size: 200px;
color: #ccc;
}
}