Split support into two pages

The kind of communications we’re getting at the moment can broadly be
broken down into:
- problems
- questions and feedback

We will need to triage problems differently, because they could
potentially be urgent/severe/emergency/P1/whatever language we use.
Questions or feedback will never be P1.

Two reasons for making the user categorise their tickets themselves:

- Outside of hours we can’t get someone out of bed in order to decide if
  a ticket is a problem or just feedback

- We can tailor the subsequent pages to whether it’s a problem or
  feedback (eg showing a link to the status page if the user is having
  a problem)

This commit let’s users make the choice with a pair of radio buttons.

It also cleans up a bunch of the tests and parameterizes them so we’re
testing the flow for both ticket types.
This commit is contained in:
Chris Hill-Scott
2016-12-12 11:25:43 +00:00
parent abc9343be4
commit 1df3c11ae9
8 changed files with 158 additions and 90 deletions

View File

@@ -0,0 +1,38 @@
{% extends "withoutnav_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %}
{% block page_title %}
Report a problem GOV.UK Notify
{% endblock %}
{% block maincolumn_content %}
<h1 class="heading-large">
Report a problem
</h1>
<div class="grid-row">
<div class="column-two-thirds">
<div class="panel panel-border-wide">
<p>
Check our <a href="https://status.notifications.service.gov.uk">system status</a>
page to see if there are any known issues with GOV.UK Notify.
</p>
</div>
<p>What went wrong, if anything? What went well? How could we improve this service?</p>
<form method="post">
{{ textbox(form.feedback, width='1-1', hint='', rows=10) }}
<h3 class="heading-medium">Do you want a reply?</h3>
<p>Leave your details below if you'd like a response.</p>
{{ textbox(form.name, width='1-1') }}
{{ textbox(form.email_address, width='1-1') }}
{{ page_footer(
'Send',
secondary_link=url_for('.support'),
secondary_link_text='Back to support',
) }}
</form>
</div>
</div>
{% endblock %}