govuk_publishing_components 35.6.0 → 35.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 61fa79cdba028670638393c805fd3cb9ebff6ea2d03f4b4fdff7e973e1b86aae
-  data.tar.gz: 2c82ee33f9cfaf8e920777530ad7da376b113fca3b02f741eb993712fac4a4aa
+  metadata.gz: 19aaa8a186568f17fc86baced60aab3d35f790e35f819702736f6dc861f64bcb
+  data.tar.gz: 947c684323444fb20d04063a801f71868193ca46ee7dfba877a26b05c235ae5f
 SHA512:
-  metadata.gz: 0d766ce3ff5f8236b098a2ce61b6c0ccdd4039393168bf25c0128919563f8113792da9adcef6e0edbec2af19382f4db18f405edb402fa2598c2df49ff4288335
-  data.tar.gz: 6c13cdf892754b1b55834d950e3dad1aeceb138cdb76e509b785d381721e78747db2c51070859829d9d8e348a0f2fa4fe7beb4498f55a761a397d0659206a94a
+  metadata.gz: 4c151b005305fa534de28d3769131a41334c3a39b64e89a8f737f6e59747ba03d28d24e62fcdf122fb9b290c5a3d3596842aa973100a208144c83280dcf12fb1
+  data.tar.gz: 1ef830fa00101728968b9bc2e0d865f923cf00cbd265b33d5e8958f18539938146a1b802e6e6d42a0ee269fc2be3664ba89734d67dbcabef04187a46caa22df8

data/app/assets/javascripts/component_guide/audit-filter.js

@@ -5,6 +5,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
   function AuditFilter ($module) {
     this.module = $module
     this.data = this.module.querySelector('[data-audit-list]')
+    this.headings = this.module.querySelector('[data-audit-headings]')
   }
 
   AuditFilter.prototype.init = function () {
@@ -14,6 +15,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 
       this.filterComponentsFunction = this.filterComponents.bind(this)
       this.select.addEventListener('change', this.filterComponentsFunction)
+      this.setHeadingCount()
     }
   }
 
@@ -75,6 +77,49 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
         }
       }
     }
+    this.setHeadingCount()
+  }
+
+  AuditFilter.prototype.setHeadingCount = function () {
+    if (this.headings) {
+      var visibleRows = this.data.querySelectorAll('[data-application]:not([hidden])')
+
+      if (!this.headingLabels) {
+        this.headingLabels = this.getHeadingLabels()
+      }
+      // need an array of zeroes same length as headingLabels to store the counts
+      var headingCounts = new Array(this.headingLabels.length)
+      for (var i = 0; i < this.headingLabels.length; ++i) {
+        headingCounts[i] = 0
+      }
+
+      for (var j = 0; j < visibleRows.length; j++) {
+        for (var k = 0; k < this.headingLabels.length; k++) {
+          var cell = visibleRows[j].querySelector('[data-component-type=' + this.headingLabels[k] + ']')
+          if (cell.textContent.trim().length) {
+            headingCounts[k] += 1
+          }
+        }
+      }
+
+      var reg = /\([0-9]+\)/i
+      for (var l = 0; l < this.headingLabels.length; l++) {
+        var headingItem = this.headings.querySelector('[data-component-type=' + this.headingLabels[l] + ']')
+        headingItem.textContent = headingItem.textContent.replace(reg, '') + ' (' + headingCounts[l] + ')'
+      }
+    }
+  }
+
+  AuditFilter.prototype.getHeadingLabels = function () {
+    var headings = this.headings.querySelectorAll('[data-component-type]')
+    var labels = []
+    for (var i = 0; i < headings.length; i++) {
+      var label = headings[i].getAttribute('data-component-type')
+      if (labels.indexOf(label) === -1) {
+        labels.push(label)
+      }
+    }
+    return labels
   }
 
   Modules.AuditFilter = AuditFilter

data/app/assets/stylesheets/component_guide/application.scss

@@ -6,31 +6,6 @@ $govuk-new-link-styles: true;
 @import "govuk_publishing_components/govuk_frontend_support";
 @import "govuk_publishing_components/component_support";
 
