mirror of
https://github.com/pretix/pretix.git
synced 2026-05-06 15:24:02 +00:00
New color scheme and UI design
This commit is contained in:
Raphael Michel
@@ -0,0 +1,221 @@
|
||||
{% extends "pretixcontrol/items/base.html" %}
|
||||
{% load i18n %}
|
||||
{% block title %}{% trans "Color scheme" %}{% endblock %}
|
||||
{% block inside %}
|
||||
<h1>{% trans "Headline" %}</h1>
|
||||
<div class="row text-center">
|
||||
<div class="col-md-2">
|
||||
<button class="btn btn-default">Button</button>
|
||||
<button class="btn btn-default btn-lg">Button</button>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button class="btn btn-primary ">Button</button>
|
||||
<button class="btn btn-primary btn-lg">Button</button>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button class="btn btn-success ">Button</button>
|
||||
<button class="btn btn-success btn-lg">Button</button>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button class="btn btn-warning ">Button</button>
|
||||
<button class="btn btn-warning btn-lg">Button</button>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button class="btn btn-danger ">Button</button>
|
||||
<button class="btn btn-danger btn-lg">Button</button>
|
||||
</div>
|
||||
</div>
|
||||
<p> </p>
|
||||
<div class="row text-center">
|
||||
<div class="col-md-2">
|
||||
Text<br>
|
||||
<span class="text-muted">Very secondary text</span>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="#">Link</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<span class="text-success">
|
||||
<span class="fa fa-check"></span>
|
||||
Enabled
|
||||
</span>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<span class="text-danger">
|
||||
<span class="fa fa-times"></span>
|
||||
Disabled
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p> </p>
|
||||
<div class="row text-center">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<span class="label label-success {{ class }}">Paid</span>
|
||||
<br><br>
|
||||
<div class="quotabox">
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-success progress-bar-50">
|
||||
</div>
|
||||
</div>
|
||||
<div class="numbers">
|
||||
50 / 100
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<span class="label label-warning {{ class }}">Pending</span>
|
||||
|
||||
<br><br>
|
||||
<div class="quotabox">
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-warning progress-bar-100">
|
||||
</div>
|
||||
</div>
|
||||
<div class="numbers">
|
||||
100 / 100
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<span class="label label-danger {{ class }}">Canceled</span>
|
||||
|
||||
<br><br>
|
||||
<div class="quotabox">
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-danger progress-bar-100">
|
||||
</div>
|
||||
</div>
|
||||
<div class="numbers">
|
||||
100 / 100
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p> </p>
|
||||
<div class="row text-center">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<ul class="nav nav-pills">
|
||||
<li class="">
|
||||
<a href="#">
|
||||
Tab 1
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#">
|
||||
Tab 2
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="alert alert-success">Alert message</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="alert alert-info">Alert message</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="alert alert-warning">Alert message</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="alert alert-danger">Alert message</div>
|
||||
</div>
|
||||
</div>
|
||||
<p> </p>
|
||||
<div class="row text-center">
|
||||
<div class="col-md-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
Panel
|
||||
</h4>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Content
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
Panel
|
||||
</h4>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Content
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
Panel
|
||||
</h4>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Content
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="panel panel-warning">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
Panel
|
||||
</h4>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Content
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="panel panel-danger">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
Panel
|
||||
</h4>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Content
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p> </p>
|
||||
<div class="row text-center">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<span class="fa fa-cog big-rotating-icon"></span>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="thank-you">
|
||||
<span class="fa fa-check-circle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -16,8 +16,7 @@
|
||||
{% bootstrap_form form layout='control' %}
|
||||
{% if settings_content %}{{ settings_content|safe }}{% endif %}
|
||||
<p> </p>
|
||||
<div class="alert alert-warning">
|
||||
<span class="fa fa-w fa-legal fa-2x pull-left"></span>
|
||||
<div class="alert alert-legal">
|
||||
<strong>{% trans "Warning:" %}</strong>
|
||||
{% blocktrans trimmed %}
|
||||
Please note that EU Directive 2015/2366 bans surcharging payment fees for most common payment
|
||||
|
||||
@@ -33,29 +33,25 @@
|
||||
<div id="advanced" class="panel-collapse collapsed {% if rule.eu_reverse_charge or rule.has_custom_rules or form.errors %}in{% endif %}">
|
||||
<div class="panel-body">
|
||||
<legend>{% trans "Advanced settings" %}</legend>
|
||||
<div class="alert alert-warning">
|
||||
<span class="fa fa-fw fa-legal fa-4x pull-left"></span>
|
||||
<div class="alert alert-legal">
|
||||
{% blocktrans trimmed with docs="https://docs.pretix.eu/en/latest/user/events/taxes.html" %}
|
||||
These settings are intended for advanced users. See the
|
||||
<a href="{{ docs }}">documentation</a>
|
||||
for more information. Note that we are not responsible for the correct handling
|
||||
of taxes in your ticket shop. If in doubt, please contact a lawyer or tax consultant.
|
||||
{% endblocktrans %}
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
{% bootstrap_field form.price_includes_tax layout="control" %}
|
||||
{% bootstrap_field form.eu_reverse_charge layout="control" %}
|
||||
{% bootstrap_field form.home_country layout="control" %}
|
||||
<legend>{% trans "Custom taxation rules" %}</legend>
|
||||
<div class="alert alert-warning">
|
||||
<span class="fa fa-fw fa-exclamation-circle fa-4x pull-left"></span>
|
||||
{% blocktrans trimmed %}
|
||||
These settings are intended for professional users with very specific taxation situations.
|
||||
If you create any rule here, the reverse charge settings above will be ignored. The rules will be
|
||||
checked in order and once the first rule matches the order, it will be used and all further rules will
|
||||
be ignored. If no rule matches, tax will be charged.
|
||||
{% endblocktrans %}
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="formset" data-formset data-formset-prefix="{{ formset.prefix }}">
|
||||
|
||||
@@ -70,6 +70,7 @@ urlpatterns = [
|
||||
url(r'^event/(?P<organizer>[^/]+)/(?P<event>[^/]+)/', include([
|
||||
url(r'^$', dashboards.event_index, name='event.index'),
|
||||
url(r'^live/$', event.EventLive.as_view(), name='event.live'),
|
||||
url(r'^colorscheme/$', event.EventColorScheme.as_view(), name='event.colorscheme'),
|
||||
url(r'^logs/$', event.EventLog.as_view(), name='event.log'),
|
||||
url(r'^delete/$', event.EventDelete.as_view(), name='event.delete'),
|
||||
url(r'^requiredactions/$', event.EventActions.as_view(), name='event.requiredactions'),
|
||||
|
||||
@@ -738,6 +738,10 @@ class EventPermissions(EventSettingsViewMixin, EventPermissionRequiredMixin, Tem
|
||||
template_name = 'pretixcontrol/event/permissions.html'
|
||||
|
||||
|
||||
class EventColorScheme(EventPermissionRequiredMixin, TemplateView):
|
||||
template_name = 'pretixcontrol/event/color_scheme.html'
|
||||
|
||||
|
||||
class EventLive(EventPermissionRequiredMixin, TemplateView):
|
||||
permission = 'can_change_event_settings'
|
||||
template_name = 'pretixcontrol/event/live.html'
|
||||
|
||||
Reference in New Issue
Block a user