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 %} {% load bootstrap3 %}
{% block title %}{{ request.event.name }}{% endblock %} {% block title %}{{ request.event.name }}{% endblock %}
{% block content %} {% 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> <h1>{% trans "Settings" %}</h1>
<ul class="nav nav-pills"> <ul class="nav nav-pills">
{% if 'can_change_event_settings' in request.eventpermset %} {% if 'can_change_event_settings' in request.eventpermset %}

View File

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

View File

@@ -1,5 +1,4 @@
from django.conf import settings from django.conf import settings
from django.contrib import messages
from django.core.urlresolvers import reverse from django.core.urlresolvers import reverse
from django.db import transaction from django.db import transaction
from django.db.models import ( from django.db.models import (
@@ -187,12 +186,10 @@ class EventWizard(SessionWizardView):
event.settings.set('locale', basics_data['locale']) event.settings.set('locale', basics_data['locale'])
event.settings.set('locales', foundation_data['locales']) 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={ return redirect(reverse('control:event.settings', kwargs={
'organizer': event.organizer.slug, 'organizer': event.organizer.slug,
'event': event.slug, 'event': event.slug,
})) }) + '?congratulations=1')
class SlugRNG(OrganizerPermissionRequiredMixin, View): class SlugRNG(OrganizerPermissionRequiredMixin, View):

View File

@@ -432,3 +432,46 @@ body.loading #wrapper {
text-decoration: none; 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;
}
}