-// Import the same stylesheets used in static
-// https://github.com/alphagov/static/blob/198a598682df40ce4a2c3c286c06244297c18cf0/app/assets/stylesheets/application.scss
-// Although the component guide does not use static, we still need to import the same stylesheets used in static
-// to avoid any rendering issues
-// By following the same approach as frontend rendering applications,
-// we ensure that stylesheets are loaded in the expected order and components render correctly
-@import "govuk_publishing_components/components/breadcrumbs";
-@import "govuk_publishing_components/components/button";
-@import "govuk_publishing_components/components/error-message";
-@import "govuk_publishing_components/components/heading";
-@import "govuk_publishing_components/components/hint";
-@import "govuk_publishing_components/components/input";
-@import "govuk_publishing_components/components/label";
-@import "govuk_publishing_components/components/search";
-@import "govuk_publishing_components/components/skip-link";
-@import "govuk_publishing_components/components/textarea";
-@import "govuk_publishing_components/components/title";
-
-@import "govuk_publishing_components/components/cookie-banner";
-@import "govuk_publishing_components/components/feedback";
-@import "govuk_publishing_components/components/layout-footer";
-@import "govuk_publishing_components/components/layout-for-public";
-@import "govuk_publishing_components/components/layout-header";
-@import "govuk_publishing_components/components/layout-super-navigation-header";
-
 // Include required helpers
 @import "../../stylesheets/govuk_publishing_components/components/helpers/markdown-typography";
 

data/app/views/govuk_publishing_components/audit/_component_contents.html.erb

@@ -1,7 +1,7 @@
-<table class="govuk-table" <% if show_application_name %>data-audit-list<% end %>>
+<table class="govuk-table">
   <thead class="govuk-table__head">
-    <tr class="govuk-table__row">
-      <th scope="col" class="govuk-table__header sticky-table-header">Component</th>
+    <tr class="govuk-table__row" <% if show_application_name %>data-audit-headings<% end %>>
+      <th scope="col" class="govuk-table__header sticky-table-header" data-component-type="total">Component</th>
       <th scope="col" class="govuk-table__header sticky-table-header" data-component-type="template">
         Template
         <% unless show_application_name %>
@@ -46,10 +46,10 @@
       </th>
     </tr>
   </thead>
-  <tbody class="govuk-table__body">
+  <tbody class="govuk-table__body" <% if show_application_name %>data-audit-list<% end %>>
     <% passed_components[:component_file_details].each do |component| %>
       <tr class="govuk-table__row" data-application="<%= component[:application] %>">
-        <th scope="row" class="govuk-table__header">
+        <th scope="row" class="govuk-table__header" data-component-type="total">
           <% if component[:link] %>
             <a href="<%= component[:link] %>" class="govuk-link">
               <%= component[:name] %>
@@ -63,69 +63,57 @@
             </span>
           <% end %>
         </th>
-        <td class="govuk-table__cell">
+        <td class="govuk-table__cell" data-component-type="template">
           <% if component[:template_exists] %>
-            <strong class="govuk-tag govuk-tag--green">
-              <a href="<%= component[:template_link] %>" class="govuk-link">
-                <%= component[:template_lines] %>
-                <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> template</span>
-              </a>
-            </strong>
+            <a href="<%= component[:template_link] %>" class="govuk-link">
+              <%= component[:template_lines] %>
+              <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> template</span>
+            </a>
           <% end %>
         </td>
-        <td class="govuk-table__cell">
+        <td class="govuk-table__cell" data-component-type="stylesheet">
           <% if component[:stylesheet_exists] %>
-            <strong class="govuk-tag govuk-tag--green">
-              <a href="<%= component[:stylesheet_link] %>" class="govuk-link">
-                <%= component[:stylesheet_lines] %>
-                <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> stylesheet</span>
-              </a>
-            </strong>
+            <a href="<%= component[:stylesheet_link] %>" class="govuk-link">
+              <%= component[:stylesheet_lines] %>
+              <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> stylesheet</span>
+            </a>
           <% end %>
         </td>
