feat: Added support for playing videos on resource page.

Added support for Video file resource
DFE-Digital · Sep 29, 2023 · 7b5e56c · 7b5e56c
2 parents 9170780 + 33cd535
commit 7b5e56c
Show file tree

Hide file tree

Showing 11 changed files with 42 additions and 3 deletions.
diff --git a/Childrens-Social-Care-CPD-Tests/Contentful/EntityResolverTests.cs b/Childrens-Social-Care-CPD-Tests/Contentful/EntityResolverTests.cs
@@ -29,6 +29,7 @@ public class EntityResolverTests
     [TestCase("roleList", typeof(RoleList))]
     [TestCase("sideMenu", typeof(SideMenu))]
     [TestCase("textBlock", typeof(TextBlock))]
+    [TestCase("videoResource", typeof(VideoResource))]
     public void Resolves_Correctly(string contentTypeId, Type expectedType)
     { 
         var resolver = new EntityResolver();

diff --git a/Childrens-Social-Care-CPD-Tests/Contentful/PartialsFactoryTests.cs b/Childrens-Social-Care-CPD-Tests/Contentful/PartialsFactoryTests.cs
@@ -28,6 +28,7 @@ public partial class PartialsFactoryTests
         new object[] { new RoleList(), "_RoleList" },
         new object[] { new SideMenu(), "_SideMenu" },
         new object[] { new TextBlock(), "_TextBlock" },
+        new object[] { new VideoResource(), "_VideoResource" },
     };
 
     [TestCaseSource(nameof(Successful_Resolves))]

diff --git a/Childrens-Social-Care-CPD/Contentful/EntityResolver.cs b/Childrens-Social-Care-CPD/Contentful/EntityResolver.cs
@@ -32,6 +32,7 @@ public Type Resolve(string contentTypeId)
             "roleList" => typeof(RoleList),
             "sideMenu" => typeof(SideMenu),
             "textBlock" => typeof(TextBlock),
+            "videoResource" => typeof(VideoResource),
             _ => null
         };
     }

diff --git a/Childrens-Social-Care-CPD/Contentful/Models/VideoResource.cs b/Childrens-Social-Care-CPD/Contentful/Models/VideoResource.cs
@@ -0,0 +1,10 @@
+using Contentful.Core.Models;
+
+namespace Childrens_Social_Care_CPD.Contentful.Models;
+
+public class VideoResource : IContent
+{
+    public string Id { get; set; }
+    public Asset Video { get; set; }
+    public Document Transcript {  get; set; }
+}
diff --git a/Childrens-Social-Care-CPD/Contentful/PartialsFactory.cs b/Childrens-Social-Care-CPD/Contentful/PartialsFactory.cs
@@ -31,6 +31,7 @@ public static string GetPartialFor(IContent item)
             RoleList => "_RoleList",
             SideMenu => "_SideMenu",
             TextBlock => "_TextBlock",
+            VideoResource => "_VideoResource",
             _ => "_UnknownContentWarning",
         };
     }

diff --git a/Childrens-Social-Care-CPD/Views/Shared/_VideoResource.cshtml b/Childrens-Social-Care-CPD/Views/Shared/_VideoResource.cshtml
@@ -0,0 +1,17 @@
+@using Childrens_Social_Care_CPD.Contentful.Models;
+
+@model VideoResource
+
+<div class="govuk-grid-row">
+    <div class="govuk-grid-column-three-quarters">
+        <iframe id="player" title="video" type="text/html" class="iframe-border-width" width="640" height="390" allowfullscreen src="@Model.Video.File.Url"></iframe>
+        <details class="govuk-details govuk-!-margin-top-3" data-module="govuk-details">
+            <summary class="govuk-details__summary"> <span class="govuk-details__summary-text">View transcript  </span></summary>
+            <div class="govuk-details__text">
+                @{
+                    await Html.RenderPartialAsync("_RichText", Model.Transcript);
+                }
+            </div>
+        </details>
+    </div>
+</div>
diff --git a/Childrens-Social-Care-CPD/styles/scss/overrides/_site.scss b/Childrens-Social-Care-CPD/styles/scss/overrides/_site.scss
@@ -13,4 +13,8 @@
 
 .image-card h2 {
     @extend .govuk-heading-m
+}
+
+.iframe-border-width {
+    border-width: 0px;
 }
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