Merge pull request #3210 from TechnologyEnhancedLearning/Develop/feature/TD-5481-complete-list-of-supervisors-Activity-delegates

TD-5481-Added a Details view component to show supervisor list.

Author: rshrirohit

DigitalLearningSolutions.Web/Styles/trackingSystem/delegates/courseDelegates.scss

@@ -26,3 +26,31 @@
     }
   }
 }
+
+.nhsuk-expander[open] details.nhsuk-details[open] .nhsuk-details__summary-text::before {
+  display: block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-color: transparent;
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  border-width: 12.124px 7px 0 7px;
+  border-top-color: inherit;
+}
+
+.nhsuk-details[open] .nhsuk-details .nhsuk-details__summary-text::before {
+  bottom: 0;
+  content: "";
+  left: 0;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  display: block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-color: transparent;
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  border-width: 7px 0 7px 12.124px;
+  border-left-color: inherit;
+}

DigitalLearningSolutions.Web/Views/TrackingSystem/Delegates/Shared/_DelegateSelfAssessmentDetails.cshtml

@@ -45,14 +45,28 @@
             <dd class="nhsuk-summary-list__value" data-name-for-sorting="complete-by-date">
                 @if (Model.Supervisors.Any())
                 {
-                    @foreach (var supervisor in Model.Supervisors.Take(3))
-                    {
-                        <p>@supervisor.SupervisorName, @supervisor.RoleName (@supervisor.CentreName)</p>
-                    }
-                    @if (Model.Supervisors.Count() > 3)
-                    {
-                        <p>+@(Model.Supervisors.Count() - 3) more</p>
-                    }
+                    <details class="nhsuk-details">
+                        <summary class="nhsuk-details__summary nhsuk-u-padding-0">
+                            @{
+                                var supervisors = string.Join(", ", new[] {
+                                    new { Role = "Educator/Manager", Count = Model.Supervisors.Count(x => x.RoleName == "Educator/Manager") },
+                                    new { Role = "Assessor", Count = Model.Supervisors.Count(x => x.RoleName == "Assessor") },
+                                    new { Role = "Supervisor", Count = Model.Supervisors.Count(x => x.RoleName == "Supervisor") }
+                                    }
+                                .Where(x => x.Count > 0)
+                                .Select(x => $"{x.Count} {x.Role}{(x.Count > 1 ? "s" : "")}"));
+                            }
+                            <span class="nhsuk-details__summary-text nhsuk-u-padding-left-4">@supervisors</span>
+                        </summary>
+                        <div class="nhsuk-details__text nhsuk-u-margin-top-2">
+                            <ul>
+                                @foreach (var supervisor in Model.Supervisors)
+                                {
+                                    <li>@supervisor.SupervisorName, @supervisor.RoleName (@supervisor.CentreName)</li>
+                                }
+                            </ul>
+                        </div>
+                    </details>
                 }
                 else
                 {