-        <td class="govuk-table__cell">
+        <td class="govuk-table__cell" data-component-type="print_stylesheet">
           <% if component[:print_stylesheet_exists] %>
-            <strong class="govuk-tag govuk-tag--green">Yes</strong>
+            Yes
           <% end %>
         </td>
-        <td class="govuk-table__cell">
+        <td class="govuk-table__cell" data-component-type="javascript">
           <% if component[:javascript_exists] %>
-            <strong class="govuk-tag govuk-tag--green">
-              <a href="<%= component[:javascript_link] %>" class="govuk-link">
-                <%= component[:javascript_lines] %>
-                <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> javascript</span>
-              </a>
-            </strong>
+            <a href="<%= component[:javascript_link] %>" class="govuk-link">
+              <%= component[:javascript_lines] %>
+              <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> javascript</span>
+            </a>
           <% end %>
         </td>
-        <td class="govuk-table__cell">
+        <td class="govuk-table__cell" data-component-type="test">
           <% if component[:test_exists] %>
-            <strong class="govuk-tag govuk-tag--green">
-              <a href="<%= component[:test_link] %>" class="govuk-link">
-                <%= component[:test_lines] %>
-                <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> test</span>
-              </a>
-            </strong>
+            <a href="<%= component[:test_link] %>" class="govuk-link">
+              <%= component[:test_lines] %>
+              <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> test</span>
+            </a>
           <% end %>
         </td>
-        <td class="govuk-table__cell">
+        <td class="govuk-table__cell" data-component-type="javascript_test">
           <% if component[:javascript_test_exists] %>
-            <strong class="govuk-tag govuk-tag--green">
-              <a href="<%= component[:javascript_test_link] %>" class="govuk-link">
-                <%= component[:javascript_test_lines] %>
-                <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> javascript test</span>
-              </a>
-            </strong>
+            <a href="<%= component[:javascript_test_link] %>" class="govuk-link">
+              <%= component[:javascript_test_lines] %>
+              <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> javascript test</span>
+            </a>
           <% end %>
         </td>
-        <td class="govuk-table__cell">
+        <td class="govuk-table__cell" data-component-type="helper">
           <% if component[:helper_exists] %>
-            <strong class="govuk-tag govuk-tag--green">
-              <a href="<%= component[:helper_link] %>" class="govuk-link">
-                <%= component[:helper_lines] %>
-                <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> helper</span>
-              </a>
-            </strong>
+            <a href="<%= component[:helper_link] %>" class="govuk-link">
+              <%= component[:helper_lines] %>
+              <span class="govuk-visually-hidden">lines of code in <%= component[:name] %> helper</span>
+            </a>
           <% end %>
         </td>
       </tr>

data/app/views/govuk_publishing_components/components/_attachment.html.erb

@@ -9,30 +9,44 @@
   data_attributes ||= {}
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 
-  if attachment.content_type_name
-    content = if attachment.content_type_abbr
-                raw tag.abbr(attachment.content_type.abbr,
-                             title: attachment.content_type_name,
-                             class: "gem-c-attachment__abbr")
-              else
-                attachment.content_type_name
-              end
-    attributes << tag.span(content, class: "gem-c-attachment__attribute")
-  end
+  case attachment.type
+  when "file"
+    if attachment.content_type_name
+      content = if attachment.content_type_abbr
+                  raw tag.abbr(attachment.content_type.abbr,
+                              title: attachment.content_type_name,
+                              class: "gem-c-attachment__abbr")
+                else
+                  attachment.content_type_name
+                end
+      attributes << tag.span(content, class: "gem-c-attachment__attribute")
+    end
+
+    if attachment.file_size
+      attributes << tag.span(
+        number_to_human_size(attachment.file_size),
+        class: "gem-c-attachment__attribute",
+      )
+    end
 
-  if attachment.file_size
+    if attachment.number_of_pages
+      attributes << tag.span(
+        t("components.attachment.page", count: attachment.number_of_pages),
+        class: "gem-c-attachment__attribute",
+      )
+    end
+  when "html"
     attributes << tag.span(
-      number_to_human_size(attachment.file_size),
+      "HTML",
       class: "gem-c-attachment__attribute",
     )
