Add specific styles for status

alphagov · May 31, 2024 · 0967537 · 0967537
1 parent 7b675e0
commit 0967537
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 2 deletions.
diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss
@@ -42,6 +42,50 @@
   }
 
   .govuk-table__row {
+    .govuk-table__cell {
+      .status {
+        display: inline-block;
+        padding: govuk-spacing(1) govuk-spacing(2);
+
+        &--amends-needed {
+          background-color: #f4cdc6;
+        }
+
+        &--archived {
+          background-color: #e5e6e7;
+        }
+
+        &--draft {
+          background-color: #fef7bf;
+        }
+
+        &--out-for-fact-check {
+          background-color: #efdfed;
+        }
+
+        &--fact-check-received {
+          background-color: #fcd6c3;
+        }
+
+        &--ready,
+        &--scheduled-for-publishing {
+          background-color: #d4ecea;
+        }
+
+        &--published {
+          background-color: #cce2d8;
+        }
+
+        &--awaiting-2i {
+          background-color: #bbd4ea;
+        }
+
+        &--in-2i {
+          background-color: #e5e6e7;
+        }
+      }
+    }
+
     &:nth-of-type(2) {
       background: govuk-colour("light-grey");
 

diff --git a/app/views/components/_table.html.erb b/app/views/components/_table.html.erb
@@ -55,7 +55,7 @@
       <%= t.row do %>
         <%= t.cell sanitize("<p class='title govuk-body'><a href='#{row[:href]}' class='govuk-!-font-weight-bold'>#{row[:title]}</a><span class='updated govuk-!-font-size-16'>Last updated: #{row[:updated]}</span></p>") %>
         <%= t.cell row[:assigned] %>
-        <%= t.cell row[:status] %>
+        <%= t.cell sanitize("<span class='status status--#{row[:status].downcase.parameterize(separator: '-')}'>#{row[:status]}</span>") %>
         <%= t.cell "" %>
       <% end %>
       <%= t.row do %>

diff --git a/app/views/components/docs/table.yml b/app/views/components/docs/table.yml
@@ -25,7 +25,18 @@ examples:
         href: https://draft-origin.integration.publishing.service.gov.uk/software-company-changes
         updated: 21 May 2024
         assigned: Jane Regan
-        status: In review
+        status: Awaiting 2i
+        edition: 1
+        format: Answer
+        note: Please leave for Hannah M, Gav and Sarah. Once 2i’d, send for FC to [email protected], [email protected], [email protected]
+        awaiting_review: 3 days
+        reviewer: Sarah Nicholson
+      -
+        title: Find software for filing company changes and registrations
+        href: https://draft-origin.integration.publishing.service.gov.uk/software-company-changes
+        updated: 21 May 2024
+        assigned: Jane Regan
+        status: In 2i
         edition: 1
         format: Answer
         note: Please leave for Hannah M, Gav and Sarah. Once 2i’d, send for FC to [email protected], [email protected], [email protected]