@hmcts/ccd-case-ui-toolkit 7.0.71 → 7.0.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.mjs +5 -12
- package/esm2022/lib/shared/components/palette/complex/read-complex-field-table.component.mjs +5 -21
- package/esm2022/lib/shared/components/palette/yes-no/write-yes-no-field.component.mjs +6 -5
- package/esm2022/lib/shared/directives/conditional-show/services/condition-parser.service.mjs +2 -4
- package/esm2022/lib/shared/pipes/complex/ccd-read-fields-filter.pipe.mjs +2 -9
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +15 -46
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/lib/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.d.ts +0 -1
- package/lib/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.d.ts.map +1 -1
- package/lib/shared/components/palette/complex/read-complex-field-table.component.d.ts +1 -7
- package/lib/shared/components/palette/complex/read-complex-field-table.component.d.ts.map +1 -1
- package/lib/shared/directives/conditional-show/services/condition-parser.service.d.ts.map +1 -1
- package/lib/shared/pipes/complex/ccd-read-fields-filter.pipe.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -4675,9 +4675,7 @@ class ConditionParser {
|
|
|
4675
4675
|
}
|
|
4676
4676
|
}
|
|
4677
4677
|
else {
|
|
4678
|
-
|
|
4679
|
-
path ? console.error('Path in formArray should start with ', head, ', full path: ', path) :
|
|
4680
|
-
console.log('Path not present in formArray');
|
|
4678
|
+
console.error('Path in formArray should start with ', head, ', full path: ', path);
|
|
4681
4679
|
}
|
|
4682
4680
|
}
|
|
4683
4681
|
static removeStarChar(str) {
|
|
@@ -21602,18 +21600,19 @@ function WriteYesNoFieldComponent_div_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
21602
21600
|
i0.ɵɵelementStart(2, "label", 12);
|
|
21603
21601
|
i0.ɵɵtext(3);
|
|
21604
21602
|
i0.ɵɵpipe(4, "rpxTranslate");
|
|
21603
|
+
i0.ɵɵpipe(5, "rpxTranslate");
|
|
21605
21604
|
i0.ɵɵelementEnd()();
|
|
21606
21605
|
} if (rf & 2) {
|
|
21607
21606
|
const value_r2 = ctx.$implicit;
|
|
21608
21607
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
21609
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
21608
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c1$b, ctx_r0.yesNoControl.value === value_r2));
|
|
21610
21609
|
i0.ɵɵadvance();
|
|
21611
21610
|
i0.ɵɵproperty("id", ctx_r0.createElementId(value_r2))("name", ctx_r0.id())("formControl", ctx_r0.yesNoControl)("value", value_r2);
|
|
21612
21611
|
i0.ɵɵattribute("name", ctx_r0.id());
|
|
21613
21612
|
i0.ɵɵadvance();
|
|
21614
21613
|
i0.ɵɵproperty("for", ctx_r0.createElementId(value_r2));
|
|
21615
21614
|
i0.ɵɵadvance();
|
|
21616
|
-
i0.ɵɵtextInterpolate(ctx_r0.caseField.label ? i0.ɵɵpipeBind3(4, 8, ctx_r0.caseField.label, null, value_r2) : value_r2);
|
|
21615
|
+
i0.ɵɵtextInterpolate(ctx_r0.caseField.label ? i0.ɵɵpipeBind1(5, 12, i0.ɵɵpipeBind3(4, 8, ctx_r0.caseField.label, null, value_r2)) : value_r2);
|
|
21617
21616
|
} }
|
|
21618
21617
|
class WriteYesNoFieldComponent extends AbstractFieldWriteComponent {
|
|
21619
21618
|
yesNoService;
|
|
@@ -21633,7 +21632,7 @@ class WriteYesNoFieldComponent extends AbstractFieldWriteComponent {
|
|
|
21633
21632
|
i0.ɵɵelementEnd();
|
|
21634
21633
|
i0.ɵɵtemplate(4, WriteYesNoFieldComponent_span_4_Template, 3, 3, "span", 3)(5, WriteYesNoFieldComponent_span_5_Template, 3, 4, "span", 4);
|
|
21635
21634
|
i0.ɵɵelementStart(6, "div", 5);
|
|
21636
|
-
i0.ɵɵtemplate(7, WriteYesNoFieldComponent_div_7_Template,
|
|
21635
|
+
i0.ɵɵtemplate(7, WriteYesNoFieldComponent_div_7_Template, 6, 16, "div", 6);
|
|
21637
21636
|
i0.ɵɵelementEnd()()();
|
|
21638
21637
|
} if (rf & 2) {
|
|
21639
21638
|
i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(7, _c0$y, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
|
|
@@ -21651,7 +21650,7 @@ class WriteYesNoFieldComponent extends AbstractFieldWriteComponent {
|
|
|
21651
21650
|
}
|
|
21652
21651
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteYesNoFieldComponent, [{
|
|
21653
21652
|
type: Component,
|
|
21654
|
-
args: [{ selector: 'ccd-write-yes-no-field', template: "<div [id]=\"id()\" class=\"form-group bottom-30\" [ngClass]=\"{'form-group-error': !yesNoControl.valid && (yesNoControl.dirty || yesNoControl.touched)}\">\n\t<fieldset class=\"inline\">\n <legend>\n <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n </legend>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n <span class=\"error-message\" *ngIf=\"yesNoControl.errors && (yesNoControl.dirty || yesNoControl.touched)\">\n {{yesNoControl.errors | ccdFirstError:caseField.label}}\n </span>\n\n <div [id]=\"createElementId('radio')\">\n \t <div class=\"multiple-choice\" *ngFor=\"let value of yesNoValues\" [ngClass]=\"{selected: yesNoControl.value === value}\">\n \t <input class=\"form-control\" [id]=\"createElementId(value)\" [attr.name]=\"id()\" [name]=\"id()\" type=\"radio\" [formControl]=\"yesNoControl\" [value]=\"value\">\n <label class=\"form-label\" [for]=\"createElementId(value)\">{{caseField.label ? (caseField.label | rpxTranslate:null:value) : value}}</label>\n \t </div>\n </div>\n\t</fieldset>\n</div>\n" }]
|
|
21653
|
+
args: [{ selector: 'ccd-write-yes-no-field', template: "<div [id]=\"id()\" class=\"form-group bottom-30\" [ngClass]=\"{'form-group-error': !yesNoControl.valid && (yesNoControl.dirty || yesNoControl.touched)}\">\n\t<fieldset class=\"inline\">\n <legend>\n <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n </legend>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n <span class=\"error-message\" *ngIf=\"yesNoControl.errors && (yesNoControl.dirty || yesNoControl.touched)\">\n {{yesNoControl.errors | ccdFirstError:caseField.label}}\n </span>\n\n <div [id]=\"createElementId('radio')\">\n \t <div class=\"multiple-choice\" *ngFor=\"let value of yesNoValues\" [ngClass]=\"{selected: yesNoControl.value === value}\">\n \t <input class=\"form-control\" [id]=\"createElementId(value)\" [attr.name]=\"id()\" [name]=\"id()\" type=\"radio\" [formControl]=\"yesNoControl\" [value]=\"value\">\n <label class=\"form-label\" [for]=\"createElementId(value)\">{{caseField.label ? (caseField.label | rpxTranslate:null:value | rpxTranslate) : value}}</label>\n \t </div>\n </div>\n\t</fieldset>\n</div>\n" }]
|
|
21655
21654
|
}], () => [{ type: YesNoService }], null); })();
|
|
21656
21655
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteYesNoFieldComponent, { className: "WriteYesNoFieldComponent", filePath: "lib/shared/components/palette/yes-no/write-yes-no-field.component.ts", lineNumber: 10 }); })();
|
|
21657
21656
|
|
|
@@ -25843,7 +25842,7 @@ class ReadComplexFieldRawComponent extends AbstractFieldReadComponent {
|
|
|
25843
25842
|
}] }); })();
|
|
25844
25843
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadComplexFieldRawComponent, { className: "ReadComplexFieldRawComponent", filePath: "lib/shared/components/palette/complex/read-complex-field-raw.component.ts", lineNumber: 16 }); })();
|
|
25845
25844
|
|
|
25846
|
-
const _c0$j = (a0, a1, a2
|
|
25845
|
+
const _c0$j = (a0, a1, a2) => [a0, false, undefined, true, a1, undefined, a2];
|
|
25847
25846
|
function ReadComplexFieldTableComponent_ng_container_9_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
25848
25847
|
i0.ɵɵelementContainerStart(0);
|
|
25849
25848
|
i0.ɵɵelementStart(1, "tr", 7)(2, "td", 8)(3, "span", 3);
|
|
@@ -25888,25 +25887,9 @@ function ReadComplexFieldTableComponent_ng_container_9_Template(rf, ctx) { if (r
|
|
|
25888
25887
|
i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 2, field_r1))("ngIfElse", SimpleRow_r3);
|
|
25889
25888
|
} }
|
|
25890
25889
|
class ReadComplexFieldTableComponent extends AbstractFieldReadComponent {
|
|
25891
|
-
// parent_ can be replaced with any ***_ - underscore is only important character
|
|
25892
|
-
// value can also be replaced with anything
|
|
25893
|
-
static DUMMY_STRING_PRE = 'parent_';
|
|
25894
|
-
static DUMMY_STRING_POST = 'value';
|
|
25895
25890
|
caseFields = [];
|
|
25896
|
-
path;
|
|
25897
|
-
ngOnInit() {
|
|
25898
|
-
this.setDummyPathForChildArrays();
|
|
25899
|
-
}
|
|
25900
|
-
/* In order to get child arrays (within casefield) to display their logic
|
|
25901
|
-
we need to add a path. This path needs to include the idPrefix as that
|
|
25902
|
-
is the part of the path that is used to display the elements.
|
|
25903
|
-
The joining strings will allow us to use the existing show condition to
|
|
25904
|
-
match against this path. */
|
|
25905
|
-
setDummyPathForChildArrays() {
|
|
25906
|
-
this.path = ReadComplexFieldTableComponent.DUMMY_STRING_PRE + this.idPrefix + ReadComplexFieldTableComponent.DUMMY_STRING_POST;
|
|
25907
|
-
}
|
|
25908
25891
|
static ɵfac = /*@__PURE__*/ (() => { let ɵReadComplexFieldTableComponent_BaseFactory; return function ReadComplexFieldTableComponent_Factory(t) { return (ɵReadComplexFieldTableComponent_BaseFactory || (ɵReadComplexFieldTableComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ReadComplexFieldTableComponent)))(t || ReadComplexFieldTableComponent); }; })();
|
|
25909
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadComplexFieldTableComponent, selectors: [["ccd-read-complex-field-table"]], inputs: { caseFields: "caseFields" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars:
|
|
25892
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadComplexFieldTableComponent, selectors: [["ccd-read-complex-field-table"]], inputs: { caseFields: "caseFields" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 16, consts: [["SimpleRow", ""], [1, "complex-panel"], [1, "complex-panel-title"], [1, "text-16"], ["aria-describedby", "complex field table", 1, "complex-panel-table"], [4, "ngFor", "ngForOf"], [4, "ngIf", "ngIfElse"], [1, "complex-panel-compound-field", 3, "hidden"], ["colspan", "2"], [3, "topLevelFormGroup", "caseField", "context"], [1, "complex-panel-simple-field", 3, "hidden"], ["id", "complex-panel-simple-field-label"]], template: function ReadComplexFieldTableComponent_Template(rf, ctx) { if (rf & 1) {
|
|
25910
25893
|
i0.ɵɵelementStart(0, "div", 1)(1, "dl", 2)(2, "dt")(3, "span", 3);
|
|
25911
25894
|
i0.ɵɵtext(4);
|
|
25912
25895
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
@@ -25921,12 +25904,12 @@ class ReadComplexFieldTableComponent extends AbstractFieldReadComponent {
|
|
|
25921
25904
|
i0.ɵɵadvance(4);
|
|
25922
25905
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 2, ctx.caseField.label));
|
|
25923
25906
|
i0.ɵɵadvance(5);
|
|
25924
|
-
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(10, 4, i0.ɵɵ
|
|
25907
|
+
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(10, 4, i0.ɵɵpureFunction3(12, _c0$j, ctx.caseField, ctx.topLevelFormGroup, ctx.idPrefix)));
|
|
25925
25908
|
} }, styles: [".complex-panel[_ngcontent-%COMP%]{margin:13px 0;border:1px solid #bfc1c3}.complex-panel[_ngcontent-%COMP%] .complex-panel-title[_ngcontent-%COMP%]{background-color:#dee0e2;padding:5px 5px 2px;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media (min-width: 641px){.complex-panel[_ngcontent-%COMP%] .complex-panel-title[_ngcontent-%COMP%]{font-size:19px;line-height:1.3157894737}}.complex-panel[_ngcontent-%COMP%] .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%] > th[_ngcontent-%COMP%]{vertical-align:top}.complex-panel[_ngcontent-%COMP%] .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:last-child > th[_ngcontent-%COMP%], .complex-panel[_ngcontent-%COMP%] .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.complex-panel[_ngcontent-%COMP%] .complex-panel-simple-field[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding-left:5px;width:295px}.complex-panel[_ngcontent-%COMP%] .complex-panel-compound-field[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{padding:5px}"] });
|
|
25926
25909
|
}
|
|
25927
25910
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadComplexFieldTableComponent, [{
|
|
25928
25911
|
type: Component,
|
|
25929
|
-
args: [{ selector: 'ccd-read-complex-field-table', template: "<div class=\"complex-panel\">\n <dl class=\"complex-panel-title\"><dt><span class=\"text-16\">{{caseField.label | rpxTranslate}}</span></dt><dd></dd></dl>\n <table class=\"complex-panel-table\" aria-describedby=\"complex field table\">\n <tbody>\n <ng-container *ngFor=\"let field of caseField | ccdReadFieldsFilter:false :undefined :true :topLevelFormGroup
|
|
25912
|
+
args: [{ selector: 'ccd-read-complex-field-table', template: "<div class=\"complex-panel\">\n <dl class=\"complex-panel-title\"><dt><span class=\"text-16\">{{caseField.label | rpxTranslate}}</span></dt><dd></dd></dl>\n <table class=\"complex-panel-table\" aria-describedby=\"complex field table\">\n <tbody>\n <ng-container *ngFor=\"let field of caseField | ccdReadFieldsFilter:false :undefined :true :topLevelFormGroup: undefined :idPrefix\">\n <ng-container *ngIf=\"(field | ccdIsCompound); else SimpleRow\">\n <tr class=\"complex-panel-compound-field\" [hidden]=\"field.hidden\">\n <td colspan=\"2\">\n <span class=\"text-16\">\n <ccd-field-read [topLevelFormGroup]=\"topLevelFormGroup\"\n [caseField]=\"field\" [context]=\"context\"></ccd-field-read>\n </span>\n </td>\n </tr>\n </ng-container>\n <ng-template #SimpleRow>\n <tr class=\"complex-panel-simple-field\" [hidden]=\"field.hidden\">\n <th id=\"complex-panel-simple-field-label\"><span class=\"text-16\">{{field.label | rpxTranslate}}</span></th>\n <td>\n <span class=\"text-16\">\n <ccd-field-read [topLevelFormGroup]=\"topLevelFormGroup\"\n [caseField]=\"field\" [context]=\"context\"></ccd-field-read>\n </span>\n </td>\n </tr>\n </ng-template>\n </ng-container>\n </tbody>\n </table>\n</div>\n", styles: [".complex-panel{margin:13px 0;border:1px solid #bfc1c3}.complex-panel .complex-panel-title{background-color:#dee0e2;padding:5px 5px 2px;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media (min-width: 641px){.complex-panel .complex-panel-title{font-size:19px;line-height:1.3157894737}}.complex-panel .complex-panel-table>tbody>tr>th{vertical-align:top}.complex-panel .complex-panel-table>tbody>tr:last-child>th,.complex-panel .complex-panel-table>tbody>tr:last-child>td{border-bottom:none}.complex-panel .complex-panel-simple-field th{padding-left:5px;width:295px}.complex-panel .complex-panel-compound-field td{padding:5px}\n"] }]
|
|
25930
25913
|
}], null, { caseFields: [{
|
|
25931
25914
|
type: Input
|
|
25932
25915
|
}] }); })();
|
|
@@ -27274,14 +27257,7 @@ class ReadFieldsFilterPipe {
|
|
|
27274
27257
|
else {
|
|
27275
27258
|
cond = ShowCondition.getInstance(field.show_condition);
|
|
27276
27259
|
}
|
|
27277
|
-
|
|
27278
|
-
// EXUI-2460 - evaluate with and without path to ensure validity
|
|
27279
|
-
field.hidden = !cond.match(formValue, path) ? !cond.match(formValue) : false;
|
|
27280
|
-
}
|
|
27281
|
-
else {
|
|
27282
|
-
// if no path there is no need to evaluate twice
|
|
27283
|
-
field.hidden = !cond.match(formValue);
|
|
27284
|
-
}
|
|
27260
|
+
field.hidden = !cond.match(formValue, path);
|
|
27285
27261
|
}
|
|
27286
27262
|
else {
|
|
27287
27263
|
field.hidden = false;
|
|
@@ -35069,7 +35045,6 @@ class CaseSpecificAccessRequestComponent {
|
|
|
35069
35045
|
$roleAssignmentResponseSubscription;
|
|
35070
35046
|
genericError = 'There is a problem';
|
|
35071
35047
|
specificReasonControlName = 'specificReason';
|
|
35072
|
-
getSpecificAccessError = false;
|
|
35073
35048
|
constructor(fb, router, casesService, route, caseNotifier) {
|
|
35074
35049
|
this.fb = fb;
|
|
35075
35050
|
this.router = router;
|
|
@@ -35124,15 +35099,9 @@ class CaseSpecificAccessRequestComponent {
|
|
|
35124
35099
|
.subscribe(() => {
|
|
35125
35100
|
// Would have been nice to pass the caseId within state.data, but this isn't part of NavigationExtras until
|
|
35126
35101
|
// Angular 7.2
|
|
35127
|
-
this.getSpecificAccessError = false;
|
|
35128
35102
|
this.router.navigate(['success'], { relativeTo: this.route });
|
|
35129
35103
|
}, () => {
|
|
35130
|
-
//
|
|
35131
|
-
this.getSpecificAccessError = true;
|
|
35132
|
-
this.errorMessage = {
|
|
35133
|
-
title: this.genericError,
|
|
35134
|
-
description: 'Sorry, there is a problem with the service; Try again later.'
|
|
35135
|
-
};
|
|
35104
|
+
// Navigate to error page
|
|
35136
35105
|
});
|
|
35137
35106
|
}
|
|
35138
35107
|
}
|
|
@@ -35149,7 +35118,7 @@ class CaseSpecificAccessRequestComponent {
|
|
|
35149
35118
|
return input.value === null || input.value.trim().length === 0;
|
|
35150
35119
|
}
|
|
35151
35120
|
static ɵfac = function CaseSpecificAccessRequestComponent_Factory(t) { return new (t || CaseSpecificAccessRequestComponent)(i0.ɵɵdirectiveInject(i4.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier)); };
|
|
35152
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseSpecificAccessRequestComponent, selectors: [["ccd-case-specific-access-request"]], decls: 50, vars: 42, consts: [[3, "error", 4, "ngIf"], ["type", "information"], [3, "submit", "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["data-module", "govuk-details", "role", "group", 1, "govuk-details"], ["aria-expanded", "false", 1, "govuk-details__summary"], [1, "govuk-details__summary-text"], ["aria-hidden", "true", 1, "govuk-details__text"], [1, "govuk-body"], [1, "govuk-list", "govuk-list--bullet"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "conditional-reason-3"], [1, "govuk-form-group"], ["id", "specific-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "specific-reason", "name", "specific-reason", "rows", "8", "formControlName", "specificReason", 1, "govuk-textarea", 3, "ngClass"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "javascript:void(0)", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "specific-reason-error-message", 1, "govuk-error-message"]], template: function CaseSpecificAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
|
|
35121
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseSpecificAccessRequestComponent, selectors: [["ccd-case-specific-access-request"]], decls: 50, vars: 42, consts: [[3, "error", 4, "ngIf"], ["type", "information"], [3, "submit", "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["data-module", "govuk-details", "role", "group", 1, "govuk-details"], ["role", "button", "aria-expanded", "false", 1, "govuk-details__summary"], [1, "govuk-details__summary-text"], ["aria-hidden", "true", 1, "govuk-details__text"], [1, "govuk-body"], [1, "govuk-list", "govuk-list--bullet"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "conditional-reason-3"], [1, "govuk-form-group"], ["id", "specific-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "specific-reason", "name", "specific-reason", "rows", "8", "formControlName", "specificReason", 1, "govuk-textarea", 3, "ngClass"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "javascript:void(0)", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "specific-reason-error-message", 1, "govuk-error-message"]], template: function CaseSpecificAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
|
|
35153
35122
|
i0.ɵɵtemplate(0, CaseSpecificAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
|
|
35154
35123
|
i0.ɵɵelementStart(1, "cut-alert", 1);
|
|
35155
35124
|
i0.ɵɵtext(2);
|
|
@@ -35203,7 +35172,7 @@ class CaseSpecificAccessRequestComponent {
|
|
|
35203
35172
|
i0.ɵɵpipe(49, "rpxTranslate");
|
|
35204
35173
|
i0.ɵɵelementEnd()()()()();
|
|
35205
35174
|
} if (rf & 2) {
|
|
35206
|
-
i0.ɵɵproperty("ngIf", ctx.formGroup.invalid && ctx.submitted
|
|
35175
|
+
i0.ɵɵproperty("ngIf", ctx.formGroup.invalid && ctx.submitted);
|
|
35207
35176
|
i0.ɵɵadvance(2);
|
|
35208
35177
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 16, "Authorisation is needed to access this case."), "");
|
|
35209
35178
|
i0.ɵɵadvance(3);
|
|
@@ -35238,7 +35207,7 @@ class CaseSpecificAccessRequestComponent {
|
|
|
35238
35207
|
}
|
|
35239
35208
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseSpecificAccessRequestComponent, [{
|
|
35240
35209
|
type: Component,
|
|
35241
|
-
args: [{ selector: 'ccd-case-specific-access-request', template: "<exui-error-message\n *ngIf=\"
|
|
35210
|
+
args: [{ selector: 'ccd-case-specific-access-request', template: "<exui-error-message\n *ngIf=\"formGroup.invalid && submitted\"\n [error]=\"errorMessage\"></exui-error-message>\n<cut-alert type=\"information\">\n {{'Authorisation is needed to access this case.' | rpxTranslate}}<br />\n {{'This could be because it\\'s outside your jurisdiction, or you may be excluded from the case. If you request access to this case, it will be logged for auditing purposes.' | rpxTranslate}}\n</cut-alert>\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n <div class=\"govuk-form-group\"\n [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n <h1 class=\"govuk-fieldset__heading\">\n {{ title | rpxTranslate }}\n </h1>\n </legend>\n\n <details class=\"govuk-details\" data-module=\"govuk-details\" role=\"group\">\n <summary\n class=\"govuk-details__summary\"\n role=\"button\"\n aria-expanded=\"false\">\n <span class=\"govuk-details__summary-text\">\n {{'Help with requesting case access' | rpxTranslate}}\n </span>\n </summary>\n <div\n class=\"govuk-details__text\"\n aria-hidden=\"true\">\n <p class=\"govuk-body\">{{'You could include:' | rpxTranslate}}</p>\n <ul class=\"govuk-list govuk-list--bullet\">\n <li>{{'the case reference of the linked case' | rpxTranslate}}</li>\n <li>{{'how long you require access to this case' | rpxTranslate}}</li>\n <li>{{'any other reasons why you require access' | rpxTranslate}}</li>\n </ul>\n </div>\n </details>\n\n <div id=\"reason-hint\" class=\"govuk-hint\">\n {{ hint | rpxTranslate }}\n </div>\n <div id=\"conditional-reason-3\">\n <div class=\"govuk-form-group\">\n <div\n id=\"specific-reason-error-message\"\n class=\"govuk-error-message\"\n *ngIf=\"formGroup.get('specificReason').invalid && submitted\">\n {{ errorMessage.description | rpxTranslate }}\n </div>\n <textarea\n class=\"govuk-textarea\"\n [ngClass]=\"{\n 'govuk-textarea--error':\n formGroup.get('specificReason').invalid && submitted\n }\"\n id=\"specific-reason\"\n name=\"specific-reason\"\n rows=\"8\"\n formControlName=\"specificReason\">\n </textarea>\n </div>\n </div>\n </fieldset>\n </div>\n\n <div class=\"govuk-button-group\">\n <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n {{'Submit' | rpxTranslate}}\n </button>\n <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n <p>\n <a class=\"govuk-body\" (click)=\"onCancel()\" href=\"javascript:void(0)\">\n {{'Cancel' | rpxTranslate}}\n </a>\n </p>\n </div>\n </div>\n</form>\n" }]
|
|
35242
35211
|
}], () => [{ type: i4.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }], null); })();
|
|
35243
35212
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseSpecificAccessRequestComponent, { className: "CaseSpecificAccessRequestComponent", filePath: "lib/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.ts", lineNumber: 22 }); })();
|
|
35244
35213
|
|