darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-18 05:29:38 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2773 from alphagov/letter-branding-preview

Browse Source 
Add preview pane for letter branding
This commit is contained in:
Katie Smith
2019-02-19 14:05:21 +00:00
committed by GitHub
parent 2659db4ad0 d904c7e5c5
commit 2f4e933b65
18 changed files with 308 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
app/templates/views/service-settings/letter-preview.html Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Letter preview</title>
<style type="text/css">
body {
background-color: #dee0e2;
margin: 0;
}
img {
display: block;
background-color: #fff;
width: 100%;
height: auto;
}
.letter-postage,
.visually-hidden {
display: none;
}
</style>
</head>
<body>
{{ template }}
</body>
</html>

2
app/templates/views/service-settings/preview-email-branding.html
View File

@@ -9,7 +9,7 @@
<h1 class="heading-large">Preview email branding</h1>
<div class="grid-row">
<div class="column-full">
<iframe src="{{ url_for('main.email_template', branding_style=form.branding_style.data) }}" class="email-branding-preview"></iframe>
<iframe src="{{ url_for('main.email_template', branding_style=form.branding_style.data) }}" class="branding-preview"></iframe>
{% call form_wrapper(action=action) %}
<div class="form-group">
{{ form.hidden_tag() }}

24
app/templates/views/service-settings/preview-letter-branding.html Normal file
View File

@@ -0,0 +1,24 @@
{% extends "views/platform-admin/_base_template.html" %}
{% from "components/form.html" import form_wrapper %}
{% block per_page_title %}
Preview letter branding
{% endblock %}
{% block platform_admin_content %}
<h1 class="heading-large">Preview letter branding</h1>
<div class="grid-row">
<div class="column-full">
<iframe src="{{ url_for('main.letter_template', branding_style=form.branding_style.data) }}" class="branding-preview"></iframe>
{% call form_wrapper(action=action) %}
<div class="form-group">
{{ form.hidden_tag() }}
<div class="page-footer">
<button type="submit" class="button">Save</button>
<a class="page-footer-back-link" href="{{ url_for('main.service_settings', service_id=service_id) }}">Back to service settings</a>
</div>
</div>
{% endcall %}
</div>
</div>
{% endblock %}

2
app/templates/views/service-settings/set-email-branding.html
View File

@@ -11,7 +11,7 @@
{% block maincolumn_content %}
<h1 class="heading-large">Set email branding</h1>
{% call form_wrapper() %}
{% call form_wrapper(data_kwargs={'preview-type': 'email'}) %}
<div class="grid-row">
<div class="column-full preview-pane">
</div>

16
app/templates/views/service-settings/set-letter-branding.html
View File

@@ -11,12 +11,20 @@
{% block maincolumn_content %}
<h1 class="heading-large">Set letter branding</h1>
{% call form_wrapper() %}
{{ live_search(target_selector='.multiple-choice', show=True, form=search_form, label='Search by name') }}
{{ radios(form.branding_style, hide_legend=True) }}
{% 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(
'Save',
'Preview',
back_link=url_for('.service_settings', service_id=current_service.id),
back_link_text='Back to settings'
) }}