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) %} +
+{% 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 }} + {{ banner(flash_message) }} +