-  end
-
-  if attachment.number_of_pages
+  when "external"
     attributes << tag.span(
-      t("components.attachment.page", count: attachment.number_of_pages),
+      attachment.url,
       class: "gem-c-attachment__attribute",
     )
   end
+  
 %>
 <%= tag.section class: "gem-c-attachment govuk-!-display-none-print" do %>
   <%= tag.div class: "gem-c-attachment__thumbnail" do %>
@@ -42,8 +56,10 @@
                 tabindex: "-1",
                 "aria-hidden": true,
                 data: data_attributes do %>
-      <% if attachment.thumbnail_url %>
-        <% image_tag(attachment.thumbnail_url, alt: "") %>
+      <% if attachment.thumbnail_url.present? %>
+        <% image_tag(attachment.thumbnail_url, alt: "", class: "gem-c-attachment__thumbnail-image gem-c-attachment__thumbnail-image--custom") %>
+      <% elsif attachment.html? %>
+        <%= render "govuk_publishing_components/components/attachment/thumbnail_html" %>
       <% elsif attachment.document? %>
         <%= render "govuk_publishing_components/components/attachment/thumbnail_document" %>
       <% elsif attachment.spreadsheet? %>
@@ -74,6 +90,10 @@
       <%= tag.p raw(attributes.join(', ')), class: "gem-c-attachment__metadata" %>
     <% end %>
 
+    <% if attachment.preview_url.present? %>
+      <%= tag.p link_to(t("components.attachment.preview_link"), attachment.preview_url, class: "govuk-link"), class: "gem-c-attachment__metadata" %>
+    <% end %>
+
     <% if attachment.is_official_document && !hide_order_copy_link %>
       <%= tag.p link_to(t("components.attachment.order_a_copy"), "https://www.gov.uk/guidance/how-to-buy-printed-copies-of-official-documents", class: "govuk-link govuk-link--no-visited-state", target: "_blank"),
         class: "gem-c-attachment__metadata" %>

data/app/views/govuk_publishing_components/components/_character_count.html.erb

@@ -1,6 +1,4 @@
 <%
-  add_gem_component_stylesheet("character-count")
-
   id ||= "character-count-#{SecureRandom.hex(4)}"
   maxlength ||= nil
   maxwords ||= nil
@@ -24,3 +22,7 @@
     </div>
   <% end %>
 <% end %>
+<%
+  add_gem_component_stylesheet("error-message")
+  add_gem_component_stylesheet("character-count")
+%>

data/app/views/govuk_publishing_components/components/_feedback.html.erb

@@ -1,4 +1,5 @@
 <%
+  add_gem_component_stylesheet("button")
   add_gem_component_stylesheet("feedback")
 
   def utf_encode(element)

data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb

@@ -1,4 +1,5 @@
 <%
+  add_gem_component_stylesheet("layout-header")
   add_gem_component_stylesheet("layout-super-navigation-header")
 
   logo_link ||= "https://www.gov.uk/"

data/app/views/govuk_publishing_components/components/_radio.html.erb

@@ -1,4 +1,5 @@
 <%
+  add_gem_component_stylesheet("label")
   add_gem_component_stylesheet("radio")
 
   local_assigns[:margin_bottom] ||= 6

data/app/views/govuk_publishing_components/components/_search.html.erb

@@ -49,6 +49,7 @@
 
 <div class="<%= classes.join(" ") %>" data-module="gem-toggle-input-class-on-focus">
   <% if wrap_label_in_a_heading %>
+    <% add_gem_component_stylesheet("label") %>
     <%= content_tag(shared_helper.get_heading_level, class: "govuk-!-margin-0") do %>
       <%= tag_label %>
     <% end %>

data/app/views/govuk_publishing_components/components/_select.html.erb

@@ -17,6 +17,7 @@
 <% if select_helper.options.any? && id && label %>
   <%= content_tag :div, class: select_helper.css_classes do %>
     <% if is_page_heading %>
