template without links

model and template

template model and spec

rubocop

fix test

app/assets/stylesheets/application.sass.scss

@@ -5,3 +5,73 @@ $govuk-assets-path: "";
 @import "govuk-frontend/dist/govuk/all";
 @import "components/all";
 @import "accessible-autocomplete/dist/accessible-autocomplete.min";
+
+
+.app-primary-navigation {
+  background-color: govuk-colour("light-grey");
+}
+
+.app-primary-navigation--justify-between {
+  display: flex;
+  justify-content: space-between;
+}
+
+.app-primary-navigation__list {
+  @include govuk-clearfix;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.app-primary-navigation__item {
+  @include govuk-font($size: 19);
+  float: left;
+  margin-right: govuk-spacing(3);
+  margin-top: 0;
+
+  &:last-child {
+    margin-right: 0;
+  }
+
+  @include govuk-media-query($from: tablet) {
+    margin-right: govuk-spacing(4);
+  }
+}
+
+.app-primary-navigation__item--align-right {
+  @include govuk-media-query($from: tablet) {
+    float: right;
+  }
+}
+
+.app-primary-navigation__link {
+  @include govuk-link-common;
+  @include govuk-link-style-no-visited-state;
+  display: block;
+  font-weight: bold;
+  padding-bottom: govuk-spacing(3);
+  padding-top: govuk-spacing(3);
+  text-decoration: none;
+
+  &:focus {
+    background-color: $govuk-focus-colour;
+    box-shadow: inset 0 -5px 0 0 $govuk-focus-text-colour;
+    color: $govuk-focus-text-colour;
+    outline: $govuk-focus-width solid transparent;
+  }
+
+  &[aria-current] {
+    box-shadow: inset 0 -5px 0 0 $govuk-link-colour;
+    color: $govuk-link-colour;
+
+    &:hover {
+      box-shadow: inset 0 -5px 0 0 $govuk-link-hover-colour;
+      color: $govuk-link-hover-colour;
+    }
+
+    &:focus {
+      box-shadow: inset 0 -7px 0 0 $govuk-focus-text-colour;
+      color: $govuk-focus-text-colour;
+    }
+  }
+}

app/components/application_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+class ApplicationComponent < GovukComponent::Base
+  def initialize(classes: [], html_attributes: {})
+    super(classes:, html_attributes:)
+  end
+
+  private
+
+  def default_attributes
+    {}
+  end
+end

app/components/navigation_bar.html.erb

@@ -0,0 +1,22 @@
+<div class="app-primary-navigation">
+    <div class="app-primary-navigation govuk-!-display-none-print">
+    <div class="govuk-width-container app-primary-navigation--justify-between">
+        <nav class="app-primary-navigation__nav" aria-label="main menu">
+        <ul class="app-primary-navigation__list">
+            <li class="app-primary-navigation__item">
+                <a class="app-primary-navigation__link" href="#"><%= t("navigation_bar.claims") %></a>
+            </li>
+            <% items.each do |item| %>
+                <li class="app-primary-navigation__item">
+                <% if item[:active] %>
+                    <%= govuk_link_to item[:name], item[:href], class:"app-primary-navigation__link", aria: { current: "page" } %>
+                <% else %>
+                    <%= govuk_link_to item[:name], item[:href], class:"app-primary-navigation__link" %>
+                <% end %>
+                </li>
+            <% end %>
+        </ul>
+        </nav>
+    </div>
+    </div>
+</div>

app/components/navigation_bar.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+class NavigationBar < ApplicationComponent
+  attr_reader :items, :current_path
+
+  def initialize(
+    items:,
+    current_path:,
+    current_user: {},
+    classes: [],
+    html_attributes: {}
+  )
+    super(classes:, html_attributes:)
+    @items = items
+    @current_path = current_path
+    @current_user = current_user
+  end
+end

app/controllers/claims/pages_controller.rb

@@ -1,2 +1,5 @@
 class Claims::PagesController < ApplicationController
+  def index
+    @school = GiasSchool.first
+  end
 end

app/helpers/navigation_bar_helper.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module NavigationBarHelper
+  def navigation_items(_provider)
+    [
+      {
+        name: t("navigation_bar.users"),
+        url: "#",
+        additional_url:
+          "request_access_publish_provider_path(provider.provider_code)"
+      },
+      name: t("navigation_bar.organisation_details"),
+      url: root_path,
+      active: request.path == root_path
+    ]
+  end
+end

app/views/claims/pages/index.html.erb

@@ -1,28 +1,49 @@
-<div class="govuk-grid-row">
-  <div class="govuk-grid-column-two-thirds">
-    <h1 class="govuk-heading-xl">It works! 🎉</h1>
+<%= render(NavigationBar.new(
+    items: navigation_items(@provider),
+    current_path: request.path,
+    current_user: User.first
+  )) %>
+    <div class="govuk-grid-row">
+    <br><br>
+      <div class="govuk-grid-column-two-thirds">
+      <h1 class="govuk-heading-l"><%= t("organisation_details") %></h1>
+      <%= govuk_summary_list do |summary_list|
+        summary_list.with_row do |row|
+        row.with_key(text: t("organisation_name"))
+        row.with_value(text: @school.name)
+        end;summary_list.with_row do |row|
+          row.with_key(text: t("uk_provider_reference_number"))
+          row.with_value(text: @school.ukprn)
+        end;summary_list.with_row do |row|
+            row.with_key(text: t("unique_reference_number"))
+            row.with_value(text: @school.urn)
+      end;end %>
 
-    <p class="govuk-body">
-      Your application is ready - so long as this page rendered without any errors you're good to go.
-    </p>
-
-    <%= govuk_summary_list(
-      rows: [
-        { key: { text: "Service" }, value: { text: "Claims" } },
-        { key: { text: "Rails version" }, value: { text: Rails.version } },
-        { key: { text: "Ruby version" }, value: { text: RUBY_VERSION } },
-        {
-          key: {
-            text: "GOV.UK Frontend",
-          },
-          value: {
-            text: JSON
-              .parse(File.read(Rails.root.join("package.json")))
-              .dig("dependencies", "govuk-frontend")
-              .tr("^", ""),
-          },
-        },
-      ],
-    ) %>
-  </div>
-</div>
+        <h2 class="govuk-heading-m govuk-!-margin-top-9">Contact details</h2>
+        <%= govuk_summary_list do |summary_list|
+          summary_list.with_row do |row|
+          row.with_key(text: t("email_address"))
+          row.with_value do %>
+            <a href="[email protected]">[email protected]</a>
+          <% end;row.with_action(text: t('change'), visually_hidden_text:  t("email_address"), href: '/contact-details')
+          end;summary_list.with_row do |row|
+            row.with_key(text: 'Telephone number')
+            row.with_value(text: @school.telephone)
+            row.with_action(text: t('change'), visually_hidden_text:  t("email_address"), href: '/contact-details')
+          end;summary_list.with_row do |row|
+              row.with_key(text: 'Website')
+              row.with_value do %>
+                <a href="<%= @school.website %>"><%= @school.website %></a>
+              <% end;row.with_action(text: t('change'), visually_hidden_text:  t('email_address'), href: '/contact-details')
+            end;summary_list.with_row do |row|
+              row.with_key(text: t('address'))
+              row.with_value do %>
+                <p class="govuk-body">
+                  <%= @school.address1 %><br>
+                  <%= @school.address2 %><br>
+                  <%= @school.address3 %><br>
+              </p>
+              <% end;row.with_action(text:  t('change'), visually_hidden_text:  t('email_address'), href: '/contact-details')
+            end;end %>
+      </div>
+    </div>

app/views/layouts/application.html.erb

@@ -25,7 +25,9 @@
 
     <%= govuk_skip_link %>
 
-    <%= govuk_header(homepage_url: "https://www.gov.uk", service_name: t(".#{current_service}.header.service_name"), service_url: "/") %>
+    <%= govuk_header(homepage_url: "https://www.gov.uk") do |header| %>
+      <%= header.with_product_name(name: t(".#{current_service}.header.service_name")) %>
+    <% end %>
 
     <div class="app-phase-banner app-phase-banner__env--<%= HostingEnvironment.name(current_service) %>">
       <div class="govuk-width-container">

config/locales/en.yml

@@ -55,3 +55,16 @@ en:
     placements:
       heading: Placements news and updates
     contents: Contents
+  navigation_bar:
+    organisation_details: Organisation details
+    users: Users
+    claims: Claims
+  organisation_details: organisation details
+  organisation_name: Organisation name
+  uk_provider_reference_number: UK provider reference number (UKPRN)
+  unique_reference_number: Unique reference number (URN)
+  email_address: email address
+  change: Change
+  address: address
+
+

spec/factories/gias_schools.rb

@@ -24,5 +24,11 @@
   factory :gias_school do
     sequence(:urn) { _1 }
     name { "Hogwarts" }
+    sequence(:ukprn) {|n| "fake_uprn_#{n}" }
+    telephone { "0123456789" }
+    website { "www.hogwarts.com" }
+    address1 { "Hogwarts Castle" }
+    address2 { "Scotland" }
+    address3 { "United Kingdom" }
   end
 end

spec/features/personas/sign_in_as_a_claims_user_persona_spec.rb

@@ -9,6 +9,7 @@
 
   scenario "I sign in as persona Anne" do
     given_there_is_an_existing_claims_persona_for("Anne")
+    and_given_i_have_a_school
     when_i_visit_the_claims_personas_page
     then_i_see_the_claims_persona_for("Anne")
     when_i_click_sign_in_as("Anne")
@@ -18,6 +19,7 @@
 
   scenario "I sign in as persona Patricia" do
     given_there_is_an_existing_claims_persona_for("Patricia")
+    and_given_i_have_a_school
     when_i_visit_the_claims_personas_page
     then_i_see_the_claims_persona_for("Patricia")
     when_i_click_sign_in_as("Patricia")
@@ -27,6 +29,7 @@
 
   scenario "I sign in as persona Mary" do
     given_there_is_an_existing_claims_persona_for("Mary")
+    and_given_i_have_a_school
     when_i_visit_the_claims_personas_page
     then_i_see_the_claims_persona_for("Mary")
     when_i_click_sign_in_as("Mary")
@@ -36,6 +39,7 @@
 
   scenario "I sign in as persona colin" do
     given_there_is_an_existing_claims_persona_for("Colin")
+    and_given_i_have_a_school
     when_i_visit_the_claims_personas_page
     then_i_see_the_claims_persona_for("Colin")
     when_i_click_sign_in_as("Colin")
@@ -50,6 +54,10 @@ def given_there_is_an_existing_claims_persona_for(persona_name)
   create(:persona, persona_name.downcase.to_sym, service: "claims")
 end
 
+def and_given_i_have_a_school
+  create(:gias_school)
+end
+
 def when_i_visit_the_claims_personas_page
   visit personas_path
 end

spec/system/claims/pages/home_spec.rb

@@ -0,0 +1,46 @@
+require "rails_helper"
+
+RSpec.feature "Home Page" do
+  after { Capybara.app_host = nil }
+
+  scenario "User visits the claims homepage" do
+    given_there_is_an_existing_persona_for("Mary")
+    given_i_am_on_the_claims_site
+
+    when_i_visit_home_page
+    i_can_see_organisation_details
+    i_can_see_contact_details
+
+  end
+
+  private
+
+  def given_i_am_on_the_claims_site
+    Capybara.app_host = "http://#{ENV["CLAIMS_HOST"]}"
+  end
+
+  def when_i_visit_home_page
+    visit "/"
+  end
+
+  def given_there_is_an_existing_persona_for(persona_name)
+    user = create(:persona, persona_name.downcase.to_sym,service:"claims")
+    create(:gias_school)
+    DfESignInUser.load_from_session({"dfe_sign_in_user"=>{"email"=>user.email},"service" =>:claims})
+  end
+
+  def i_can_see_organisation_details
+    expect(page).to have_css(".govuk-summary-list__value", text: "Hogwarts")
+    expect(page).to have_css(".govuk-summary-list__value", text: "fake_uprn")
+    expect(page).to have_css(".govuk-summary-list__value", text: 1)
+  end
+
+  def i_can_see_contact_details
+    expect(page).to have_css(".govuk-summary-list__value", text: "[email protected]")
+    expect(page).to have_css(".govuk-summary-list__value", text: "0123456789")
+    expect(page).to have_css(".govuk-summary-list__value", text: "www.hogwarts.com")
+    expect(page).to have_css(".govuk-summary-list__value", text: "Hogwarts Castle")
+    expect(page).to have_css(".govuk-summary-list__value", text: "Scotland")
+    expect(page).to have_css(".govuk-summary-list__value", text: "United Kingdom")
+  end
+end

spec/system/home_page_spec.rb

@@ -5,6 +5,7 @@
 
   scenario "User visits the claims homepage" do
     given_i_am_on_the_claims_site
+    and_given_i_have_a_school
     and_i_am_on_the_start_page
     i_can_see_the_claims_service_name_in_the_header
     and_i_can_see_the_claims_service_value_in_the_page
@@ -27,6 +28,10 @@ def given_i_am_on_the_placements_site
     Capybara.app_host = "http://#{ENV["PLACEMENTS_HOST"]}"
   end
 
+  def and_given_i_have_a_school
+    create(:gias_school)
+  end
+
   def and_i_am_on_the_start_page
     visit "/"
   end
@@ -44,7 +49,7 @@ def i_can_see_the_placements_service_name_in_the_header
   end
 
   def and_i_can_see_the_claims_service_value_in_the_page
-    expect(page).to have_css(".govuk-summary-list__value", text: "Claims")
+    expect(page).to have_css(".app-primary-navigation__link", text: "Claims")
   end
 
   def and_i_can_see_the_placements_service_value_in_the_page