From 034c70bc979ec3d8aa25fbd6dfce313985348167 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Thu, 17 Dec 2015 14:05:35 +0000
Subject: [PATCH] =?UTF-8?q?Add=20a=20banner=20=E2=9C=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/stylesheets/components/banner.scss | 21 +++++++++++++++++++
 app/assets/stylesheets/main.scss              |  1 +
 app/main/views/jobs.py                        |  3 ++-
 app/templates/components/banner.html          |  3 +++
 app/templates/views/job.html                  |  4 ++++
 5 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/stylesheets/components/banner.scss
 create mode 100644 app/templates/components/banner.html

diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss
new file mode 100644
index 000000000..a801b2ec7
--- /dev/null
+++ b/app/assets/stylesheets/components/banner.scss
@@ -0,0 +1,21 @@
+.banner {
+
+  @include core-19;
+  background: $turquoise;
+  color: $white;
+  display: block;
+  padding: $gutter-half $gutter;
+  margin: 0 0 $gutter 0;
+  text-align: center;
+  position: relative;
+
+  &:before {
+    @include core-24;
+    content: '✔';
+    position: absolute;
+    top: $gutter-half;
+    left: $gutter-half;
+    margin-top: -2px;
+  }
+
+}
diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss
index 3c7ed051b..13ac54a99 100644
--- a/app/assets/stylesheets/main.scss
+++ b/app/assets/stylesheets/main.scss
@@ -37,6 +37,7 @@
 @import 'components/table';
 @import 'components/navigation';
 @import 'components/big-number';
+@import 'components/banner';
 
 @import 'views/job';
 
diff --git a/app/main/views/jobs.py b/app/main/views/jobs.py
index e57846a08..9e31dfa1e 100644
--- a/app/main/views/jobs.py
+++ b/app/main/views/jobs.py
@@ -56,7 +56,8 @@ def showjob():
         },
         cost='£0.00',
         uploaded_file_name='contact-demo.csv',
-        template_used='Reminder template'
+        template_used='Reminder template',
+        flash_message='We’ve started sending your notifications'
     )
 
 
diff --git a/app/templates/components/banner.html b/app/templates/components/banner.html
new file mode 100644
index 000000000..2dab12c5d
--- /dev/null
+++ b/app/templates/components/banner.html
@@ -0,0 +1,3 @@
+{% macro banner(body) %}
+  <div class='banner'>{{ body }}</div>
+{% endmacro %}
diff --git a/app/templates/views/job.html b/app/templates/views/job.html
index bdae79d11..c45772d16 100644
--- a/app/templates/views/job.html
+++ b/app/templates/views/job.html
@@ -1,5 +1,7 @@
 {% extends "withnav_template.html" %}
 {% from "components/table.html" import table, field, right_aligned_field_heading %}
+{% from "components/big-number.html" import big_number %}
+{% from "components/banner.html" import banner %}
 
 {% block page_title %}
 GOV.UK Notify | Notifications activity
@@ -11,6 +13,8 @@ GOV.UK Notify | Notifications activity
 			{{ uploaded_file_name }} sent with {{ template_used }}
 		</h1>
 
+    {{ banner(flash_message) }}
+
 		<ul class="grid-row job-totals">
 			<li class="column-one-third">
 				{{ big_number(