mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-04-12 05:10:45 -04:00
dfcfe6a91e
Letter templates have (or will have) multiple different editable regions. I think that the most intuitive way for this to work is to have - an edit link for each of these areas - positioned next to the thing to be edited Again, this isn’t fully hooked up, but since no-one is using letters live yet this is a good way of getting research feedback and pointing towards where we want the feature to go. Uses percentages for the positioning so that the alignment is maintained on mobile.
54 lines
1.7 KiB
HTML
54 lines
1.7 KiB
HTML
{% extends "withnav_template.html" %}
|
|
{% 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 service_page_title %}
|
|
{% if request.args['help'] %}
|
|
Example text message
|
|
{% else %}
|
|
Send yourself a test
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block maincolumn_content %}
|
|
|
|
<h1 class="heading-large">
|
|
{% if request.args['help'] %}
|
|
Example text message
|
|
{% else %}
|
|
{% if template.template_type == 'letter' %}
|
|
Generate preview
|
|
{% else %}
|
|
Send yourself a test
|
|
{% endif %}
|
|
{% endif %}
|
|
</h1>
|
|
|
|
{{ template|string }}
|
|
|
|
<form method="post">
|
|
{% call(item, row_number) list_table(
|
|
example,
|
|
caption="Fill in the {}".format('field' if (recipient_columns + template.placeholders|list)|length == 2 else 'fields'),
|
|
field_headings=recipient_columns + template.placeholders|list
|
|
) %}
|
|
{% for column in item %}
|
|
{% call field() %}
|
|
{% if loop.index > 1 or template.template_type == 'letter' %}
|
|
<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("Preview", back_link=(
|
|
url_for('.send_messages', service_id=current_service.id, template_id=template.id)) if not help else None
|
|
) }}
|
|
</form>
|
|
|
|
{% endblock %}
|