|
4 | 4 | @{ |
5 | 5 | var resourceResult = Model.ResourceSearchResult; |
6 | 6 | var filtersApplied = resourceResult.SortItemSelected.Value != string.Empty |
7 | | - || resourceResult.SearchFilters.Any(f => f.Selected) || resourceResult.SearchResourceAccessLevelFilters.Any(f => f.Selected) |
8 | | - || resourceResult.SearchProviderFilters.Any(f =>f.Selected); |
| 7 | + || resourceResult.SearchFilters.Any(f => f.Selected) || resourceResult.SearchResourceAccessLevelFilters.Any(f => f.Selected) |
| 8 | + || resourceResult.SearchProviderFilters.Any(f => f.Selected); |
9 | 9 |
|
10 | 10 | var queryParams = QueryHelpers.ParseQuery(Context.Request.QueryString.ToString().ToLower()); |
11 | 11 | queryParams["actiontype"] = "sort-filter"; |
12 | | - var pageUrl = Model.CatalogueId > 0 ? "/catalogue/" + Model.CatalogueUrl +"/search" : "/search/results"; |
| 12 | + var pageUrl = Model.CatalogueId > 0 ? "/catalogue/" + Model.CatalogueUrl + "/search" : "/search/results"; |
13 | 13 | var actionUrl = QueryHelpers.AddQueryString(pageUrl, queryParams); |
14 | 14 | var pageFragment = "#search-filters"; |
15 | 15 |
|
|
25 | 25 | .Select(f => $"<strong class='nhsuk-tag'>{char.ToUpper(f.DisplayName[0])}{f.DisplayName[1..]}</strong>"); |
26 | 26 |
|
27 | 27 | if (resourceAccessLevelFilters.Any()) |
28 | | - { |
| 28 | + { |
29 | 29 | summary += $" and Filtered by Audience access level {string.Join(" ", resourceAccessLevelFilters)}"; |
30 | 30 | } |
31 | | - |
| 31 | + |
32 | 32 |
|
33 | 33 | var providerfilters = resourceResult.SearchProviderFilters.Where(f => f.Selected).Select(f => $"<strong class='nhsuk-tag'>{f.DisplayName}</strong>"); |
34 | 34 |
|
|
57 | 57 | <input type="hidden" name="groupId" value="@Model.GroupId" /> |
58 | 58 | <input type="hidden" name="resourceCount" value="@Model.ResourceSearchResult.TotalHits" /> |
59 | 59 |
|
| 60 | + <div class="show-filters nhsuk-u-margin-bottom-4"> |
| 61 | + <fieldset class="nhsuk-fieldset"> |
| 62 | + <legend class="nhsuk-fieldset__legend"> |
| 63 | + <strong>Show</strong> |
| 64 | + </legend> |
| 65 | + <div class="nhsuk-radios nhsuk-radios--inline"> |
| 66 | + <div class="nhsuk-radios__item"> |
| 67 | + <input class="nhsuk-radios__input" id="show-all" name="resourceCollectionFilter" type="radio" value="all" checked="@((Model.ResourceCollectionFilter ?? "all") == "all")" onchange="this.form.submit()"> |
| 68 | + <label class="nhsuk-label nhsuk-radios__label" for="show-all"> |
| 69 | + All |
| 70 | + </label> |
| 71 | + </div> |
| 72 | + <div class="nhsuk-radios__item"> |
| 73 | + <input class="nhsuk-radios__input" id="show-catalogues" name="resourceCollectionFilter" type="radio" value="catalogues" checked="@((Model.ResourceCollectionFilter ?? "all") == "catalogues")" onchange="this.form.submit()"> |
| 74 | + <label class="nhsuk-label nhsuk-radios__label" for="show-catalogues"> |
| 75 | + Catalogues |
| 76 | + </label> |
| 77 | + </div> |
| 78 | + <div class="nhsuk-radios__item"> |
| 79 | + <input class="nhsuk-radios__input" id="show-courses" name="resourceCollectionFilter" type="radio" value="courses" checked="@((Model.ResourceCollectionFilter ?? "all") == "courses")" ange="this.form.submit()"> |
| 80 | + <label class="nhsuk-label nhsuk-radios__label" for="show-courses"> |
| 81 | + Courses |
| 82 | + </label> |
| 83 | + </div> |
| 84 | + <div class="nhsuk-radios__item"> |
| 85 | + <input class="nhsuk-radios__input" id="show-resources" name="resourceCollectionFilter" type="radio" value="resources" checked="@((Model.ResourceCollectionFilter ?? "all") == "resources")" onchange="this.fsubmit()"> |
| 86 | + <label class="nhsuk-label nhsuk-radios__label" for="show-resources"> |
| 87 | + Resources |
| 88 | + </label> |
| 89 | + </div> |
| 90 | + </div> |
| 91 | + </fieldset> |
| 92 | + </div> |
| 93 | + |
60 | 94 | <details class="nhsuk-details nhsuk-expander nhsuk-u-margin-bottom-7" @(this.ViewBag.SelectFilterError == true ? "open" : "")> |
61 | 95 |
|
62 | 96 | <summary class="nhsuk-details__summary nhsuk-u-padding-0"> |
63 | | - <span class="nhsuk-details__summary-text"> |
64 | | - Sort and filter results |
65 | | - </span> |
| 97 | + <div class="summary-container"> |
| 98 | + <span class="nhsuk-details__summary-text"> |
| 99 | + Sort and filter results |
| 100 | + </span> |
| 101 | + <span class="sorted-by-inline"> |
| 102 | + Sorted by: <strong class='nhsuk-tag'>@resourceResult.SortItemSelected.Name</strong> |
| 103 | + </span> |
| 104 | + </div> |
66 | 105 |
|
67 | 106 | <hr class="nhsuk-u-margin-top-4 nhsuk-u-margin-bottom-4" /> |
68 | 107 |
|
|
128 | 167 | <div class="nhsuk-u-padding-left-0"> |
129 | 168 | <div class="nhsuk-checkboxes__item nhsuk-u-padding-bottom-3"> |
130 | 169 | < input class= "nhsuk-checkboxes__input" id= "[email protected]" name= "resourceAccessLevelId" type= "checkbox" |
131 | | - value="@filter.Value" checked="@filter.Selected" class="@(filter.Count > 0 ? "" : "disabled")"> |
| 170 | + value="@filter.Value" checked="@filter.Selected" class="@(filter.Count > 0 ? "" : "disabled")"> |
132 | 171 | < label class= "nhsuk-label nhsuk-checkboxes__label" for= "[email protected]"> |
133 | 172 | Show @filter.DisplayName (@filter.Count) |
134 | 173 | </label> |
|
157 | 196 |
|
158 | 197 | <div class="nhsuk-checkboxes__item nhsuk-u-padding-bottom-3"> |
159 | 198 | < input class= "nhsuk-checkboxes__input" id= "[email protected]" name= "providerfilters" type= "checkbox" |
160 | | - value="@filter.Value" checked="@filter.Selected" class="@(filter.Count > 0 ? "" : "disabled")"> |
| 199 | + value="@filter.Value" checked="@filter.Selected" class="@(filter.Count > 0 ? "" : "disabled")"> |
161 | 200 | < label class= "nhsuk-label nhsuk-checkboxes__label" for= "[email protected]"> |
162 | 201 | @filter.DisplayName (@filter.Count) |
163 | 202 | </label> |
|
0 commit comments