Event creation UX: Show clearer that the event is now created

This commit is contained in:
Raphael Michel
2017-10-05 10:31:25 +02:00
parent b2b3add616
commit 3f1bb56826
4 changed files with 71 additions and 7 deletions

View File

@@ -3,6 +3,30 @@
{% load bootstrap3 %}
{% block title %}{{ request.event.name }}{% endblock %}
{% block content %}
{% if "congratulations" in request.GET %}
<div class="thank-you">
<span class="fa fa-check-circle"></span>
<h2>{% trans "Congratulations!" %}</h2>
<p>
<strong>{% trans "You just created an event!" %}</strong>
</p>
<p>
{% blocktrans trimmed %}
You can now scroll down and modify the settings in more detail, if you want, or you can create your
first product to start selling tickets right away!
{% endblocktrans %}
</p>
<p>
<a href="{% url "control:event.items.add" organizer=request.organizer.slug event=request.event.slug %}"
class="btn btn-default">
{% trans "Create a first product" %}
</a>
</p>
<div class="clearfix"></div>
</div>
{% endif %}
<h1>{% trans "Settings" %}</h1>
<ul class="nav nav-pills">
{% if 'can_change_event_settings' in request.eventpermset %}

View File

@@ -14,15 +14,15 @@
{% block form %}
{% endblock %}
<div class="form-group submit-group">
<button type="submit" class="btn btn-primary btn-save pull-right">
{% trans "Continue" %}
</button>
{% if wizard.steps.prev %}
<button name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}"
class="btn btn-default btn-lg pull-left">
{% trans "Back" %}
</button>
{% endif %}
<button type="submit" class="btn btn-primary btn-save">
{% trans "Continue" %}
</button>
</div>
</form>
{% else %}

View File

@@ -1,5 +1,4 @@
from django.conf import settings
from django.contrib import messages
from django.core.urlresolvers import reverse
from django.db import transaction
from django.db.models import (
@@ -187,12 +186,10 @@ class EventWizard(SessionWizardView):
event.settings.set('locale', basics_data['locale'])
event.settings.set('locales', foundation_data['locales'])
messages.success(self.request, _('The new event has been created. You can now adjust the event settings in '
'detail.'))
return redirect(reverse('control:event.settings', kwargs={
'organizer': event.organizer.slug,
'event': event.slug,
}))
}) + '?congratulations=1')
class SlugRNG(OrganizerPermissionRequiredMixin, View):

View File

@@ -432,3 +432,46 @@ body.loading #wrapper {
text-decoration: none;
}
}
.thank-you {
margin-bottom: 25px;
.fa {
font-size: 150px;
line-height: 170px;
display: block;
color: $brand-success;
}
h2 {
color: $brand-success;
}
}
@media (min-width: $screen-md-min) {
.thank-you {
min-height: 170px;
width: 70%;
margin: auto;
.fa {
float: left;
margin-right: 30px;
}
h2 {
padding-top: 25px;
}
p {
margin-left: 158px;
}
}
}
@media (max-width: $screen-sm-max) {
.thank-you {
text-align: center;
}
h2 {
margin-top: 0;
}
}