+      <% add_gem_component_stylesheet("title") %>
       <%= tag.h1 label_tag(id, label, class: select_helper.label_classes), class: "gem-c-title__text" %>
     <% else %>
       <%= label_tag(id, label, class: select_helper.label_classes) %>

data/app/views/govuk_publishing_components/components/attachment/_thumbnail_document.html.erb

@@ -1,3 +1,3 @@
-<svg class="gem-c-attachment__thumbnail-image" version="1.1" viewBox="0 0 99 140" width="99" height="140" aria-hidden="true">
+<svg class="gem-c-attachment__thumbnail-image gem-c-attachment__thumbnail-image--document" version="1.1" viewBox="0 0 99 140" width="99" height="140" aria-hidden="true">
   <path d="M12 12h75v27H12zM12 59h9v9h-9zM12 77h9v9h-9zM12 95h9v9h-9zM12 113h9v9h-9zM30 59h57v9H30zM30 77h39v9H30zM30 95h57v9H30zM30 113h48v9H30z" stroke-width="0"/>
 </svg>

data/app/views/govuk_publishing_components/components/attachment/_thumbnail_generic.html.erb

@@ -1,4 +1,4 @@
-<svg class="gem-c-attachment__thumbnail-image" version="1.1" viewBox="0 0 84 120" width="84" height="120" aria-hidden="true">
+<svg class="gem-c-attachment__thumbnail-image gem-c-attachment__thumbnail-image--generic" version="1.1" viewBox="0 0 84 120" width="84" height="120" aria-hidden="true">
   <path d="M74.85 5v106H5" fill="none" stroke-miterlimit="10" stroke-width="2"/>
   <path d="M79.85 10v106H10" fill="none" stroke-miterlimit="10" stroke-width="2"/>
 </svg>

data/app/views/govuk_publishing_components/components/attachment/_thumbnail_html.html.erb

@@ -0,0 +1,3 @@
+<svg class="gem-c-attachment__thumbnail-image gem-c-attachment__thumbnail-image--html" version="1.1" viewBox="0 0 99 140" width="99" height="140" aria-hidden="true">
+  <path d="M30,95h57v9H30V95z M30,77v9h39v-9H30z M30,122h48v-9H30V122z M12,68h9v-9h-9V68z M12,104h9v-9h-9V104z M12,86h9v-9h-9V86z M12,122h9v-9h-9V122z M87,12v27H12V12H87z M33,17h-4v8h-6v-8h-4v18h4v-7l6,0v7l4,0V17z M49,17H35l0,3h5v15h4V20l5,0V17z M68,17h-4 l-5,6l-5-6h-4v18h4l0-12l5,6l5-6l0,12h4V17z M81,32h-6V17h-4v18h10V32z M30,68h57v-9H30V68z" stroke-width="0"/>
+</svg>

data/app/views/govuk_publishing_components/components/attachment/_thumbnail_spreadsheet.html.erb

@@ -1,4 +1,4 @@
-<svg class="gem-c-attachment__thumbnail-image" version="1.1" viewBox="0 0 99 140" width="99" height="140" aria-hidden="true">
+<svg class="gem-c-attachment__thumbnail-image gem-c-attachment__thumbnail-image--spreadsheet" version="1.1" viewBox="0 0 99 140" width="99" height="140" aria-hidden="true">
   <path d="M12 12h75v27H12zm0 47h18.75v63H12zm55 2v59H51V61h16m2-2H49v63h20V59z" stroke-width="0"/>
   <path d="M49 61.05V120H32.8V61.05H49m2-2H30.75v63H51V59zm34 2V120H69.05V61.05H85m2-2H67v63h20V59z" stroke-width="0"/>
   <path d="M30 68.5h56.5M30 77.34h56.5M30 112.7h56.5M30 95.02h56.5M30 86.18h56.5M30 103.86h56.5" fill="none" stroke-miterlimit="10" stroke-width="2"/>

data/app/views/govuk_publishing_components/components/docs/attachment.yml

@@ -177,3 +177,24 @@ examples:
         content_type: application/pdf
         file_size: 20000
         thumbnail_url: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/791567/thumbnail_the_government_financial_reporting_review_web.pdf.png"
