mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-16 16:34:47 -05:00
54bd321504
This replicates how we let large spreadsheets scroll horizontally. Pro: this looks nicer and is more usable Con: the code for this feels a bit fragile, especially the calling of `.maintainWidth` twice, ie as many times as a it takes to get stuff to render properly.
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/message-count-label.html" import recipient_count_label %}
|
|
{% from "components/table.html" import list_table, text_field, index_field, index_field_heading %}
|
|
|
|
{% block service_page_title %}
|
|
Upload a list of {{ recipient_count_label(999, template.template_type) }}
|
|
{% endblock %}
|
|
|
|
{% block maincolumn_content %}
|
|
|
|
<h1 class="heading-large">
|
|
Upload a list of {{ recipient_count_label(999, template.template_type) }}
|
|
</h1>
|
|
|
|
<div class="page-footer bottom-gutter">
|
|
{{file_upload(
|
|
form.file,
|
|
button_text='Choose a file'
|
|
)}}
|
|
</div>
|
|
|
|
<h2 class="heading-medium">Your file needs to look like this example</h2>
|
|
<p class="hint">
|
|
Save your file as a
|
|
<acronym title="Comma Separated Values">CSV</acronym>,
|
|
<acronym title="Tab Separated Values">TSV</acronym>,
|
|
<acronym title="Open Document Spreadsheet">ODS</acronym>,
|
|
or Microsoft Excel spreadsheet
|
|
</p>
|
|
|
|
<div class="spreadsheet" data-module="fullscreen-table">
|
|
{% call(item, row_number) list_table(
|
|
example,
|
|
caption="Example",
|
|
caption_visible=False,
|
|
field_headings=[''] + column_headings
|
|
) %}
|
|
{{ index_field(row_number - 1) }}
|
|
{% for column in item %}
|
|
{{ text_field(column) }}
|
|
{% endfor %}
|
|
{% endcall %}
|
|
</div>
|
|
<p class="table-show-more-link">
|
|
<a href="{{ url_for('.get_example_csv', service_id=current_service.id, template_id=template.id) }}" download>Download this example</a>
|
|
</p>
|
|
|
|
<h2 class="heading-medium">Your file will populate this template ({{ template.name }})</h2>
|
|
{{ template|string }}
|
|
|
|
{% endblock %}
|