Add the notification button to publication template

alphagov · Nov 23, 2021 · 4c883d1 · 4c883d1
1 parent a5b2566
commit 4c883d1
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 2 deletions.
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
@@ -6,6 +6,7 @@
 //= require govuk_publishing_components/components/govspeak
 //= require govuk_publishing_components/components/print-link
 //= require govuk_publishing_components/components/radio
+//= require govuk_publishing_components/components/single-page-notification-button
 //= require govuk_publishing_components/components/step-by-step-nav
 
 //= require_tree ./modules
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -42,6 +42,7 @@ $govuk-new-link-styles: true;
 @import 'govuk_publishing_components/components/radio';
 @import 'govuk_publishing_components/components/related-navigation';
 @import 'govuk_publishing_components/components/share-links';
+@import 'govuk_publishing_components/components/single-page-notification-button';
 @import 'govuk_publishing_components/components/step-by-step-nav';
 @import 'govuk_publishing_components/components/step-by-step-nav-header';
 @import 'govuk_publishing_components/components/step-by-step-nav-related';

diff --git a/app/views/content_items/publication.html.erb b/app/views/content_items/publication.html.erb
@@ -18,6 +18,12 @@
 </div>
 
 <%= render 'shared/publisher_metadata_with_logo' %>
+<%= render 'govuk_publishing_components/components/single_page_notification_button', {
+  base_path: @content_item.base_path,
+  js_enhancement: @include_single_page_notification_button_js,
+  margin_bottom: 6,
+  button_location: "top",
+} if @notification_button_visible %>
 <%= render 'shared/history_notice', content_item: @content_item %>
 
 <%= render 'govuk_publishing_components/components/notice', @content_item.withdrawal_notice_component  %>
@@ -53,8 +59,15 @@
       <%= render 'components/published-dates', {
         published: @content_item.published,
         last_updated: @content_item.updated,
-        history: @content_item.history
+        history: @content_item.history,
+        margin_bottom: 3
       } %>
+
+      <%= render 'govuk_publishing_components/components/single_page_notification_button', {
+        base_path: @content_item.base_path,
+        js_enhancement: @include_single_page_notification_button_js,
+        button_location: "bottom",
+      } if @notification_button_visible %>
     </div>
   </div>
   <%= render 'shared/sidebar_navigation' %>

diff --git a/app/views/shared/_publisher_metadata_with_logo.html.erb b/app/views/shared/_publisher_metadata_with_logo.html.erb
@@ -1,7 +1,11 @@
+<%
+  metadata_component_options = @content_item.publisher_metadata
+  metadata_component_options[:margin_bottom] = 3 if @notification_button_visible
+%>
 <div class="govuk-grid-row">
   <div class="metadata-logo-wrapper<%= ' responsive-bottom-margin' if @content_item.try(:logo) %>">
     <div class="govuk-grid-column-two-thirds metadata-column">
-      <%= render 'govuk_publishing_components/components/metadata', @content_item.publisher_metadata %>
+      <%= render 'govuk_publishing_components/components/metadata', metadata_component_options %>
     </div>
     <div class="govuk-grid-column-one-third">
       <% if @content_item.try(:logo) %>