@hmcts/ccd-case-ui-toolkit 4.12.7-task-event-completion-release → 4.12.9-strip-trailing-input

package/RELEASE-NOTES.md

@@ -6,6 +6,9 @@
 ### Version 4.12.0
 Add refunds functionality
 
+### Version 4.12.6-limit-search-results-10k-400-5"
+**Limit search results to 10k / 400 pages** Limit search results to 10k / 400 pages
+
 ### Version 4.9.15-state-machine"
 **Task event completion and state machine** Task event completion and state machine
 

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version vv4.12.7-task-event-completion-release
+ * @version vv4.12.9-strip-trailing-input
  * @link undefined
  * @license MIT
  */
@@ -22004,8 +22004,8 @@ var WorkAllocationService = /** @class */ (function () {
      * @param eventId The ID of the event to find tasks for.
      * @param caseId The ID of the case to find tasks for.
      */
-    WorkAllocationService.prototype.getTasksByCaseIdAndEventId = function (eventId, caseId, caseType, jurisdiction) {
-        return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/case/tasks/" + caseId + "/event/" + eventId + "/caseType/" + caseType + "/jurisdiction/" + jurisdiction);
+    WorkAllocationService.prototype.getTasksByCaseIdAndEventId = function (eventId, caseId) {
+        return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/case/tasks/" + caseId + "/event/" + eventId);
     };
     /**
      * Call the API to get a task
@@ -26168,13 +26168,11 @@ var rxjs_1 = __webpack_require__(87318);
 var operators_1 = __webpack_require__(19443);
 var case_editor_1 = __webpack_require__(27070);
 var app_config_1 = __webpack_require__(35185);
-var services_1 = __webpack_require__(65010);
 var EventStartGuard = /** @class */ (function () {
-    function EventStartGuard(workAllocationService, router, appConfig, sessionStorageService) {
+    function EventStartGuard(workAllocationService, router, appConfig) {
         this.workAllocationService = workAllocationService;
         this.router = router;
         this.appConfig = appConfig;
-        this.sessionStorageService = sessionStorageService;
     }
     EventStartGuard.prototype.canActivate = function (route) {
         var _this = this;
@@ -26185,16 +26183,10 @@ var EventStartGuard = /** @class */ (function () {
             var taskId_1 = route.queryParams['tid'];
             // TODO: NavigationExtras should be used once Angular upgrade changes have been incorporated
             var isComplete = route.queryParams['isComplete'];
-            var caseInfoStr = this.sessionStorageService.getItem('caseInfo');
-            if (caseInfoStr) {
-                var caseInfo = JSON.parse(caseInfoStr);
-                if (caseInfo && caseInfo.cid === caseId_1) {
-                    if (isComplete) {
-                        return rxjs_1.of(true);
-                    }
-                    return this.workAllocationService.getTasksByCaseIdAndEventId(eventId_1, caseId_1, caseInfo.caseType, caseInfo.jurisdiction).pipe(operators_1.switchMap(function (payload) { return _this.checkForTasks(payload, caseId_1, eventId_1, taskId_1); }));
-                }
+            if (isComplete) {
+                return rxjs_1.of(true);
             }
+            return this.workAllocationService.getTasksByCaseIdAndEventId(eventId_1, caseId_1).pipe(operators_1.switchMap(function (payload) { return _this.checkForTasks(payload, caseId_1, eventId_1, taskId_1); }));
         }
         else {
             // Checks not required, return true by default for Work Allocation 1
@@ -26212,8 +26204,7 @@ var EventStartGuard = /** @class */ (function () {
         core_1.Injectable(),
         __metadata("design:paramtypes", [case_editor_1.WorkAllocationService,
             router_1.Router,
-            app_config_1.AbstractAppConfig,
-            services_1.SessionStorageService])
+            app_config_1.AbstractAppConfig])
     ], EventStartGuard);
     return EventStartGuard;
 }());
@@ -26434,26 +26425,19 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var case_editor_1 = __webpack_require__(27070);
 var operators_1 = __webpack_require__(19443);
-var services_1 = __webpack_require__(65010);
 var EventTasksResolverService = /** @class */ (function () {
-    function EventTasksResolverService(service, sessionStorageService) {
+    function EventTasksResolverService(service) {
         this.service = service;
-        this.sessionStorageService = sessionStorageService;
     }
     EventTasksResolverService.prototype.resolve = function (route) {
         var eventId = route.queryParamMap.get('eventId');
         var caseId = route.queryParamMap.get('caseId');
-        var caseInfoStr = this.sessionStorageService.getItem('caseInfo');
-        var caseInfo = JSON.parse(caseInfoStr);
-        if (caseInfo) {
-            return this.service.getTasksByCaseIdAndEventId(eventId, caseId, caseInfo.caseType, caseInfo.jurisdiction)
-                .pipe(operators_1.map(function (payload) { return payload.tasks; }));
-        }
+        return this.service.getTasksByCaseIdAndEventId(eventId, caseId)
+            .pipe(operators_1.map(function (payload) { return payload.tasks; }));
     };
     EventTasksResolverService = __decorate([
         core_1.Injectable(),
-        __metadata("design:paramtypes", [case_editor_1.WorkAllocationService,
-            services_1.SessionStorageService])
+        __metadata("design:paramtypes", [case_editor_1.WorkAllocationService])
     ], EventTasksResolverService);
     return EventTasksResolverService;
 }());
@@ -26543,9 +26527,7 @@ var EventStartStateMachineService = /** @class */ (function () {
         // Get number of tasks assigned to user
         var userInfoStr = context.sessionStorageService.getItem('userDetails');
         var userInfo = JSON.parse(userInfoStr);
-        var tasksAssignedToUser = context.tasks.filter(function (x) {
-            return x.task_state !== 'unassigned' && x.assignee === userInfo.id || x.assignee === userInfo.uid;
-        });
+        var tasksAssignedToUser = context.tasks.filter(function (x) { return x.assignee === userInfo.id || x.assignee === userInfo.uid; });
         // Check if user initiated the event from task tab
         var isEventInitiatedFromTaskTab = context.taskId !== undefined && tasksAssignedToUser.findIndex(function (x) { return x.id === context.taskId; }) > -1;
         if (isEventInitiatedFromTaskTab) {
@@ -34641,6 +34623,9 @@ var WriteTextFieldComponent = /** @class */ (function (_super) {
     WriteTextFieldComponent.prototype.ngOnInit = function () {
         this.textControl = this.registerControl(new forms_1.FormControl(this.caseField.value));
     };
+    WriteTextFieldComponent.prototype.onBlur = function ($event) {
+        $event.target.value = $event.target.value.trim();
+    };
     WriteTextFieldComponent = __decorate([
         core_1.Component({
             selector: 'ccd-write-text-field',
@@ -35908,6 +35893,7 @@ var SearchResultComponent = /** @class */ (function () {
         this.caseReferencePipe = caseReferencePipe;
         this.placeholderService = placeholderService;
         this.browserService = browserService;
+        this.PAGINATION_MAX_ITEM_RESULT = 10000;
         this.ICON = domain_1.DisplayMode.ICON;
         this.selectionEnabled = false;
         this.showOnlySelected = false;
@@ -35917,6 +35903,7 @@ var SearchResultComponent = /** @class */ (function () {
         this.changePage = new core_1.EventEmitter();
         this.clickCase = new core_1.EventEmitter();
         this.sortHandler = new core_1.EventEmitter();
+        this.paginationLimitEnforced = false;
         this.selected = {};
         this.consumerSortParameters = { column: null, order: null, type: null };
         this.selectedCases = [];
@@ -35960,6 +35947,16 @@ var SearchResultComponent = /** @class */ (function () {
             this.selected.page = (changes['page']).currentValue;
         }
     };
+    Object.defineProperty(SearchResultComponent.prototype, "resultTotal", {
+        get: function () {
+            var total = this.paginationMetadata.total_results_count;
+            var maximumResultReached = total >= this.PAGINATION_MAX_ITEM_RESULT;
+            this.paginationLimitEnforced = maximumResultReached;
+            return maximumResultReached ? this.PAGINATION_MAX_ITEM_RESULT : total;
+        },
+        enumerable: true,
+        configurable: true
+    });
     SearchResultComponent.prototype.clearSelection = function () {
         this.selectedCases = [];
         this.selection.emit(this.selectedCases);
@@ -36202,7 +36199,8 @@ var SearchResultComponent = /** @class */ (function () {
         return ((currentPage - 1) * this.paginationPageSize) + this.resultView.results.length + this.getDraftsCountIfNotPageOne(currentPage);
     };
     SearchResultComponent.prototype.getTotalResults = function () {
-        return this.paginationMetadata.total_results_count + this.draftsCount;
+        var total = this.paginationMetadata.total_results_count + this.draftsCount;
+        return total >= this.PAGINATION_MAX_ITEM_RESULT ? this.PAGINATION_MAX_ITEM_RESULT : total;
     };
     SearchResultComponent.prototype.prepareCaseLinkUrl = function (caseId) {
         var url = this.caseLinkUrlTemplate;
@@ -42666,7 +42664,7 @@ var FormValidatorsService = /** @class */ (function () {
                     validators.push(forms_1.Validators.pattern(caseField.field_type.regular_expression));
                 }
                 else {
-                    validators.push(forms_1.Validators.pattern(constants_1.Constants.REGEX_WHITESPACES));
+                    validators.push(this.emptyValidator());
                 }
                 if (caseField.field_type.min && (typeof caseField.field_type.min === 'number')) {
                     validators.push(forms_1.Validators.minLength(caseField.field_type.min));
@@ -42682,6 +42680,15 @@ var FormValidatorsService = /** @class */ (function () {
         }
         return control;
     };
+    FormValidatorsService.emptyValidator = function () {
+        var validator = function (control) {
+            if (control && control.value && control.value.toString().trim().length === 0) {
+                return { required: {} };
+            }
+            return null;
+        };
+        return validator;
+    };
     // TODO: Strip this out as it's only here for the moment because
     // the service is being injected all over the place but it doesn't
     // need to be as FormValidatorsService.addValidators is perfectly
@@ -89751,14 +89758,14 @@ module.exports = "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !ph
 /***/ 70945:
 /***/ ((module) => {
 
-module.exports = "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !textareaControl.valid && textareaControl.dirty}\">\n\n  <label [for]=\"id()\">\n    <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n  </label>\n  <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n  <span class=\"error-message\" *ngIf=\"textareaControl.errors && (textareaControl.dirty || textareaControl.touched)\">{{textareaControl.errors | ccdFirstError:caseField.label}}</span>\n\n  <textarea (input)=\"autoGrow($event)\" class=\"form-control bottom-30\" [ngClass]=\"{'govuk-textarea--error': textareaControl.errors && (textareaControl.dirty || textareaControl.touched)}\"\n   [id]=\"id()\" rows=\"3\" [formControl]=\"textareaControl\"></textarea>\n\n</div>\n"
+module.exports = "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !textareaControl?.valid && textareaControl?.dirty}\">\n\n  <label [for]=\"id()\">\n    <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n  </label>\n  <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n  <span class=\"error-message\" *ngIf=\"textareaControl?.errors && (textareaControl?.dirty || textareaControl?.touched)\">{{textareaControl?.errors | ccdFirstError:caseField.label}}</span>\n\n  <textarea (input)=\"autoGrow($event)\" class=\"form-control bottom-30\" [ngClass]=\"{'govuk-textarea--error': textareaControl?.errors && (textareaControl?.dirty || textareaControl?.touched)}\"\n   [id]=\"id()\" rows=\"3\" [formControl]=\"textareaControl\"></textarea>\n\n</div>\n"
 
 /***/ }),
 
 /***/ 36157:
 /***/ ((module) => {
 
-module.exports = "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !textControl.valid && (textControl.dirty || textControl.touched)}\">\n\n  <label [for]=\"id()\">\n    <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n  </label>\n  <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n  <span class=\"error-message\" *ngIf=\"textControl.errors && (textControl.dirty || textControl.touched)\">{{textControl.errors | ccdFirstError:caseField.label}}</span>\n  <input class=\"form-control bottom-30\" [ngClass]=\"{'govuk-input--error': textControl.errors && (textControl.dirty || textControl.touched)}\"\n  [id]=\"id()\" type=\"text\" [formControl]=\"textControl\">\n\n</div>\n"
+module.exports = "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !!textControl && !textControl.valid && (textControl.dirty || textControl.touched)}\">\n\n  <label [for]=\"id()\">\n    <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n  </label>\n  <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text}}</span>\n  <span class=\"error-message\" *ngIf=\"textControl?.errors && (textControl.dirty || textControl.touched)\">{{textControl.errors | ccdFirstError:caseField.label}}</span>\n  <input class=\"form-control bottom-30\" [ngClass]=\"{'govuk-input--error': textControl?.errors && (textControl.dirty || textControl.touched)}\"\n  [id]=\"id()\" type=\"text\" [formControl]=\"textControl\" (blur)=\"onBlur($event)\">\n\n</div>\n"
 
 /***/ }),
 
@@ -89786,7 +89793,7 @@ module.exports = "<h2 class=\"heading-h2\" aria-label=\"Filters\">Filters</h2>\n
 /***/ 45573:
 /***/ ((module) => {
 
-module.exports = "<table *ngIf=\"hasResults() || hasDrafts()\">\n  <caption>\n    <h2 class=\"heading-h2\" id=\"search-result-heading__text\" tabindex=\"-1\">{{ caseState ? 'Your cases' : 'Search result' }}</h2>\n    <div *ngIf=\"(hasResults() || hasDrafts())\" class=\"pagination-top\"\n      attr.aria-label=\"{{ getTotalResults() }} results have been found\" role=\"status\">\n      <span class=\"text-16\" id=\"search-result-summary__text\">Showing \n        <span class=\"govuk-!-font-weight-bold\">{{ getFirstResult() }}</span>\n        to\n        <span class=\"govuk-!-font-weight-bold\">{{ getLastResult() }}</span>\n        of\n        <span class=\"govuk-!-font-weight-bold\">{{ getTotalResults() }}</span> results</span>\n    </div>\n    <div *ngIf=\"(hasResults() || hasDrafts()) && selectionEnabled\" class=\"reset-selection\"\n      attr.aria-label=\"Reset selection\">\n      <span><a class=\"search-result-reset-link\" href=\"javascript:void()\" (click)=\"clearSelection()\">Reset case selection</a></span>\n    </div>\n  </caption>\n  <thead>\n    <tr scope=\"row\">\n      <th *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n        <div class=\"govuk-checkboxes__item\">\n          <input class=\"govuk-checkboxes__input\" id=\"select-all\" name=\"select-all\" type=\"checkbox\" (change)=\"selectAll()\" [checked]=\"allOnPageSelected()\" [disabled]=\"!canAnyBeShared()\" />\n          <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-all\">\n          </label>\n        </div>\n      </th>\n      <th *ngFor=\"let col of resultView.columns\">\n        <table class=\"search-result-column-header\"\n          attr.aria-label=\"Sort by {{col.label}} {{ isSortAscending(col)? 'ascending' : 'descending' }}\">\n          <tr>\n            <div class=\"search-result-column-label\" (click)=\"sort(col)\">{{col.label}}</div>\n            <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n              <a (click)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" href=\"javascript:void(0)\"></a>\n            </div>\n          </tr>\n        </table>\n      </th>\n      <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\"></th>\n    </tr>\n  </thead>\n  <tbody>\n\n    <!-- sorted by consumer -->\n    <ng-container *ngIf=\"consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: paginationMetadata.total_results_count }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n    <!-- sorted by toolkit -->\n    <ng-container *ngIf=\"!consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | ccdSortSearchResult : sortParameters | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: paginationMetadata.total_results_count }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" (keyup)=\"onKeyUp($event, result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n\n  </tbody>\n</table>\n\n<ccd-pagination \n  *ngIf=\"hasResults()\"\n  (pageChange)=\"goToPage($event)\"\n  [visibilityLabel]=\"hideRows ? 'hidden' : 'visible'\" \n  [autoHide]=\"true\"\n  [maxSize]=\"8\"\n  [screenReaderPaginationLabel]=\"Pagination\"\n  [screenReaderPageLabel]=\"page\"\n  [screenReaderCurrentLabel]=\"'You\\'re on page'\"></ccd-pagination>\n\n<div *ngIf=\"!(hasResults() || hasDrafts())\" class=\"notification\"\n  aria-label=\"No cases found. Try using different filters.\">\n  No cases found. Try using different filters.\n</div>\n"
+module.exports = "<table *ngIf=\"hasResults() || hasDrafts()\">\n  <caption>\n    <h2 class=\"heading-h2\" id=\"search-result-heading__text\" tabindex=\"-1\">{{ caseState ? 'Your cases' : 'Search result' }}</h2>\n\n    <div class=\"govuk-warning-text pagination-limit-warning\" *ngIf=\"paginationLimitEnforced\">\n      <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n      <strong class=\"govuk-warning-text__text\">\n        <span class=\"govuk-warning-text__assistive\">Warning</span>\n        The total size of the result set is {{paginationMetadata.total_results_count | number}}. Only the first 10,000 records are available for display.\n      </strong>\n    </div>\n\n    <div *ngIf=\"(hasResults() || hasDrafts())\" class=\"pagination-top\"\n      attr.aria-label=\"{{ getTotalResults() }} results have been found\" role=\"status\">\n      <span class=\"text-16\" id=\"search-result-summary__text\">Showing \n        <span class=\"govuk-!-font-weight-bold\">{{ getFirstResult() }}</span>\n        to\n        <span class=\"govuk-!-font-weight-bold\">{{ getLastResult() }}</span>\n        of\n        <span class=\"govuk-!-font-weight-bold\">{{ getTotalResults() }}</span> results</span>\n    </div>\n    <div *ngIf=\"(hasResults() || hasDrafts()) && selectionEnabled\" class=\"reset-selection\"\n      attr.aria-label=\"Reset selection\">\n      <span><a class=\"search-result-reset-link\" href=\"javascript:void()\" (click)=\"clearSelection()\">Reset case selection</a></span>\n    </div>\n  </caption>\n  <thead>\n    <tr scope=\"row\">\n      <th *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n        <div class=\"govuk-checkboxes__item\">\n          <input class=\"govuk-checkboxes__input\" id=\"select-all\" name=\"select-all\" type=\"checkbox\" (change)=\"selectAll()\" [checked]=\"allOnPageSelected()\" [disabled]=\"!canAnyBeShared()\" />\n          <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-all\">\n          </label>\n        </div>\n      </th>\n      <th *ngFor=\"let col of resultView.columns\">\n        <table class=\"search-result-column-header\"\n          attr.aria-label=\"Sort by {{col.label}} {{ isSortAscending(col)? 'ascending' : 'descending' }}\">\n          <tr>\n            <div class=\"search-result-column-label\" (click)=\"sort(col)\">{{col.label}}</div>\n            <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n              <a (click)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" href=\"javascript:void(0)\"></a>\n            </div>\n          </tr>\n        </table>\n      </th>\n      <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\"></th>\n    </tr>\n  </thead>\n  <tbody>\n\n    <!-- sorted by consumer -->\n    <ng-container *ngIf=\"consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n    <!-- sorted by toolkit -->\n    <ng-container *ngIf=\"!consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | ccdSortSearchResult : sortParameters | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" (keyup)=\"onKeyUp($event, result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n\n  </tbody>\n</table>\n\n<ccd-pagination \n  *ngIf=\"hasResults()\"\n  (pageChange)=\"goToPage($event)\"\n  [visibilityLabel]=\"hideRows ? 'hidden' : 'visible'\" \n  [autoHide]=\"true\"\n  [maxSize]=\"8\"\n  [screenReaderPaginationLabel]=\"Pagination\"\n  [screenReaderPageLabel]=\"page\"\n  [screenReaderCurrentLabel]=\"'You\\'re on page'\"></ccd-pagination>\n\n<div *ngIf=\"!(hasResults() || hasDrafts())\" class=\"notification\"\n  aria-label=\"No cases found. Try using different filters.\">\n  No cases found. Try using different filters.\n</div>\n"
 
 /***/ }),