mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-05 21:38:24 -04:00
b73e42650d
This commit improves the code that previews a hex colour when setting up or changing an email branding. Specifically it: - refactors the Javascript to conform to our patterns (module pattern, preprocessed with Gulp) - makes the code work when there are multiple colour previews on one page It also does some visual prettifying, because I couldn’t help myself…
39 lines
1.6 KiB
HTML
39 lines
1.6 KiB
HTML
{% extends "views/platform-admin/_base_template.html" %}
|
|
{% from "components/file-upload.html" import file_upload %}
|
|
{% from "components/page-footer.html" import page_footer %}
|
|
{% from "components/textbox.html" import textbox, colour_textbox %}
|
|
|
|
{% block service_page_title %}
|
|
{{ '{} email branding'.format('Update' if email_branding else 'Create')}}
|
|
{% endblock %}
|
|
|
|
{% block platform_admin_content %}
|
|
|
|
<h1 class="heading-large">{{ '{} email branding'.format('Update' if email_branding else 'Create')}}</h1>
|
|
<div class="grid-row">
|
|
<div class="column-three-quarters">
|
|
{% if logo %}
|
|
<div id="logo-img">
|
|
<img src="https://{{ cdn_url }}/{{ logo }}"/>
|
|
</div>
|
|
{% endif %}
|
|
{{ file_upload(form.file, button_text='{} logo'.format('Update' if email_branding else 'Upload')) }}
|
|
<form method="post">
|
|
<div class="form-group">
|
|
<div style='margin-top:15px;'>{{textbox(form.name)}}</div>
|
|
<div style='margin-top:15px;'>{{textbox(form.text)}}</div>
|
|
{{colour_textbox(form.colour, width='1-4', colour=email_branding.colour if email_branding)}}
|
|
{{colour_textbox(form.banner_colour, width='1-4', colour=email_branding.banner_colour if email_branding)}}
|
|
{{colour_textbox(form.single_id_colour, width='1-4', colour=email_branding.single_id_colour if email_branding)}}
|
|
<div style='margin-top:15px;'>{{textbox(form.domain)}}</div>
|
|
{{ page_footer(
|
|
'Save',
|
|
back_link=url_for('.email_branding'),
|
|
back_link_text='Back to email branding selection',
|
|
) }}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
{% endblock %}
|