Event dashboard with a flat design and plugin hooks

This commit is contained in:
Raphael Michel
2016-02-22 16:14:01 +01:00
parent 0fd519df4d
commit 4f35a16787
8 changed files with 171 additions and 119 deletions

View File

@@ -2,95 +2,20 @@
{% load i18n %}
{% block title %}{{ request.event.name }}{% endblock %}
{% block content %}
<h1>{{ request.event.name }}</h1>
<div class="row dashboard-panels">
<div class="col-lg-3 col-md-6">
<div class="panel panel-green">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-users fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">{{ tickets_sold }}</div>
<div>{% trans "Tickets sold" %}</div>
</div>
<h1>{{ request.event.name }}</h1>
<div class="row dashboard">
{% for w in widgets %}
<div class="col-xs-12 col-sm-{% if w.width > 6 %}12{% else %}6{% endif %} col-md-{{ w.width }}">
{% if w.url %}
<a href="{{ w.url }}" class="widget">
{{ w.content|safe }}
</a>
{% else %}
<div class="widget">
{{ w.content|safe }}
</div>
</div>
<a href="{% url "control:event.orders.overview" organizer=request.organizer.slug event=request.event.slug %}">
<div class="panel-footer">
<span class="pull-left">{% trans "Orders overview" %}</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
{% endif %}
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-shopping-cart fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">{{ tickets_total }}</div>
<div>{% trans "Total items ordered" %}</div>
</div>
</div>
</div>
<a href="{% url "control:event.orders" organizer=request.organizer.slug event=request.event.slug %}">
<div class="panel-footer">
<span class="pull-left">{% trans "View all orders" %}</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-green">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-money fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">{{ tickets_revenue }}</div>
<div>{% trans "Total Revenue" %}</div>
</div>
</div>
</div>
<a href="{% url "control:event.orders.overview" organizer=request.organizer.slug event=request.event.slug %}">
<div class="panel-footer">
<span class="pull-left">{% trans "Orders overview" %}</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-folder fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">{{ products_active }}</div>
<div>{% trans "Active Products" %}</div>
</div>
</div>
</div>
<a href="{% url "control:event.items" organizer=request.organizer.slug event=request.event.slug %}">
<div class="panel-footer">
<span class="pull-left">{% trans "View details" %}</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
{% endfor %}
</div>
{% endblock %}