+  with_preview_link:
+    data:
+      attachment:
+        title: "Consular data: February 2018"
+        url: https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/687542/February_2018_Consular_MI.csv
+        filename: February_2018_Consular_MI.csv
+        content_type: text/csv
+        file_size: 51496
+        preview_url: https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/687542/February_2018_Consular_MI.csv/preview
+  html_attachment:
+    data:
+      attachment:
+        title: "Smart meters: unlocking the future"
+        url: https://www.gov.uk/government/publications/smart-meters-unlocking-the-future/smart-meters-unlocking-the-future
+        type: html
+  external_attachment:
+    data:
+      attachment:
+        title: "Architects Registration Board annual report 2021"
+        url: https://arb.org.uk/wp-content/uploads/ARB-Annual-Report-and-Financial-Statement-2021-published.pdf
+        type: external

data/app/views/layouts/govuk_publishing_components/application.html.erb

@@ -1,3 +1,25 @@
+<% content_for :body do %>
+  <% if @preview %>
+    <main id="wrapper" class="govuk-width-container">
+      <%= yield %>
+    </main>
+  <% else %>
+    <%= render "govuk_publishing_components/components/layout_header", {
+      environment: GovukPublishingComponents::AppHelpers::Environment.current_acceptance_environment,
+      product_name: GovukPublishingComponents::Config.component_guide_title,
+      href: component_guide_path
+    } %>
+    <div class="govuk-width-container app-width-container--wide">
+      <% if @guide_breadcrumbs %>
+        <%= render 'govuk_publishing_components/components/breadcrumbs', breadcrumbs: @guide_breadcrumbs  %>
+      <% end %>
+      <main id="wrapper" class="govuk-main-wrapper">
+        <%= yield %>
+      </main>
+    </div>
+    <%= render "govuk_publishing_components/components/layout_footer" %>
+  <% end %>
+<% end %>
 <!DOCTYPE html>
 <html lang="en" class="<%= "govuk-template" unless @preview %>">
   <head>
@@ -27,26 +49,7 @@
     <%= javascript_tag nonce: true do -%>
       document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
     <% end -%>
-    <% if @preview %>
-      <main id="wrapper" class="govuk-width-container">
-        <%= yield %>
-      </main>
-    <% else %>
-      <%= render "govuk_publishing_components/components/layout_header", {
-        environment: GovukPublishingComponents::AppHelpers::Environment.current_acceptance_environment,
-        product_name: GovukPublishingComponents::Config.component_guide_title,
-        href: component_guide_path
-      } %>
-      <div class="govuk-width-container app-width-container--wide">
-        <% if @guide_breadcrumbs %>
-          <%= render 'govuk_publishing_components/components/breadcrumbs', breadcrumbs: @guide_breadcrumbs  %>
-        <% end %>
-        <main id="wrapper" class="govuk-main-wrapper">
-          <%= yield %>
-        </main>
-      </div>
-      <%= render "govuk_publishing_components/components/layout_footer" %>
-    <% end %>
+    <%= yield :body %>
 
     <%= javascript_include_tag "component_guide/application" %>
     <%= javascript_include_tag "#{GovukPublishingComponents::Config.application_javascript}" %>

data/config/locales/ar.yml

@@ -23,6 +23,7 @@ ar:
         other: "%{count} صفحات"
         two:
         zero:
+      preview_link:
       reference: 'مرجع: %{reference}'
       request_format_cta: طلب تنسيق يمكن الاطلاع عليه.
       request_format_details_html: إذا كنت تستخدم تكنولوجيا مساعِدة (مثل قارئ للشاشة) وتحتاج إلى إصدار من هذا المستند بتنسيق يسهل الاطلاع عليه، فيُرجى التواصل عبر البريد الإلكتروني <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. من فضلك أخبرنا بالتنسيق الذي تحتاجه. إذا أخبرتنا بالتكنولوجيا المساعدة التي تستخدمها، فهذا سيساعدنا.

data/config/locales/az.yml

@@ -19,6 +19,7 @@ az:
       page:
         one:
         other: "%{count} səhifə"
