Merge pull request #2321 from alphagov/publish-the-signon-privacy-notice

Publish /privacy-notice page

app/assets/stylesheets/application.scss

@@ -1,6 +1,9 @@
 @import "govuk_publishing_components/all_components";
 @import "user_research_recruitment_banner";
 
+// Components from this application
+@import "components/*";
+
 // TODO: move into component
 .gem-c-success-alert,
 .gem-c-error-alert {

app/assets/stylesheets/components/_contact-details.scss

@@ -0,0 +1,13 @@
+.app-c-contact-details {
+  @include govuk-font($size: 19);
+  @include govuk-text-colour;
+  padding-left: govuk-spacing(3);
+  // Margin top intended to collapse
+  // This adds an additional 10px to the paragraph above
+  @include govuk-responsive-margin(6, "top");
+  @include govuk-responsive-margin(6, "bottom");
+
+  clear: both;
+
+  border-left: 1px solid $govuk-border-colour;
+}

app/controllers/root_controller.rb

@@ -2,7 +2,7 @@ class RootController < ApplicationController
   layout "admin_layout"
 
   include UserPermissionsControllerMethods
-  before_action :authenticate_user!
+  before_action :authenticate_user!, except: :privacy_notice
   skip_after_action :verify_authorized
 
   def index
@@ -15,6 +15,8 @@ def signin_required
     @application = ::Doorkeeper::Application.find_by(id: session.delete(:signin_missing_for_application))
   end
 
+  def privacy_notice; end
+
 private
 
   def show_user_research_recruitment_banner?

app/views/components/_contact_details.html.erb

@@ -0,0 +1,7 @@
+<div class="app-c-contact-details">
+  <% if defined? text %>
+    <%= text %>
+  <% elsif block_given? %>
+    <%= yield %>
+  <% end %>
+</div>

app/views/components/docs/contact_details.yml

@@ -0,0 +1,19 @@
+name: Contact Details
+description: Use the contact details component to differentiate a line or block of contact details from the surrounding content.
+body: |
+  Optional markdown providing further detail about the component
+accessibility_criteria: |
+  All text must have a contrast ratio higher than 4.5:1 against the background colour to meet [WCAG AA](https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast)
+examples:
+  default:
+    data:
+      text: "contact@info.gov.uk"
+
+  with_block:
+    description: |
+      Note that the component applies no formatting to the contents passed to it. There are guidelines covering the use of various types of contact details in [the Style guide](https://www.gov.uk/guidance/style-guide/a-to-z-of-gov-uk-style).
+    data:
+      block: |
+        Address Line 1
+        <br>
+        Address Line 2

app/views/layouts/admin_layout.html.erb

@@ -38,7 +38,13 @@
       <div class="govuk-grid-row">
         <div class="govuk-grid-column-two-thirds">
           <span class="govuk-caption-l"><%= yield(:context) %></span>
-          <h1 class="govuk-heading-l"><%= yield(:title) %></h1>
+          <h1 class="govuk-heading-l">
+            <% if yield(:page_heading).present? %>
+              <%= yield(:page_heading) %>
+            <% else %>
+              <%= yield(:title) %>
+            <% end %>
+          </h1>
         </div>
       </div>
       <%= yield %>
@@ -59,6 +65,10 @@
           {
             href: "https://www.gov.uk/government/content-publishing",
             text: "How to write, publish, and improve content",
+          },
+          {
+            href: privacy_notice_path,
+            text: "Privacy notice",
           }
         ].compact
       }