mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-05-03 07:31:28 -04:00
c41944080c
_The code for this is quite hacky and light on tests. But I’d really like to get it in the app for the research tomorrow to see how well the feature works._ This commit changes the tour from being a set of static screens to some help which guides you through the process of sending your first test message. The theory behind this is that what users are really struggling with is the concept of a variable, rather than the relationship between the placeholders and the column headers. And like learning to program, the best way to learn is by taking an example and modifying it to your own needs. This means that when someone adds their first service we set them up an example email template and an example text message template. Then there is a guided, three step process where _all_ the user can do is send a test message to themselves. Once the message is sent, the user still has the example templates which they can edit, rather than having to remember what they’re supposed to be doing.
65 lines
2.2 KiB
HTML
65 lines
2.2 KiB
HTML
{% extends "withnav_template.html" %}
|
||
{% from "components/sms-message.html" import sms_message %}
|
||
{% from "components/email-message.html" import email_message %}
|
||
{% from "components/page-footer.html" import page_footer %}
|
||
{% from "components/file-upload.html" import file_upload %}
|
||
{% from "components/table.html" import list_table, field, text_field, index_field, index_field_heading %}
|
||
|
||
{% block page_title %}
|
||
Send text messages – GOV.UK Notify
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
{% if request.args['help'] %}
|
||
<h1 class="heading-large">Example text message</h1>
|
||
{% else %}
|
||
<h1 class="heading-large">Send a test</h1>
|
||
{% endif %}
|
||
|
||
{% if 'sms' == template.template_type %}
|
||
<div class="grid-row">
|
||
<div class="column-two-thirds">
|
||
{{ sms_message(
|
||
template.formatted_as_markup,
|
||
recipient='',
|
||
show_placeholder_for_recipient=True
|
||
) }}
|
||
</div>
|
||
</div>
|
||
{% elif 'email' == template.template_type %}
|
||
{{ email_message(
|
||
template.formatted_subject_as_markup,
|
||
template.formatted_as_markup,
|
||
recipient='',
|
||
show_placeholder_for_recipient=True
|
||
) }}
|
||
{% endif %}
|
||
|
||
<form method="post">
|
||
{% call(item, row_number) list_table(
|
||
example,
|
||
caption="Fill in the {}".format('field' if template.placeholders|length == 1 else 'fields'),
|
||
field_headings=[
|
||
'<span class="placeholder">{}</span>'.format(recipient_column)|safe
|
||
] + template.placeholders_as_markup|list
|
||
) %}
|
||
{% for column in item %}
|
||
{% call field() %}
|
||
{% if loop.index > 1 %}
|
||
<label class="visuallyhidden" for="placeholder-field-{{ loop.index }}">{{ column }}</label>
|
||
<input class="form-control form-control-1-1 " data-module="" name="{{ column }}" rows="8" type="text" value="" id="placeholder-field-{{ loop.index }}">
|
||
{% else %}
|
||
{{ column }}
|
||
{% endif %}
|
||
{% endcall %}
|
||
{% endfor %}
|
||
{% endcall %}
|
||
|
||
{{ page_footer("Check and confirm", back_link=(
|
||
url_for('.send_messages', service_id=current_service.id, template_id=template.id)) if not request.args['help'] else None
|
||
) }}
|
||
</form>
|
||
|
||
{% endblock %}
|