@hmcts/ccd-case-ui-toolkit 7.1.56 → 7.1.60-subject-message-length
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
|
@@ -20425,6 +20425,7 @@ var RaiseQueryErrorMessage;
|
|
|
20425
20425
|
RaiseQueryErrorMessage["QUERY_BODY"] = "Enter query details";
|
|
20426
20426
|
RaiseQueryErrorMessage["QUERY_HEARING_RELATED"] = "Select whether the query is hearing related or not";
|
|
20427
20427
|
RaiseQueryErrorMessage["QUERY_HEARING_DATE"] = "Enter a valid date";
|
|
20428
|
+
RaiseQueryErrorMessage["QUERY_SUBJECT_MAX_LENGTH"] = "Query subject must be less than 201 characters in length";
|
|
20428
20429
|
RaiseQueryErrorMessage["RESPOND_QUERY_BODY"] = "Add a response before continue";
|
|
20429
20430
|
})(RaiseQueryErrorMessage || (RaiseQueryErrorMessage = {}));
|
|
20430
20431
|
|
|
@@ -22167,11 +22168,11 @@ function QueryWriteRaiseQueryComponent_div_11_p_11_Template(rf, ctx) { if (rf &
|
|
|
22167
22168
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22168
22169
|
i0.ɵɵelementEnd();
|
|
22169
22170
|
} if (rf & 2) {
|
|
22170
|
-
const
|
|
22171
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22171
22172
|
i0.ɵɵadvance(2);
|
|
22172
|
-
i0.ɵɵ
|
|
22173
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
22173
22174
|
i0.ɵɵadvance(2);
|
|
22174
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22175
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r1.getSubjectErrorMessage()), " ");
|
|
22175
22176
|
} }
|
|
22176
22177
|
function QueryWriteRaiseQueryComponent_div_11_p_21_Template(rf, ctx) { if (rf & 1) {
|
|
22177
22178
|
i0.ɵɵelementStart(0, "p", 29)(1, "span", 28);
|
|
@@ -22182,11 +22183,11 @@ function QueryWriteRaiseQueryComponent_div_11_p_21_Template(rf, ctx) { if (rf &
|
|
|
22182
22183
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22183
22184
|
i0.ɵɵelementEnd();
|
|
22184
22185
|
} if (rf & 2) {
|
|
22185
|
-
const
|
|
22186
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22186
22187
|
i0.ɵɵadvance(2);
|
|
22187
22188
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22188
22189
|
i0.ɵɵadvance(2);
|
|
22189
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22190
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_BODY), " ");
|
|
22190
22191
|
} }
|
|
22191
22192
|
function QueryWriteRaiseQueryComponent_div_11_p_30_Template(rf, ctx) { if (rf & 1) {
|
|
22192
22193
|
i0.ɵɵelementStart(0, "p", 30)(1, "span", 28);
|
|
@@ -22197,11 +22198,11 @@ function QueryWriteRaiseQueryComponent_div_11_p_30_Template(rf, ctx) { if (rf &
|
|
|
22197
22198
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22198
22199
|
i0.ɵɵelementEnd();
|
|
22199
22200
|
} if (rf & 2) {
|
|
22200
|
-
const
|
|
22201
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22201
22202
|
i0.ɵɵadvance(2);
|
|
22202
22203
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22203
22204
|
i0.ɵɵadvance(2);
|
|
22204
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22205
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_RELATED), " ");
|
|
22205
22206
|
} }
|
|
22206
22207
|
function QueryWriteRaiseQueryComponent_div_11_ng_container_42_p_7_Template(rf, ctx) { if (rf & 1) {
|
|
22207
22208
|
i0.ɵɵelementStart(0, "p", 36)(1, "span", 28);
|
|
@@ -22212,11 +22213,11 @@ function QueryWriteRaiseQueryComponent_div_11_ng_container_42_p_7_Template(rf, c
|
|
|
22212
22213
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22213
22214
|
i0.ɵɵelementEnd();
|
|
22214
22215
|
} if (rf & 2) {
|
|
22215
|
-
const
|
|
22216
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
22216
22217
|
i0.ɵɵadvance(2);
|
|
22217
22218
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22218
22219
|
i0.ɵɵadvance(2);
|
|
22219
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22220
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_DATE), " ");
|
|
22220
22221
|
} }
|
|
22221
22222
|
function QueryWriteRaiseQueryComponent_div_11_ng_container_42_Template(rf, ctx) { if (rf & 1) {
|
|
22222
22223
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -22229,15 +22230,16 @@ function QueryWriteRaiseQueryComponent_div_11_ng_container_42_Template(rf, ctx)
|
|
|
22229
22230
|
i0.ɵɵelementEnd()();
|
|
22230
22231
|
i0.ɵɵelementContainerEnd();
|
|
22231
22232
|
} if (rf & 2) {
|
|
22232
|
-
const
|
|
22233
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22233
22234
|
i0.ɵɵadvance();
|
|
22234
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$C,
|
|
22235
|
+
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));
|
|
22235
22236
|
i0.ɵɵadvance(4);
|
|
22236
22237
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 3, "What is the date of the hearing?"), " ");
|
|
22237
22238
|
i0.ɵɵadvance(2);
|
|
22238
|
-
i0.ɵɵproperty("ngIf",
|
|
22239
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").value === true && ctx_r1.formGroup.get("hearingDate").value === null);
|
|
22239
22240
|
} }
|
|
22240
22241
|
function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
22242
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
22241
22243
|
i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "div")(3, "div", 7)(4, "div", 8)(5, "label", 9);
|
|
22242
22244
|
i0.ɵɵtext(6);
|
|
22243
22245
|
i0.ɵɵpipe(7, "rpxTranslate");
|
|
@@ -22247,7 +22249,8 @@ function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
|
22247
22249
|
i0.ɵɵpipe(10, "rpxTranslate");
|
|
22248
22250
|
i0.ɵɵelementEnd();
|
|
22249
22251
|
i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_p_11_Template, 6, 6, "p", 11);
|
|
22250
|
-
i0.ɵɵ
|
|
22252
|
+
i0.ɵɵelementStart(12, "input", 12);
|
|
22253
|
+
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()); });
|
|
22251
22254
|
i0.ɵɵelementEnd()();
|
|
22252
22255
|
i0.ɵɵelementStart(13, "div", 7)(14, "div", 8)(15, "label", 13);
|
|
22253
22256
|
i0.ɵɵtext(16);
|
|
@@ -22279,50 +22282,46 @@ function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
|
22279
22282
|
i0.ɵɵpipe(41, "rpxTranslate");
|
|
22280
22283
|
i0.ɵɵelementEnd()()()();
|
|
22281
22284
|
i0.ɵɵtemplate(42, QueryWriteRaiseQueryComponent_div_11_ng_container_42_Template, 9, 7, "ng-container", 26);
|
|
22282
|
-
i0.ɵɵelementEnd()()();
|
|
22285
|
+
i0.ɵɵelementEnd()()()();
|
|
22283
22286
|
} if (rf & 2) {
|
|
22284
|
-
|
|
22285
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
22287
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
22286
22288
|
i0.ɵɵadvance();
|
|
22287
|
-
i0.ɵɵproperty("formGroup",
|
|
22289
|
+
i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
|
|
22288
22290
|
i0.ɵɵadvance(2);
|
|
22289
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
22291
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(40, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("subject").hasError("required")));
|
|
22290
22292
|
i0.ɵɵadvance(3);
|
|
22291
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7,
|
|
22293
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 22, "Query subject"), " ");
|
|
22292
22294
|
i0.ɵɵadvance(3);
|
|
22293
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10,
|
|
22295
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 24, "The subject should be a summary of your query"), " ");
|
|
22294
22296
|
i0.ɵɵadvance(2);
|
|
22295
|
-
i0.ɵɵproperty("ngIf",
|
|
22296
|
-
i0.ɵɵadvance();
|
|
22297
|
-
i0.ɵɵ
|
|
22298
|
-
i0.ɵɵproperty("formControlName", "subject");
|
|
22299
|
-
i0.ɵɵadvance();
|
|
22300
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c0$C, ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required")));
|
|
22297
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && (ctx_r1.formGroup.get("subject").hasError("required") || ctx_r1.formGroup.get("subject").hasError("maxlength")));
|
|
22298
|
+
i0.ɵɵadvance(2);
|
|
22299
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(42, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required")));
|
|
22301
22300
|
i0.ɵɵadvance(3);
|
|
22302
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17,
|
|
22301
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 26, "Query detail"), " ");
|
|
22303
22302
|
i0.ɵɵadvance(3);
|
|
22304
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20,
|
|
22303
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 28, "Include as many details as possible so case workers can respond to your query"), " ");
|
|
22305
22304
|
i0.ɵɵadvance(2);
|
|
22306
|
-
i0.ɵɵproperty("ngIf",
|
|
22305
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
|
|
22307
22306
|
i0.ɵɵadvance();
|
|
22308
|
-
i0.ɵɵclassProp("govuk-textarea--error",
|
|
22307
|
+
i0.ɵɵclassProp("govuk-textarea--error", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
|
|
22309
22308
|
i0.ɵɵproperty("formControlName", "body");
|
|
22310
22309
|
i0.ɵɵadvance(2);
|
|
22311
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
22310
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(44, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required")));
|
|
22312
22311
|
i0.ɵɵadvance(4);
|
|
22313
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29,
|
|
22312
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 30, "Is the query hearing related?"), " ");
|
|
22314
22313
|
i0.ɵɵadvance(2);
|
|
22315
|
-
i0.ɵɵproperty("ngIf",
|
|
22314
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required"));
|
|
22316
22315
|
i0.ɵɵadvance(3);
|
|
22317
|
-
i0.ɵɵproperty("checked",
|
|
22316
|
+
i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === true)("value", true);
|
|
22318
22317
|
i0.ɵɵadvance(2);
|
|
22319
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(36,
|
|
22318
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(36, 32, "Is the query hearing related?", null, "Yes"), " ");
|
|
22320
22319
|
i0.ɵɵadvance(3);
|
|
22321
|
-
i0.ɵɵproperty("checked",
|
|
22320
|
+
i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === false)("value", false);
|
|
22322
22321
|
i0.ɵɵadvance(2);
|
|
22323
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(41,
|
|
22322
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(41, 36, "Is the query hearing related?", null, "No"), " ");
|
|
22324
22323
|
i0.ɵɵadvance(2);
|
|
22325
|
-
i0.ɵɵproperty("ngIf",
|
|
22324
|
+
i0.ɵɵproperty("ngIf", ctx_r1.formGroup.get("isHearingRelated").value);
|
|
22326
22325
|
} }
|
|
22327
22326
|
class QueryWriteRaiseQueryComponent {
|
|
22328
22327
|
formGroup;
|
|
@@ -22330,8 +22329,25 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22330
22329
|
caseDetails;
|
|
22331
22330
|
showForm;
|
|
22332
22331
|
raiseQueryErrorMessage = RaiseQueryErrorMessage;
|
|
22332
|
+
onSubjectInput() {
|
|
22333
|
+
const control = this.formGroup.get('subject');
|
|
22334
|
+
const value = control?.value;
|
|
22335
|
+
if (value && value.length > 200) {
|
|
22336
|
+
control?.setValue(value.substring(0, 200));
|
|
22337
|
+
}
|
|
22338
|
+
}
|
|
22339
|
+
getSubjectErrorMessage() {
|
|
22340
|
+
const control = this.formGroup.get('subject');
|
|
22341
|
+
if (control.hasError('required')) {
|
|
22342
|
+
return this.raiseQueryErrorMessage.QUERY_SUBJECT;
|
|
22343
|
+
}
|
|
22344
|
+
if (control.hasError('maxlength')) {
|
|
22345
|
+
return this.raiseQueryErrorMessage.QUERY_SUBJECT_MAX_LENGTH;
|
|
22346
|
+
}
|
|
22347
|
+
return '';
|
|
22348
|
+
}
|
|
22333
22349
|
static ɵfac = function QueryWriteRaiseQueryComponent_Factory(t) { return new (t || QueryWriteRaiseQueryComponent)(); };
|
|
22334
|
-
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", "
|
|
22350
|
+
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) {
|
|
22335
22351
|
i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "div", 1);
|
|
22336
22352
|
i0.ɵɵtext(3);
|
|
22337
22353
|
i0.ɵɵpipe(4, "rpxTranslate");
|
|
@@ -22344,7 +22360,7 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22344
22360
|
i0.ɵɵelement(9, "ccd-query-case-details-header", 3);
|
|
22345
22361
|
i0.ɵɵelementEnd();
|
|
22346
22362
|
i0.ɵɵelement(10, "hr");
|
|
22347
|
-
i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_Template, 43,
|
|
22363
|
+
i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_Template, 43, 46, "div", 4);
|
|
22348
22364
|
i0.ɵɵelementEnd();
|
|
22349
22365
|
} if (rf & 2) {
|
|
22350
22366
|
i0.ɵɵadvance(3);
|
|
@@ -22359,7 +22375,7 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22359
22375
|
}
|
|
22360
22376
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteRaiseQueryComponent, [{
|
|
22361
22377
|
type: Component,
|
|
22362
|
-
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
|
|
22378
|
+
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" }]
|
|
22363
22379
|
}], null, { formGroup: [{
|
|
22364
22380
|
type: Input
|
|
22365
22381
|
}], submitted: [{
|
|
@@ -30476,7 +30492,7 @@ ReadQueryManagementFieldComponent, function () { return [i5.NgForOf, i5.NgIf, i1
|
|
|
30476
30492
|
i0.ɵɵsetComponentScope(QueryDetailsComponent, function () { return [i5.NgForOf, i5.NgIf, AlertComponent, QueryAttachmentsReadComponent]; }, function () { return [i5.DatePipe, i1.RpxTranslatePipe]; });
|
|
30477
30493
|
i0.ɵɵsetComponentScope(QueryWriteRespondToQueryComponent, function () { return [i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, QueryDetailsComponent,
|
|
30478
30494
|
QueryCaseDetailsHeaderComponent]; }, function () { return [i1.RpxTranslatePipe]; });
|
|
30479
|
-
i0.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, function () { return [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, QueryCaseDetailsHeaderComponent,
|
|
30495
|
+
i0.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, function () { return [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.MaxLengthValidator, i4.FormGroupDirective, i4.FormControlName, QueryCaseDetailsHeaderComponent,
|
|
30480
30496
|
QueryWriteDateInputComponent]; }, function () { return [i1.RpxTranslatePipe]; });
|
|
30481
30497
|
i0.ɵɵsetComponentScope(QueryCheckYourAnswersComponent, function () { return [i5.NgForOf, i5.NgIf, QueryCaseDetailsHeaderComponent,
|
|
30482
30498
|
QueryAttachmentsReadComponent,
|