+      preview_link:
       reference: 'İst: %{reference}'
       request_format_cta: İstifadə edilə bilən format tələb edin.
       request_format_details_html: Köməkçi texnologiyalardan (ekran oxuyucusu kimi) istifadə edirsinizsə və sizə bu sənədin daha rahat istifadə edilə bilən formatda olan versiyası lazımdırsa, aşağıdakı ünvana e-məktubla müraciət edin <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Sizə hansı formatın lazım olduğunu bizə söyləyin. Hansı köməkçi texnologiyadan istifadə etdiyinizi bildirməyiniz bizə kömək edəcək.

data/config/locales/be.yml

@@ -21,6 +21,7 @@ be:
         many:
         one: 1 старонка
         other: "%{count} старонкi"
+      preview_link:
       reference: 'Спасылка: %{reference}'
       request_format_cta: Запрасіць файл у іншым фармаце.
       request_format_details_html: Калі вы выкарыстоўваеце дапаможных тэхналогіi (такiя як экранны дыктар) i патрэбна версiя гэтага дакумента  ў больш даступным фармаце, напішыце, калі ласка  на электронную пошту <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Калі ласка, паведаміце нам, які фармат вам патрэбен. Нам будзе лягчэй, калі вы паведаміце, якія дапаможныя тэхналогіi вы выкарыстоўваеце.

data/config/locales/bg.yml

@@ -19,6 +19,7 @@ bg:
       page:
         one: 1-ва страница
         other: "%{count} страници"
+      preview_link:
       reference: 'Реф: %{reference}'
       request_format_cta: Поискайте достъпен формат.
       request_format_details_html: Ако използвате помощна технология (например екранен четец) и се нуждаете от версия на този документ в по-достъпен формат, моля, изпратете имейл до <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Моля, посочете ни какъв формат ви е необходим. Ще ни улесните, ако посочите какви помощни технологии използвате.

data/config/locales/bn.yml

@@ -19,6 +19,7 @@ bn:
       page:
         one: 1 পেজ
         other: "%{count} পেজ"
+      preview_link:
       reference: 'সুত্র: %{reference}'
       request_format_cta: একটি প্রবেশযোগ্য ফরম্যাটের অনুরোধ করুন।
       request_format_details_html: আপনি যদি সহায়তামূলক প্রযুক্তি (যেমন স্ক্রিন রিডার) ব্যবহার করেন এবং এই নথির একটি সংস্করণ আরও ভালোভাবে ব্যবহার করার ফরম্যাটে প্রয়োজন হয়, তবে অনুগ্রহ করে <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>-এ ইমেইল করুন। আপনার কোন ফরম্যাট প্রয়োজন অনুগ্রহ করে তা আমাদেরকে জানান। আপনি কোন সহায়তামূলক প্রযুক্তি ব্যবহার করেন তা জানালে আমাদের জন্য সহায়ক হবে।

data/config/locales/cs.yml

@@ -20,6 +20,7 @@ cs:
         few:
         one: Strana 1
         other: "%{count} stránek"
+      preview_link:
       reference: 'Odkaz: %{reference}'
       request_format_cta: Vyžádejte si přístupný formát.
       request_format_details_html: Pokud používáte asistivní technologii (např. čtečku obrazovky) a potřebujete verzi tohoto dokumentu v přístupnějším formátu, napište prosím <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Sdělte nám, jaký formát potřebujete. Pomůže nám, když uvedete, jakou asistenční technologii používáte.

data/config/locales/cy.yml

@@ -23,6 +23,7 @@ cy:
         other: "%{count} o dudalennau"
         two:
         zero:
+      preview_link:
       reference: 'Cyfeirnod: %{reference}'
       request_format_cta: Gwneud cais am fformat hygyrch.
       request_format_details_html: Os ydych chi'n defnyddio technoleg gynorthwyol (er enghraifft, rhaglen darllen sgrin) a bod angen fersiwn o'r ddogfen hon arnoch mewn fformat mwy hygyrch, e-bostiwch <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Rhowch wybod i ni pa fformat sydd ei angen arnoch. Bydd yn ein helpu ni os byddwch chi'n dweud pa dechnoleg gynorthwyol rydych chi'n ei defnyddio.

