feat: creation of Print this Page component

DFE-Digital · Nov 8, 2024 · cfcdb87 · cfcdb87
1 parent e53c4e7
commit cfcdb87
Show file tree

Hide file tree

Showing 12 changed files with 96 additions and 4 deletions.
diff --git a/Childrens-Social-Care-CPD/Contentful/Models/Content.cs b/Childrens-Social-Care-CPD/Contentful/Models/Content.cs
@@ -8,6 +8,13 @@ public static class ContentTypes
     public const string Resource = "Resource";
 }
 
+public static class PrintThisPageLocations
+{
+    public const string BeforeFeedback = "Before Feedback";
+    public const string BeforeCreditBlock = "Before Credit Block";
+    public const string BottomOfPage = "Bottom of Page";
+}
+
 public class Content : IContent
 {
     public string Id { get; set; }
@@ -24,6 +31,7 @@ public class Content : IContent
     public int? EstimatedReadingTime { get; set; }
     public List<Content> ParentPages { get; set; }
     public string BreadcrumbText { get; set; }
+    public string PrintThisPageLocation { get; set; }
 
     [JsonProperty("$metadata")]
     public ContentfulMetadata Metadata { get; set; }

diff --git a/Childrens-Social-Care-CPD/Views/Shared/_Content.cshtml b/Childrens-Social-Care-CPD/Views/Shared/_Content.cshtml
@@ -19,9 +19,24 @@
                 continue;
             }
 
+            switch (item)
+            {
+                case Feedback feedback: if (Model.PrintThisPageLocation == PrintThisPageLocations.BeforeFeedback) {
+                    <partial name="_PrintThisPage" />
+                }; break;
+
+                case CreditBlock creditBlock: if (Model.PrintThisPageLocation == PrintThisPageLocations.BeforeCreditBlock) {
+                    <partial name="_PrintThisPage" />
+                }; break;
+            }
+
             await Html.RenderContentfulPartialAsync(item);
         }
     }
 
     model.ContentStack.Pop();
+
+    if (Model.PrintThisPageLocation == PrintThisPageLocations.BottomOfPage) {
+        <partial name="_PrintThisPage" />
+    }
 }
diff --git a/Childrens-Social-Care-CPD/Views/Shared/_PrintThisPage.cshtml b/Childrens-Social-Care-CPD/Views/Shared/_PrintThisPage.cshtml
@@ -0,0 +1,5 @@
+<div class="govuk-grid-row">
+    <button class="govuk-link print-link-button" data-module="print-link" onclick="window.print()">
+        Print this page
+    </button>
+</div>
diff --git a/Childrens-Social-Care-CPD/styles/scss/overrides/_site.scss b/Childrens-Social-Care-CPD/styles/scss/overrides/_site.scss
@@ -379,4 +379,19 @@
 /* feedback component tweaks */
 div#page-feedback a {
     cursor: pointer;
+}
+
+/* print this page button */
+.print-link-button {
+    background: url(/assets/images/icon-print.png) no-repeat 10px 50%;
+    background-size: 16px 18px;
+    padding: 10px 10px 10px 36px;
+    border: 1px solid #b1b4b6;
+    color: #1d70b8;
+    cursor: pointer;
+    margin: 0;
+    margin-bottom: 40px;
+    font-weight: 400;
+    font-size: 19px;
+    line-height: 1.1429;
 }
diff --git a/Childrens-Social-Care-CPD/wwwroot/assets/images/icon-print.png b/Childrens-Social-Care-CPD/wwwroot/assets/images/icon-print.png
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.css b/Childrens-Social-Care-CPD/wwwroot/css/application.css
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.css.map b/Childrens-Social-Care-CPD/wwwroot/css/application.css.map
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.min.css b/Childrens-Social-Care-CPD/wwwroot/css/application.min.css
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.min.css.map b/Childrens-Social-Care-CPD/wwwroot/css/application.min.css.map
diff --git a/Contentful-Schema/migrations/0013-print-page-component.cjs b/Contentful-Schema/migrations/0013-print-page-component.cjs
@@ -0,0 +1,33 @@
+module.exports = async function (migration, { makeRequest }) {
+
+  const contentTypeId = "content";
+
+  migration
+    .editContentType(contentTypeId)
+    .createField("printThisPageLocation")
+    .name("Print this Page Location")
+    .type("Symbol")
+    .localized(false)
+    .required(false)
+    .validations([
+      {
+        in: [
+          "Before Feedback",
+          "Before Credit Block",
+          "Bottom of Page",
+          "None",
+        ],
+      },
+    ])
+    .defaultValue({
+      "en-US": "None",
+    })
+    .disabled(false)
+    .omitted(false);
+
+    migration
+      .editContentType(contentTypeId)
+      .changeFieldControl("printThisPageLocation", "builtin", "radio", {
+      helpText: "Where should a Print this Page component be located?",
+    });
+  };
diff --git a/Contentful-Schema/migrations/manifest.txt b/Contentful-Schema/migrations/manifest.txt
@@ -9,4 +9,5 @@
 0009-asset-download-component.cjs
 0010-breadcrumbs.cjs
 0011-create-agency-standards-page-category.cjs
-0012-credit-block-component.cjs
+0012-credit-block-component.cjs
+0013-print-page-component.cjs
diff --git a/Contentful-Schema/migrations/migrations.tar.gz b/Contentful-Schema/migrations/migrations.tar.gz