Wip

app/assets/stylesheets/application.sass.scss

@@ -3,3 +3,8 @@ $govuk-new-link-styles: true;
 $govuk-assets-path: "";
 
 @import "govuk-frontend/dist/govuk/all";
+
+@import "components/all";
+
+//@import "govuk-frontend/src/govuk/all";
+

app/assets/stylesheets/components/_all.scss

@@ -0,0 +1 @@
+@import "page_banner";

app/assets/stylesheets/components/_page_banner.scss

@@ -0,0 +1,22 @@
+.app-phase-banner .govuk-tag {
+  color: govuk-colour("white");
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  font-weight: 700;
+}
+
+.app-phase-banner__env--development .govuk-tag {
+  background: govuk-colour("dark-grey");
+}
+
+.app-phase-banner__env--qa .govuk-tag {
+  background-color: govuk-colour("orange");
+}
+
+.app-phase-banner__env--staging .govuk-tag {
+  background-color: govuk-colour("red");
+}
+
+.app-phase-banner__env--beta .govuk-tag {
+  background: govuk-colour("blue");
+}

app/models/hosting_environment.rb

@@ -0,0 +1,13 @@
+module HostingEnvironment
+  def self.name(current_service)
+    if Rails.env.production?
+      I18n.t(".models.hosting_environment.#{current_service}.beta.title")
+    else
+      Rails.env
+    end
+  end
+
+  def self.description(current_service)
+    I18n.t(".models.hosting_environment.#{current_service}.beta.description")
+  end
+end

app/views/layouts/application.html.erb

@@ -27,6 +27,21 @@
 
     <%= govuk_header(homepage_url: "https://www.gov.uk", service_name: t(".#{current_service}.header.service_name"), service_url: "/") %>
 
+    <div class="app-phase-banner app-phase-banner__env--<%= HostingEnvironment.name(current_service) %>">
+      <div class="govuk-width-container">
+        <div class="govuk-phase-banner">
+          <p class="govuk-phase-banner__content">
+            <strong class="govuk-tag govuk-phase-banner__content__tag">
+              <%= HostingEnvironment.name(current_service) %>
+            </strong>
+            <span class="govuk-phase-banner__text">
+              <%= govuk_link_to HostingEnvironment.description(current_service), request.env['PATH_INFO'], class: "govuk-link--no-visited-state" %>
+            </span>
+          </p>
+        </div>
+      </div>
+    </div>
+
     <div class="govuk-width-container">
       <main class="govuk-main-wrapper" id="main-content" role="main">
         <%= yield %>

config/locales/claims/en/models/hosting_environment.yml

@@ -0,0 +1,7 @@
+en:
+  models:
+    hosting_environment:
+      claims:
+        beta:
+          title: beta
+          description: Make a complaint or give feedback

config/locales/claims/en/models/user.yml

@@ -0,0 +1,6 @@
+en:
+  activerecord:
+    models:
+      user:
+        claims:
+          what: what

config/locales/placements/en/models/hosting_environment.yml

@@ -0,0 +1,7 @@
+en:
+  models:
+    hosting_environment:
+      placements:
+        beta:
+          title: beta
+          description: Make a complaint or give feedback