Adds select and deselect all buttons to competency groups in add competencies view

Author: kevwhitt-hee

DigitalLearningSolutions.Web/Views/CompetencyAssessments/AddCompetencies.cshtml

@@ -41,12 +41,21 @@
                             <h3>
                                 @competencyGroup.Name
                             </h3>
+                            @if (competencyGroup.FrameworkCompetencies.Count() > 1)
+                            {
+                                <div class="nhsuk-grid-row nhsuk-u-margin-top-3 nhsuk-u-margin-bottom-1 js-only-block">
+                                    <div class="nhsuk-grid-column-full">
+                                        <a class="nhsuk-button select-all-button select-all status-tag nhsuk-u-margin-bottom-1" role="button" data-group="@competencyGroup.CompetencyGroupID" name="selectAll" value="true">Select all @Model.VocabularyPlural.ToLower() <span class="nhsuk-u-visually-hidden"> in group @competencyGroup.Name</span></a>
+                                        <a class="nhsuk-button select-all-button deselect-all status-tag nhsuk-u-margin-bottom-1" role="button" data-group="@competencyGroup.CompetencyGroupID" id="" name="selectAll" value="false">Deselect all @Model.VocabularyPlural.ToLower() <span class="nhsuk-u-visually-hidden"> in group @competencyGroup.Name</span></a>
+                                    </div>
+                                </div>
+                            }
                             <div class="nhsuk-checkboxes">
                                 @foreach (var competency in competencyGroup.FrameworkCompetencies)
                                 {
                                     <div class="nhsuk-checkboxes__item">
-                                        <input class="nhsuk-checkboxes__input" data-group="@competencyGroup.Name" id="[email protected]" name="SelectedCompetencyIds" checked="@(Model.SelectedCompetencyIds != null ? Model.SelectedCompetencyIds.Contains((int)competency.CompetencyID) : false)" type="checkbox" value="@competency.CompetencyID">
-                                        <label class="nhsuk-label nhsuk-checkboxes__label" for="[email protected]">
+                                        <input class="nhsuk-checkboxes__input select-all-checkbox" data-group="@competencyGroup.CompetencyGroupID" id="competency-check[email protected][email protected]" name="SelectedCompetencyIds" checked="@(Model.SelectedCompetencyIds != null ? Model.SelectedCompetencyIds.Contains((int)competency.CompetencyID) : false)" type="checkbox" value="@competency.CompetencyID">
+                                        <label class="nhsuk-label nhsuk-checkboxes__label" for="competency-check-@competencyGroup.CompetencyGroupID-@competency.CompetencyID">
                                             @foreach (var flag in competency.CompetencyFlags)
                                             {
                                                 <span class="nhsuk-u-padding-right-2 @(ViewData["cssClass"]?.ToString())">
@@ -70,12 +79,21 @@
                 <h3>
                     Ungrouped @Model.VocabularyPlural.ToLower()
                 </h3>
+                @if (Model.UngroupedCompetencies.Count() > 1)
+                {
+                    <div class="nhsuk-grid-row nhsuk-u-margin-top-3 nhsuk-u-margin-bottom-1 js-only-block">
+                        <div class="nhsuk-grid-column-full">
+                            <a class="nhsuk-button select-all-button select-all status-tag nhsuk-u-margin-bottom-1" role="button" data-group="0" name="selectAll" value="true">Select all  <span class="nhsuk-u-visually-hidden"> ungrouped</span> @Model.VocabularyPlural.ToLower()</a>
+                            <a class="nhsuk-button select-all-button deselect-all status-tag nhsuk-u-margin-bottom-1" role="button" data-group="0" id="" name="selectAll" value="false">Deselect all  <span class="nhsuk-u-visually-hidden"> ungrouped</span> @Model.VocabularyPlural.ToLower()</a>
+                        </div>
+                    </div>
+                }
                 @foreach (var competency in Model.UngroupedCompetencies)
                 {
 
                     <div class="nhsuk-checkboxes__item">
-                        <input class="nhsuk-checkboxes__input" data-group="@competency.Name" id="[email protected]" name="IncludedSelfAssessmentStructureIds" checked="@(Model.SelectedCompetencyIds != null ? Model.SelectedCompetencyIds.Contains((int)competency.CompetencyID) : false)" type="checkbox" value="@competency.CompetencyID">
-                        <label class="nhsuk-label nhsuk-checkboxes__label" for="[email protected]">
+                        <input class="nhsuk-checkboxes__input select-all-checkbox" data-group="0" id="competency-check-0[email protected]" name="IncludedSelfAssessmentStructureIds" checked="@(Model.SelectedCompetencyIds != null ? Model.SelectedCompetencyIds.Contains((int)competency.CompetencyID) : false)" type="checkbox" value="@competency.CompetencyID">
+                        <label class="nhsuk-label nhsuk-checkboxes__label" for="competency-check-0-@competency.CompetencyID">
                             @foreach (var flag in competency.CompetencyFlags)
                             {
                                 <span class="nhsuk-u-padding-right-2 @(ViewData["cssClass"]?.ToString())">
@@ -96,3 +114,6 @@
     </nhs-form-group>
     <button class="nhsuk-button" type="submit">Add selected @Model.VocabularyPlural.ToLower() to assessment</button>
 </form>
+@section scripts {
+    <script src="@Url.Content("~/js/learningPortal/verificationPickResults.js")" asp-append-version="true"></script>
+}