data/config/locales/da.yml

@@ -19,6 +19,7 @@ da:
       page:
         one: 1 side
         other: "%{count} sider"
+      preview_link:
       reference: 'Henvisning: %{reference}'
       request_format_cta: Anmod om et tilgængeligt format.
       request_format_details_html: Hvis du bruger hjælpemidler (f.eks. en skærmlæser) og har brug for en version af dette dokument i et mere tilgængeligt format, bedes du sende en e-mail til <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Venligst fortæl os, hvilket format du har brug for. Det vil hjælpe os, hvis du fortæller os, hvilken hjælpeteknologi du bruger.

data/config/locales/de.yml

@@ -19,6 +19,7 @@ de:
       page:
         one: 1 Seite
         other: "%{count} Seiten"
+      preview_link:
       reference: 'Ref: %{reference}'
       request_format_cta: Fordern Sie ein zugängliches Format an.
       request_format_details_html: Sollten Sie Hilfsmittel (wie z. B. einen Bildschirmleser) verwenden und eine Version dieses Dokuments in einem leichter zugänglichen Format benötigen, senden Sie bitte eine Email an <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Bitte teilen Sie uns mit, welches Format Sie benötigen. Es erleichtert uns die Arbeit, wenn Sie uns mitteilen, welche Hilfsmittel Sie verwenden.

data/config/locales/dr.yml

@@ -19,6 +19,7 @@ dr:
       page:
         one: صفحهء 1
         other: "%{count} صفحات"
+      preview_link:
       reference: "%{reference}:مرجع"
       request_format_cta: یک فارمت قابل دسترس را درخواست کنید.
       request_format_details_html: |-

data/config/locales/el.yml

@@ -19,6 +19,7 @@ el:
       page:
         one: 1 σελίδα
         other: "%{count} σελίδες"
+      preview_link:
       reference: 'Αναφ.: %{reference}'
       request_format_cta: Ζητήστε μια προσβάσιμη μορφή.
       request_format_details_html: Εάν χρησιμοποιείτε βοηθητική τεχνολογία (όπως ένα πρόγραμμα ανάγνωσης οθόνης) και χρειάζεστε μια έκδοση αυτού του εγγράφου σε πιο προσβάσιμη μορφή, στείλτε email στην διεύθυνση <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Πείτε μας τι μορφή χρειάζεστε. Θα μας βοηθήσει αν πείτε ποια βοηθητική τεχνολογία χρησιμοποιείτε.

data/config/locales/en.yml

@@ -16,6 +16,7 @@ en:
     attachment:
       opendocument_html: This file is in an <a href='https://www.gov.uk/guidance/using-open-document-formats-odf-in-your-organisation' target=%{target} class='govuk-link'>OpenDocument</a> format
       order_a_copy: Order a copy
+      preview_link: View online
       page:
         one: 1 page
         other: "%{count} pages"

data/config/locales/es-419.yml

@@ -19,6 +19,7 @@ es-419:
       page:
         one: 1 página
         other: "%{count} páginas"
+      preview_link:
       reference: 'Referencia: %{reference}'
       request_format_cta: Solicite un formato accesible.
       request_format_details_html: Si utiliza una tecnología de asistencia (como un lector de pantalla) y necesita una versión de este documento en un formato más accesible, envíe un correo electrónico a <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Por favor, indíquenos qué formato necesita. Nos ayudaría que nos dijeras qué tecnología de asistencia utilizas.

data/config/locales/es.yml

@@ -19,6 +19,7 @@ es:
       page:
         one: 1 página
         other: "%{count} páginas"
+      preview_link:
       reference: 'Ref.: %{reference}'
       request_format_cta: Solicitar un formato accesible.
       request_format_details_html: Si utiliza tecnología de asistencia (como un lector de pantalla) y necesita una versión de este documento en un formato más accesible, envíe un correo electrónico a <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Díganos qué formato necesita. Nos ayudará si usted dice qué tecnología de asistencia utiliza.