@hmcts/ccd-case-ui-toolkit 7.1.60 → 7.1.61
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/palette/palette.module.mjs +2 -2
- package/esm2022/lib/shared/components/palette/query-management/components/query-write/query-write-raise-query/query-write-raise-query.component.mjs +57 -42
- package/esm2022/lib/shared/components/palette/query-management/enums/raise-query-error-message.enum.mjs +2 -1
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +58 -42
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/lib/shared/components/palette/query-management/components/query-write/query-write-raise-query/query-write-raise-query.component.d.ts +2 -0
- package/lib/shared/components/palette/query-management/components/query-write/query-write-raise-query/query-write-raise-query.component.d.ts.map +1 -1
- package/lib/shared/components/palette/query-management/enums/raise-query-error-message.enum.d.ts +1 -0
- package/lib/shared/components/palette/query-management/enums/raise-query-error-message.enum.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -20492,6 +20492,7 @@ var RaiseQueryErrorMessage;
|
|
|
20492
20492
|
RaiseQueryErrorMessage["QUERY_BODY"] = "Enter query details";
|
|
20493
20493
|
RaiseQueryErrorMessage["QUERY_HEARING_RELATED"] = "Select whether the query is hearing related or not";
|
|
20494
20494
|
RaiseQueryErrorMessage["QUERY_HEARING_DATE"] = "Enter a valid date";
|
|
20495
|
+
RaiseQueryErrorMessage["QUERY_SUBJECT_MAX_LENGTH"] = "Query subject must be less than 201 characters in length";
|
|
20495
20496
|
RaiseQueryErrorMessage["RESPOND_QUERY_BODY"] = "Add a response before continue";
|
|
20496
20497
|
})(RaiseQueryErrorMessage || (RaiseQueryErrorMessage = {}));
|
|
20497
20498
|
|
|
@@ -22295,11 +22296,11 @@ function QueryWriteRaiseQueryComponent_div_11_p_11_Template(rf, ctx) { if (rf &
|
|
|
22295
22296
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22296
22297
|
i0.ɵɵelementEnd();
|
|
22297
22298
|
} if (rf & 2) {
|
|
22298
|
-
const
|
|
22299
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22299
22300
|
i0.ɵɵadvance(2);
|
|
22300
|
-
i0.ɵɵ
|
|
22301
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
22301
22302
|
i0.ɵɵadvance(2);
|
|
22302
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22303
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r1.getSubjectErrorMessage()), " ");
|
|
22303
22304
|
} }
|
|
22304
22305
|
function QueryWriteRaiseQueryComponent_div_11_p_21_Template(rf, ctx) { if (rf & 1) {
|
|
22305
22306
|
i0.ɵɵelementStart(0, "p", 29)(1, "span", 28);
|
|
@@ -22310,11 +22311,11 @@ function QueryWriteRaiseQueryComponent_div_11_p_21_Template(rf, ctx) { if (rf &
|
|
|
22310
22311
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22311
22312
|
i0.ɵɵelementEnd();
|
|
22312
22313
|
} if (rf & 2) {
|
|
22313
|
-
const
|
|
22314
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22314
22315
|
i0.ɵɵadvance(2);
|
|
22315
22316
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22316
22317
|
i0.ɵɵadvance(2);
|
|
22317
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22318
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_BODY), " ");
|
|
22318
22319
|
} }
|
|
22319
22320
|
function QueryWriteRaiseQueryComponent_div_11_p_30_Template(rf, ctx) { if (rf & 1) {
|
|
22320
22321
|
i0.ɵɵelementStart(0, "p", 30)(1, "span", 28);
|
|
@@ -22325,11 +22326,11 @@ function QueryWriteRaiseQueryComponent_div_11_p_30_Template(rf, ctx) { if (rf &
|
|
|
22325
22326
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22326
22327
|
i0.ɵɵelementEnd();
|
|
22327
22328
|
} if (rf & 2) {
|
|
22328
|
-
const
|
|
22329
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22329
22330
|
i0.ɵɵadvance(2);
|
|
22330
22331
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22331
22332
|
i0.ɵɵadvance(2);
|
|
22332
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22333
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_RELATED), " ");
|
|
22333
22334
|
} }
|
|
22334
22335
|
function QueryWriteRaiseQueryComponent_div_11_ng_container_42_p_7_Template(rf, ctx) { if (rf & 1) {
|
|
22335
22336
|
i0.ɵɵelementStart(0, "p", 36)(1, "span", 28);
|
|
@@ -22340,11 +22341,11 @@ function QueryWriteRaiseQueryComponent_div_11_ng_container_42_p_7_Template(rf, c
|
|
|
22340
22341
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22341
22342
|
i0.ɵɵelementEnd();
|
|
22342
22343
|
} if (rf & 2) {
|
|
22343
|
-
const
|
|
22344
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
22344
22345
|
i0.ɵɵadvance(2);
|
|
22345
22346
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22346
22347
|
i0.ɵɵadvance(2);
|
|
22347
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22348
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_DATE), " ");
|
|
22348
22349
|
} }
|
|
22349
22350
|
function QueryWriteRaiseQueryComponent_div_11_ng_container_42_Template(rf, ctx) { if (rf & 1) {
|
|
22350
22351
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -22357,15 +22358,16 @@ function QueryWriteRaiseQueryComponent_div_11_ng_container_42_Template(rf, ctx)
|
|
|
22357
22358
|
i0.ɵɵelementEnd()();
|
|
22358
22359
|
i0.ɵɵelementContainerEnd();
|
|
22359
22360
|
} if (rf & 2) {
|
|
22360
|
-
const
|
|
22361
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22361
22362
|
i0.ɵɵadvance();
|
|
22362
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$C,
|
|
22363
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").value === true && ctx_r1.formGroup.get("hearingDate").value === null));
|
|
22363
22364
|
i0.ɵɵadvance(4);
|
|
22364
22365
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 3, "What is the date of the hearing?"), " ");
|
|
22365
22366
|
i0.ɵɵadvance(2);
|
|
22366
|
-
i0.ɵɵproperty("ngIf",
|
|
22367
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").value === true && ctx_r1.formGroup.get("hearingDate").value === null);
|
|
22367
22368
|
} }
|
|
22368
22369
|
function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
22370
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
22369
22371
|
i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "div")(3, "div", 7)(4, "div", 8)(5, "label", 9);
|
|
22370
22372
|
i0.ɵɵtext(6);
|
|
22371
22373
|
i0.ɵɵpipe(7, "rpxTranslate");
|
|
@@ -22375,7 +22377,8 @@ function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
|
22375
22377
|
i0.ɵɵpipe(10, "rpxTranslate");
|
|
22376
22378
|
i0.ɵɵelementEnd();
|
|
22377
22379
|
i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_p_11_Template, 6, 6, "p", 11);
|
|
22378
|
-
i0.ɵɵ
|
|
22380
|
+
i0.ɵɵelementStart(12, "input", 12);
|
|
22381
|
+
i0.ɵɵlistener("input", function QueryWriteRaiseQueryComponent_div_11_Template_input_input_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubjectInput()); });
|
|
22379
22382
|
i0.ɵɵelementEnd()();
|
|
22380
22383
|
i0.ɵɵelementStart(13, "div", 7)(14, "div", 8)(15, "label", 13);
|
|
22381
22384
|
i0.ɵɵtext(16);
|
|
@@ -22407,50 +22410,46 @@ function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
|
22407
22410
|
i0.ɵɵpipe(41, "rpxTranslate");
|
|
22408
22411
|
i0.ɵɵelementEnd()()()();
|
|
22409
22412
|
i0.ɵɵtemplate(42, QueryWriteRaiseQueryComponent_div_11_ng_container_42_Template, 9, 7, "ng-container", 26);
|
|
22410
|
-
i0.ɵɵelementEnd()()();
|
|
22413
|
+
i0.ɵɵelementEnd()()()();
|
|
22411
22414
|
} if (rf & 2) {
|
|
22412
|
-
|
|
22413
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
22415
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
22414
22416
|
i0.ɵɵadvance();
|
|
22415
|
-
i0.ɵɵproperty("formGroup",
|
|
22417
|
+
i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
|
|
22416
22418
|
i0.ɵɵadvance(2);
|
|
22417
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
22419
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(40, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("subject").hasError("required")));
|
|
22418
22420
|
i0.ɵɵadvance(3);
|
|
22419
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7,
|
|
22421
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 22, "Query subject"), " ");
|
|
22420
22422
|
i0.ɵɵadvance(3);
|
|
22421
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10,
|
|
22423
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 24, "The subject should be a summary of your query"), " ");
|
|
22422
22424
|
i0.ɵɵadvance(2);
|
|
22423
|
-
i0.ɵɵproperty("ngIf",
|
|
22424
|
-
i0.ɵɵadvance();
|
|
22425
|
-
i0.ɵɵ
|
|
22426
|
-
i0.ɵɵproperty("formControlName", "subject");
|
|
22427
|
-
i0.ɵɵadvance();
|
|
22428
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c0$C, ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required")));
|
|
22425
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && (ctx_r1.formGroup.get("subject").hasError("required") || ctx_r1.formGroup.get("subject").hasError("maxlength")));
|
|
22426
|
+
i0.ɵɵadvance(2);
|
|
22427
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(42, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required")));
|
|
22429
22428
|
i0.ɵɵadvance(3);
|
|
22430
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17,
|
|
22429
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 26, "Query detail"), " ");
|
|
22431
22430
|
i0.ɵɵadvance(3);
|
|
22432
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20,
|
|
22431
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 28, "Include as many details as possible so case workers can respond to your query"), " ");
|
|
22433
22432
|
i0.ɵɵadvance(2);
|
|
22434
|
-
i0.ɵɵproperty("ngIf",
|
|
22433
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
|
|
22435
22434
|
i0.ɵɵadvance();
|
|
22436
|
-
i0.ɵɵclassProp("govuk-textarea--error",
|
|
22435
|
+
i0.ɵɵclassProp("govuk-textarea--error", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
|
|
22437
22436
|
i0.ɵɵproperty("formControlName", "body");
|
|
22438
22437
|
i0.ɵɵadvance(2);
|
|
22439
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
22438
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(44, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required")));
|
|
22440
22439
|
i0.ɵɵadvance(4);
|
|
22441
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29,
|
|
22440
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 30, "Is the query hearing related?"), " ");
|
|
22442
22441
|
i0.ɵɵadvance(2);
|
|
22443
|
-
i0.ɵɵproperty("ngIf",
|
|
22442
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required"));
|
|
22444
22443
|
i0.ɵɵadvance(3);
|
|
22445
|
-
i0.ɵɵproperty("checked",
|
|
22444
|
+
i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === true)("value", true);
|
|
22446
22445
|
i0.ɵɵadvance(2);
|
|
22447
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(36,
|
|
22446
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(36, 32, "Is the query hearing related?", null, "Yes"), " ");
|
|
22448
22447
|
i0.ɵɵadvance(3);
|
|
22449
|
-
i0.ɵɵproperty("checked",
|
|
22448
|
+
i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === false)("value", false);
|
|
22450
22449
|
i0.ɵɵadvance(2);
|
|
22451
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(41,
|
|
22450
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(41, 36, "Is the query hearing related?", null, "No"), " ");
|
|
22452
22451
|
i0.ɵɵadvance(2);
|
|
22453
|
-
i0.ɵɵproperty("ngIf",
|
|
22452
|
+
i0.ɵɵproperty("ngIf", ctx_r1.formGroup.get("isHearingRelated").value);
|
|
22454
22453
|
} }
|
|
22455
22454
|
class QueryWriteRaiseQueryComponent {
|
|
22456
22455
|
formGroup;
|
|
@@ -22458,8 +22457,25 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22458
22457
|
caseDetails;
|
|
22459
22458
|
showForm;
|
|
22460
22459
|
raiseQueryErrorMessage = RaiseQueryErrorMessage;
|
|
22460
|
+
onSubjectInput() {
|
|
22461
|
+
const control = this.formGroup.get('subject');
|
|
22462
|
+
const value = control?.value;
|
|
22463
|
+
if (value && value.length > 200) {
|
|
22464
|
+
control?.setValue(value.substring(0, 200));
|
|
22465
|
+
}
|
|
22466
|
+
}
|
|
22467
|
+
getSubjectErrorMessage() {
|
|
22468
|
+
const control = this.formGroup.get('subject');
|
|
22469
|
+
if (control.hasError('required')) {
|
|
22470
|
+
return this.raiseQueryErrorMessage.QUERY_SUBJECT;
|
|
22471
|
+
}
|
|
22472
|
+
if (control.hasError('maxlength')) {
|
|
22473
|
+
return this.raiseQueryErrorMessage.QUERY_SUBJECT_MAX_LENGTH;
|
|
22474
|
+
}
|
|
22475
|
+
return '';
|
|
22476
|
+
}
|
|
22461
22477
|
static ɵfac = function QueryWriteRaiseQueryComponent_Factory(t) { return new (t || QueryWriteRaiseQueryComponent)(); };
|
|
22462
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted", caseDetails: "caseDetails", showForm: "showForm" }, decls: 12, vars: 8, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [3, "caseDetails"], ["class", "govuk-!-margin-bottom-4", 4, "ngIf"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], ["for", "subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "subject-hint", 1, "govuk-hint"], ["id", "subject-error", "class", "govuk-error-message", 4, "ngIf"], ["type", "text", "
|
|
22478
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted", caseDetails: "caseDetails", showForm: "showForm" }, decls: 12, vars: 8, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [3, "caseDetails"], ["class", "govuk-!-margin-bottom-4", 4, "ngIf"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], ["for", "subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "subject-hint", 1, "govuk-hint"], ["id", "subject-error", "class", "govuk-error-message", 4, "ngIf"], ["type", "text", "id", "subject", "formControlName", "subject", "maxlength", "200", "aria-describedby", "subject-error", 1, "govuk-input", 3, "input"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-hint", 1, "govuk-hint"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "isHearingRelated-error", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "isHearingRelated-yes", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "isHearingRelated-no", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], [4, "ngIf"], ["id", "subject-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "body-error", 1, "govuk-error-message"], ["id", "isHearingRelated-error", 1, "govuk-error-message"], [1, "govuk-radios__conditional", "govuk-!-margin-top-1", 3, "ngClass"], ["role", "group", 1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--s"], ["id", "hearingDate-error", "class", "govuk-error-message", 4, "ngIf"], ["formControlName", "hearingDate"], ["id", "hearingDate-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) { if (rf & 1) {
|
|
22463
22479
|
i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "div", 1);
|
|
22464
22480
|
i0.ɵɵtext(3);
|
|
22465
22481
|
i0.ɵɵpipe(4, "rpxTranslate");
|
|
@@ -22472,7 +22488,7 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22472
22488
|
i0.ɵɵelement(9, "ccd-query-case-details-header", 3);
|
|
22473
22489
|
i0.ɵɵelementEnd();
|
|
22474
22490
|
i0.ɵɵelement(10, "hr");
|
|
22475
|
-
i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_Template, 43,
|
|
22491
|
+
i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_Template, 43, 46, "div", 4);
|
|
22476
22492
|
i0.ɵɵelementEnd();
|
|
22477
22493
|
} if (rf & 2) {
|
|
22478
22494
|
i0.ɵɵadvance(3);
|
|
@@ -22487,7 +22503,7 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22487
22503
|
}
|
|
22488
22504
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteRaiseQueryComponent, [{
|
|
22489
22505
|
type: Component,
|
|
22490
|
-
args: [{ selector: 'ccd-query-write-raise-query', template: "<div>\n <div class=\"govuk-!-margin-bottom-6\">\n <div class=\"govuk-caption-l\">{{ 'Raise a query' | rpxTranslate }}</div>\n <h1 class=\"govuk-heading-l govuk-!-margin-bottom-4\">{{ 'Enter query details' | rpxTranslate }}</h1>\n </div>\n\n <div>\n <ccd-query-case-details-header [caseDetails]=\"caseDetails\"></ccd-query-case-details-header>\n </div>\n\n <hr>\n\n <div class=\"govuk-!-margin-bottom-4\" *ngIf=\"showForm\">\n <div [formGroup]=\"formGroup\">\n <div>\n <div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('subject').hasError('required')}\">\n <div class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"subject\">\n {{ 'Query subject' | rpxTranslate }}\n </label>\n </div>\n <div id=\"subject-hint\" class=\"govuk-hint\">\n {{ 'The subject should be a summary of your query' | rpxTranslate }}\n </div>\n <p id=\"subject-error\" class=\"govuk-error-message\"\n
|
|
22506
|
+
args: [{ selector: 'ccd-query-write-raise-query', template: "<div>\n <div class=\"govuk-!-margin-bottom-6\">\n <div class=\"govuk-caption-l\">{{ 'Raise a query' | rpxTranslate }}</div>\n <h1 class=\"govuk-heading-l govuk-!-margin-bottom-4\">{{ 'Enter query details' | rpxTranslate }}</h1>\n </div>\n\n <div>\n <ccd-query-case-details-header [caseDetails]=\"caseDetails\"></ccd-query-case-details-header>\n </div>\n\n <hr>\n\n <div class=\"govuk-!-margin-bottom-4\" *ngIf=\"showForm\">\n <div [formGroup]=\"formGroup\">\n <div>\n <div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('subject').hasError('required')}\">\n <div class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"subject\">\n {{ 'Query subject' | rpxTranslate }}\n </label>\n </div>\n <div id=\"subject-hint\" class=\"govuk-hint\">\n {{ 'The subject should be a summary of your query' | rpxTranslate }}\n </div>\n <p id=\"subject-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && (formGroup.get('subject').hasError('required') || formGroup.get('subject').hasError('maxlength'))\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span>\n {{ getSubjectErrorMessage() | rpxTranslate }}\n </p>\n\n <input type=\"text\"\n id=\"subject\"\n class=\"govuk-input\"\n formControlName=\"subject\"\n maxlength=\"200\"\n (input)=\"onSubjectInput()\"\n aria-describedby=\"subject-error\" />\n </div>\n\n <div class=\"govuk-form-group\"\n [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('body').hasError('required')}\">\n <div class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\" for=\"body\">\n {{ 'Query detail' | rpxTranslate }}\n </label>\n </div>\n <div id=\"body-hint\" class=\"govuk-hint\">\n {{ 'Include as many details as possible so case workers can respond to your query' | rpxTranslate }}\n </div>\n <p id=\"body-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('body').hasError('required')\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_BODY | rpxTranslate }}\n </p>\n <textarea [formControlName]=\"'body'\"\n id=\"body\" name=\"body\" rows=\"5\"\n aria-describedby=\"body-hint body-error\"\n class=\"govuk-textarea\"\n [class.govuk-textarea--error]=\"submitted && formGroup.get('body').hasError('required')\"\n >\n </textarea>\n </div>\n\n <div class=\"govuk-form-group\"\n [ngClass]=\"{'govuk-form-group--error': submitted && formGroup.get('isHearingRelated').hasError('required')}\">\n <fieldset class=\"govuk-fieldset\">\n <legend>\n <label class=\"govuk-label govuk-label--m govuk-!-font-weight-bold\">\n {{ 'Is the query hearing related?' | rpxTranslate }}\n </label>\n </legend>\n <p id=\"isHearingRelated-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('isHearingRelated').hasError('required')\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_HEARING_RELATED | rpxTranslate }}\n </p>\n <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"isHearingRelated-yes\" name=\"isHearingRelated\"\n type=\"radio\"\n formControlName=\"isHearingRelated\"\n [checked]=\"formGroup.get('isHearingRelated').value === true\" [value]=\"true\"\n >\n <label class=\"govuk-label govuk-radios__label\" for=\"isHearingRelated-yes\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'Yes' }}\n </label>\n </div>\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"isHearingRelated-no\" name=\"isHearingRelated\"\n type=\"radio\"\n formControlName=\"isHearingRelated\"\n [checked]=\"formGroup.get('isHearingRelated').value === false\" [value]=\"false\"\n >\n <label class=\"govuk-label govuk-radios__label\" for=\"isHearingRelated-no\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'No' }}\n </label>\n </div>\n </div>\n </fieldset>\n\n <ng-container *ngIf=\"formGroup.get('isHearingRelated').value\">\n <div class=\"govuk-radios__conditional govuk-!-margin-top-1\"\n [ngClass]=\"{'govuk-form-group--error': submitted &&\n formGroup.get('isHearingRelated').value === true &&\n formGroup.get('hearingDate').value === null}\">\n <fieldset class=\"govuk-fieldset\" role=\"group\">\n <legend>\n <label class=\"govuk-label govuk-label--s\">\n {{ 'What is the date of the hearing?' | rpxTranslate }}\n </label>\n </legend>\n <p id=\"hearingDate-error\" class=\"govuk-error-message\"\n *ngIf=\"submitted && formGroup.get('isHearingRelated').value === true && formGroup.get('hearingDate').value === null\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{ raiseQueryErrorMessage.QUERY_HEARING_DATE | rpxTranslate }}\n </p>\n <ccd-query-write-date-input formControlName=\"hearingDate\"></ccd-query-write-date-input>\n </fieldset>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
22491
22507
|
}], null, { formGroup: [{
|
|
22492
22508
|
type: Input
|
|
22493
22509
|
}], submitted: [{
|
|
@@ -30603,7 +30619,7 @@ ReadQueryManagementFieldComponent, function () { return [i5.NgForOf, i5.NgIf, i1
|
|
|
30603
30619
|
i0.ɵɵsetComponentScope(QueryDetailsComponent, function () { return [i5.NgForOf, i5.NgIf, AlertComponent, QueryAttachmentsReadComponent]; }, function () { return [i5.DatePipe, i1.RpxTranslatePipe]; });
|
|
30604
30620
|
i0.ɵɵsetComponentScope(QueryWriteRespondToQueryComponent, function () { return [i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, QueryDetailsComponent,
|
|
30605
30621
|
QueryCaseDetailsHeaderComponent]; }, function () { return [i1.RpxTranslatePipe]; });
|
|
30606
|
-
i0.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, function () { return [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, QueryCaseDetailsHeaderComponent,
|
|
30622
|
+
i0.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, function () { return [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.MaxLengthValidator, i4.FormGroupDirective, i4.FormControlName, QueryCaseDetailsHeaderComponent,
|
|
30607
30623
|
QueryWriteDateInputComponent]; }, function () { return [i1.RpxTranslatePipe]; });
|
|
30608
30624
|
i0.ɵɵsetComponentScope(QueryCheckYourAnswersComponent, function () { return [i5.NgForOf, i5.NgIf, QueryCaseDetailsHeaderComponent,
|
|
30609
30625
|
QueryAttachmentsReadComponent,
|