mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-04 23:58:24 -04:00
d904c7e5c5
This adds a preview pane which is visible when updating a letter brand. If JavaScript is enabled, the preview pane shows on the set-letter-branding page, and submitting the form saves updates the letter brand for a service immediately. If Javascript is not enabled, there is a separate 'Preview email branding' page which shows a preview of the brand and has a 'Save' button on it.
35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
{% extends "withnav_template.html" %}
|
|
{% from "components/radios.html" import radios %}
|
|
{% from "components/live-search.html" import live_search %}
|
|
{% from "components/page-footer.html" import page_footer %}
|
|
{% from "components/form.html" import form_wrapper %}
|
|
|
|
{% block service_page_title %}
|
|
Set letter branding
|
|
{% endblock %}
|
|
|
|
{% block maincolumn_content %}
|
|
|
|
<h1 class="heading-large">Set letter branding</h1>
|
|
{% call form_wrapper(data_kwargs={'preview-type': 'letter'}) %}
|
|
<div class="grid-row">
|
|
<div class="column-full preview-pane">
|
|
</div>
|
|
</div>
|
|
<div class="grid-row">
|
|
<div class="column-full">
|
|
{{ live_search(target_selector='.multiple-choice', show=True, form=search_form, label='Search by name') }}
|
|
{{ radios(form.branding_style, hide_legend=True) }}
|
|
</div>
|
|
</div>
|
|
<div class="js-stick-at-bottom-when-scrolling">
|
|
{{ page_footer(
|
|
'Preview',
|
|
back_link=url_for('.service_settings', service_id=current_service.id),
|
|
back_link_text='Back to settings'
|
|
) }}
|
|
</div>
|
|
{% endcall %}
|
|
|
|
{% endblock %}
|