@hmcts/ccd-case-ui-toolkit 7.2.20--extra-text → 7.2.20-exui-3313-rc1
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/document/write-document-field.component.mjs +11 -11
- package/esm2022/lib/shared/components/palette/number/write-number-field.component.mjs +3 -3
- package/esm2022/lib/shared/components/palette/query-management/components/query-case-details-header/query-case-details-header.component.mjs +3 -3
- package/esm2022/lib/shared/components/palette/query-management/components/query-check-your-answers/query-check-your-answers.component.mjs +7 -6
- package/esm2022/lib/shared/components/palette/query-management/components/query-write/query-write-raise-query/query-write-raise-query.component.mjs +58 -64
- package/esm2022/lib/shared/components/palette/query-management/components/query-write/query-write-respond-to-query/query-write-respond-to-query.component.mjs +13 -19
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +89 -100
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -15103,17 +15103,17 @@ class FileUploadStateService {
|
|
|
15103
15103
|
const _c0$R = ["fileInput"];
|
|
15104
15104
|
const _c1$l = a0 => ({ "form-group-error bottom-30": a0 });
|
|
15105
15105
|
function WriteDocumentFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
|
|
15106
|
-
i0.ɵɵelementStart(0, "span", 12)
|
|
15107
|
-
i0.ɵɵ
|
|
15108
|
-
i0.ɵɵpipe(
|
|
15109
|
-
i0.ɵɵelementEnd()
|
|
15106
|
+
i0.ɵɵelementStart(0, "span", 12);
|
|
15107
|
+
i0.ɵɵelement(1, "markdown", 13);
|
|
15108
|
+
i0.ɵɵpipe(2, "rpxTranslate");
|
|
15109
|
+
i0.ɵɵelementEnd();
|
|
15110
15110
|
} if (rf & 2) {
|
|
15111
15111
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
15112
|
-
i0.ɵɵadvance(
|
|
15113
|
-
i0.ɵɵ
|
|
15112
|
+
i0.ɵɵadvance();
|
|
15113
|
+
i0.ɵɵproperty("data", i0.ɵɵpipeBind1(2, 1, ctx_r1.caseField.hint_text));
|
|
15114
15114
|
} }
|
|
15115
15115
|
function WriteDocumentFieldComponent_ccd_read_document_field_11_Template(rf, ctx) { if (rf & 1) {
|
|
15116
|
-
i0.ɵɵelement(0, "ccd-read-document-field",
|
|
15116
|
+
i0.ɵɵelement(0, "ccd-read-document-field", 14);
|
|
15117
15117
|
} if (rf & 2) {
|
|
15118
15118
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
15119
15119
|
i0.ɵɵproperty("caseField", ctx_r1.caseField);
|
|
@@ -15461,14 +15461,14 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
|
|
|
15461
15461
|
} if (rf & 2) {
|
|
15462
15462
|
let _t;
|
|
15463
15463
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
|
|
15464
|
-
} }, features: [i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 23, consts: [["fileInput", ""], [1, "form-group", 3, "ngClass"], [3, "for"], [1, "form-label"], ["class", "form-hint", 4, "ngIf"], ["role", "alert", "tabindex", "0", 1, "error-message", 3, "hidden"], [3, "caseField", 4, "ngIf"], [2, "position", "relative"], [3, "click", "keyup", "id"], ["type", "file", 1, "form-control", "bottom-30", 3, "keydown.Tab", "change", "id", "accept"], [1, "form-group", "bottom-30"], ["type", "button", "aria-label", "Cancel upload", 1, "button", "button-secondary", 3, "click", "disabled"], [1, "form-hint"], [3, "caseField"]], template: function WriteDocumentFieldComponent_Template(rf, ctx) { if (rf & 1) {
|
|
15464
|
+
} }, features: [i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 23, consts: [["fileInput", ""], [1, "form-group", 3, "ngClass"], [3, "for"], [1, "form-label"], ["class", "form-hint", 4, "ngIf"], ["role", "alert", "tabindex", "0", 1, "error-message", 3, "hidden"], [3, "caseField", 4, "ngIf"], [2, "position", "relative"], [3, "click", "keyup", "id"], ["type", "file", 1, "form-control", "bottom-30", 3, "keydown.Tab", "change", "id", "accept"], [1, "form-group", "bottom-30"], ["type", "button", "aria-label", "Cancel upload", 1, "button", "button-secondary", 3, "click", "disabled"], [1, "form-hint"], [3, "data"], [3, "caseField"]], template: function WriteDocumentFieldComponent_Template(rf, ctx) { if (rf & 1) {
|
|
15465
15465
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
15466
15466
|
i0.ɵɵelementStart(0, "div", 1)(1, "label", 2)(2, "span", 3);
|
|
15467
15467
|
i0.ɵɵpipe(3, "ccdFieldLabel");
|
|
15468
15468
|
i0.ɵɵtext(4);
|
|
15469
15469
|
i0.ɵɵpipe(5, "ccdFieldLabel");
|
|
15470
15470
|
i0.ɵɵelementEnd()();
|
|
15471
|
-
i0.ɵɵtemplate(6, WriteDocumentFieldComponent_span_6_Template,
|
|
15471
|
+
i0.ɵɵtemplate(6, WriteDocumentFieldComponent_span_6_Template, 3, 3, "span", 4);
|
|
15472
15472
|
i0.ɵɵelementStart(7, "span", 5);
|
|
15473
15473
|
i0.ɵɵtext(8);
|
|
15474
15474
|
i0.ɵɵpipe(9, "rpxTranslate");
|
|
@@ -15516,7 +15516,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
|
|
|
15516
15516
|
}
|
|
15517
15517
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDocumentFieldComponent, [{
|
|
15518
15518
|
type: Component,
|
|
15519
|
-
args: [{ selector: 'ccd-write-document-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error bottom-30': !valid}\">\n <label [for]=\"id()\">\n <span class=\"form-label\" attr.aria-label=\"{{caseField | ccdFieldLabel}}\">{{(caseField | ccdFieldLabel)}}</span>\n </label>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">\n <markdown
|
|
15519
|
+
args: [{ selector: 'ccd-write-document-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error bottom-30': !valid}\">\n <label [for]=\"id()\">\n <span class=\"form-label\" attr.aria-label=\"{{caseField | ccdFieldLabel}}\">{{(caseField | ccdFieldLabel)}}</span>\n </label>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">\n <markdown [data]=\"caseField.hint_text | rpxTranslate\"></markdown>\n </span>\n <span class=\"error-message\"\n role=\"alert\"\n tabindex=\"0\"\n [hidden]=\"!(fileUploadMessages && !valid)\">\n {{ fileUploadMessages | rpxTranslate }}\n </span>\n <div>\n <!--<span *ngIf=\"getUploadedFileName()\" class=\"text-16\">File name: {{getUploadedFileName()}}</span>-->\n <ccd-read-document-field *ngIf=\"caseField\" [caseField]=\"caseField\"></ccd-read-document-field>\n </div>\n\n <div style='position:relative'>\n <div [id]=\"createElementId('fileInputWrapper')\" (click)=\"fileSelectEvent()\" (keyup)=\"fileSelectEvent()\"></div>\n <input class=\"form-control bottom-30\" [id]=\"id()\" type=\"file\" (keydown.Tab)=\"fileValidationsOnTab()\" (change)=\"fileChangeEvent($event, caseField.field_type.regular_expression)\"\n accept=\"{{caseField.field_type.regular_expression}}\" #fileInput/>\n </div>\n</div>\n<div class=\"form-group bottom-30\">\n <button class=\"button button-secondary\" type=\"button\" aria-label=\"Cancel upload\" (click)=\"cancelUpload()\" [disabled]=\"!isUploadInProgress()\">{{'Cancel upload' | rpxTranslate}}</button>\n</div>\n" }]
|
|
15520
15520
|
}], () => [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$3.MatLegacyDialog }, { type: FileUploadStateService }, { type: JurisdictionService }], { fileInput: [{
|
|
15521
15521
|
type: ViewChild,
|
|
15522
15522
|
args: ['fileInput', { static: false }]
|
|
@@ -19626,7 +19626,7 @@ class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
|
|
|
19626
19626
|
this.numberControl = this.registerControl(new FormControl(this.caseField.value));
|
|
19627
19627
|
}
|
|
19628
19628
|
static ɵfac = /*@__PURE__*/ (() => { let ɵWriteNumberFieldComponent_BaseFactory; return function WriteNumberFieldComponent_Factory(__ngFactoryType__) { return (ɵWriteNumberFieldComponent_BaseFactory || (ɵWriteNumberFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WriteNumberFieldComponent)))(__ngFactoryType__ || WriteNumberFieldComponent); }; })();
|
|
19629
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteNumberFieldComponent, selectors: [["ccd-write-number-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 12, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["type", "text", "inputmode", "
|
|
19629
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteNumberFieldComponent, selectors: [["ccd-write-number-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 12, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["type", "text", "inputmode", "decimal", "pattern", "^[-+]?[0-9]+(?:\\.?[0-9]+)?$", 1, "form-control", "bottom-30", 3, "ngClass", "id", "formControl"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteNumberFieldComponent_Template(rf, ctx) { if (rf & 1) {
|
|
19630
19630
|
i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
|
|
19631
19631
|
i0.ɵɵtemplate(2, WriteNumberFieldComponent_span_2_Template, 3, 3, "span", 2);
|
|
19632
19632
|
i0.ɵɵelementEnd();
|
|
@@ -19649,7 +19649,7 @@ class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
|
|
|
19649
19649
|
}
|
|
19650
19650
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteNumberFieldComponent, [{
|
|
19651
19651
|
type: Component,
|
|
19652
|
-
args: [{ selector: 'ccd-write-number-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !numberControl.valid && numberControl.dirty}\">\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 | rpxTranslate}}</span>\n <span class=\"error-message\" *ngIf=\"numberControl.errors && numberControl.dirty\">\n {{numberControl.errors | ccdFirstError:caseField.label}}\n </span>\n\n <input class=\"form-control bottom-30\" [ngClass]=\"{'govuk-input--error': numberControl.errors && numberControl.dirty}\"\n [id]=\"id()\" type=\"text\" inputmode=\"
|
|
19652
|
+
args: [{ selector: 'ccd-write-number-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !numberControl.valid && numberControl.dirty}\">\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 | rpxTranslate}}</span>\n <span class=\"error-message\" *ngIf=\"numberControl.errors && numberControl.dirty\">\n {{numberControl.errors | ccdFirstError:caseField.label}}\n </span>\n\n <input class=\"form-control bottom-30\" [ngClass]=\"{'govuk-input--error': numberControl.errors && numberControl.dirty}\"\n [id]=\"id()\" type=\"text\" inputmode=\"decimal\" pattern=\"^[-+]?[0-9]+(?:\\.?[0-9]+)?$\" [formControl]=\"numberControl\">\n</div>\n" }]
|
|
19653
19653
|
}], null, null); })();
|
|
19654
19654
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteNumberFieldComponent, { className: "WriteNumberFieldComponent", filePath: "lib/shared/components/palette/number/write-number-field.component.ts", lineNumber: 9 }); })();
|
|
19655
19655
|
|
|
@@ -20852,11 +20852,11 @@ class QueryCaseDetailsHeaderComponent {
|
|
|
20852
20852
|
caseFields;
|
|
20853
20853
|
ngOnInit() {
|
|
20854
20854
|
this.caseTitle = new CaseField();
|
|
20855
|
-
this.caseTitle.label = this.caseDetails
|
|
20855
|
+
this.caseTitle.label = this.caseDetails.state.title_display;
|
|
20856
20856
|
this.caseFields = this.getCaseFieldsInfo();
|
|
20857
20857
|
}
|
|
20858
20858
|
getCaseFieldsInfo() {
|
|
20859
|
-
const caseDataFields = this.caseDetails
|
|
20859
|
+
const caseDataFields = this.caseDetails.tabs.reduce((acc, tab) => {
|
|
20860
20860
|
return acc.concat(tab.fields);
|
|
20861
20861
|
}, []);
|
|
20862
20862
|
return caseDataFields.concat(this.caseDetails.metadataFields);
|
|
@@ -21331,14 +21331,15 @@ function QueryCheckYourAnswersComponent_div_0_dl_26_Template(rf, ctx) { if (rf &
|
|
|
21331
21331
|
i0.ɵɵpipe(11, "rpxTranslate");
|
|
21332
21332
|
i0.ɵɵelementEnd()()()();
|
|
21333
21333
|
} if (rf & 2) {
|
|
21334
|
+
let tmp_3_0;
|
|
21334
21335
|
let tmp_4_0;
|
|
21335
21336
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21336
21337
|
i0.ɵɵadvance(3);
|
|
21337
|
-
i0.ɵɵ
|
|
21338
|
+
i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(4, 4, "Closing the query"), " ", (tmp_3_0 = ctx_r2.formGroup.get("closeQuery")) == null ? null : tmp_3_0.value, " ");
|
|
21338
21339
|
i0.ɵɵadvance(3);
|
|
21339
|
-
i0.ɵɵtextInterpolate1(" ", ((tmp_4_0 = ctx_r2.formGroup.get("closeQuery")) == null ? null : tmp_4_0.value) ? "I want to close this query" : i0.ɵɵpipeBind1(7,
|
|
21340
|
+
i0.ɵɵtextInterpolate1(" ", ((tmp_4_0 = ctx_r2.formGroup.get("closeQuery")) == null ? null : tmp_4_0.value) ? "I want to close this query" : i0.ɵɵpipeBind1(7, 6, "No answer"), " ");
|
|
21340
21341
|
i0.ɵɵadvance(4);
|
|
21341
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(11,
|
|
21342
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(11, 8, "Change"), " ");
|
|
21342
21343
|
} }
|
|
21343
21344
|
function QueryCheckYourAnswersComponent_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
21344
21345
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
@@ -21365,7 +21366,7 @@ function QueryCheckYourAnswersComponent_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
21365
21366
|
i0.ɵɵtext(22);
|
|
21366
21367
|
i0.ɵɵpipe(23, "rpxTranslate");
|
|
21367
21368
|
i0.ɵɵelementEnd()()()();
|
|
21368
|
-
i0.ɵɵtemplate(24, QueryCheckYourAnswersComponent_div_0_dl_24_Template, 14, 9, "dl", 13)(25, QueryCheckYourAnswersComponent_div_0_dl_25_Template, 11, 7, "dl", 13)(26, QueryCheckYourAnswersComponent_div_0_dl_26_Template, 12,
|
|
21369
|
+
i0.ɵɵtemplate(24, QueryCheckYourAnswersComponent_div_0_dl_24_Template, 14, 9, "dl", 13)(25, QueryCheckYourAnswersComponent_div_0_dl_25_Template, 11, 7, "dl", 13)(26, QueryCheckYourAnswersComponent_div_0_dl_26_Template, 12, 10, "dl", 13);
|
|
21369
21370
|
i0.ɵɵelement(27, "br");
|
|
21370
21371
|
i0.ɵɵelementStart(28, "div")(29, "button", 20);
|
|
21371
21372
|
i0.ɵɵlistener("click", function QueryCheckYourAnswersComponent_div_0_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goBack()); });
|
|
@@ -21776,7 +21777,7 @@ class QueryCheckYourAnswersComponent {
|
|
|
21776
21777
|
}
|
|
21777
21778
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryCheckYourAnswersComponent, [{
|
|
21778
21779
|
type: Component,
|
|
21779
|
-
args: [{ selector: 'ccd-query-check-your-answers', template: "<div class=\"govuk-grid-row\" *ngIf=\"readyToSubmit\">\n <div class=\"govuk-grid-column-two-thirds-from-desktop\">\n <!-- Error message summary -->\n <div *ngIf=\"errorMessages.length > 0\" class=\"govuk-error-summary\"\n aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\"\n data-module=\"govuk-error-summary\">\n <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n {{ 'There is a problem' | rpxTranslate }}\n </h2>\n <div class=\"govuk-error-summary__body\">\n <ul class=\"govuk-list govuk-error-summary__list\">\n <li *ngFor=\"let errorMessage of errorMessages\">\n <a [id]=\"'error-' + errorMessage.fieldId\" href=\"javascript:void(0)\"\n class=\"validation-error\">{{ errorMessage.description | rpxTranslate }}</a>\n </li>\n </ul>\n </div>\n </div>\n\n <div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h3 class=\"heading-h3 error-summary-heading\" id=\"event_error-summary-heading\">\n The event could not be created\n </h3>\n <p>{{error.message}}</p>\n <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n <li *ngFor=\"let fieldError of error.details.field_errors\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n </ul>\n </div>\n\n <ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"></ccd-callback-errors>\n\n <ng-container *ngIf=\"queryCreateContext === queryCreateContextEnum.NEW_QUERY\">\n <div class=\"govuk-caption-l\">{{ 'Raise a query' | rpxTranslate }}</div>\n </ng-container>\n\n <h1 class=\"govuk-heading-l\">\n <ng-container *ngIf=\"queryCreateContext === queryCreateContextEnum.RESPOND; else defaultCheckYourAnswersTitle\">\n {{ 'Review query response details' | rpxTranslate }}\n </ng-container>\n\n <ng-template #defaultCheckYourAnswersTitle>\n {{ 'Review query details' | rpxTranslate }}\n </ng-template>\n </h1>\n <div class=\"govuk-!-margin-bottom-4\">\n <ccd-query-case-details-header [caseDetails]=\"caseDetails\"></ccd-query-case-details-header>\n </div>\n\n <dl *ngIf=\"queryCreateContext !== queryCreateContextEnum.FOLLOWUP\" class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Submitted query' : 'Query subject' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ queryCreateContext === queryCreateContextEnum.RESPOND ? queryItem.subject : formGroup.get('subject')?.value }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a *ngIf=\"queryCreateContext === queryCreateContextEnum.NEW_QUERY\" \n href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n\n <dl class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Response detail' : 'Query detail' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ formGroup.get('body')?.value }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n\n <dl *ngIf=\"queryCreateContext === queryCreateContextEnum.NEW_QUERY\" class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ 'Is the query hearing related?' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <ng-container *ngIf=\"formGroup.get('isHearingRelated')?.value === true; else isHearingRelatedFalse\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'Yes' }}\n </ng-container>\n <ng-template #isHearingRelatedFalse>\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'No' }}\n </ng-template>\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n\n <div *ngIf=\"formGroup.get('isHearingRelated')?.value\" class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ queryCreateContext === queryCreateContextEnum.NEW_QUERY\n ? 'What is the date of the hearing?'\n : 'What is the date of the hearing your query is related to?' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ formGroup.get('hearingDate')?.value | date: 'dd MMM yyyy' }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n <dl class=\"govuk-summary-list govuk-!-margin-bottom-0\" *ngIf=\"this.formGroup.get('attachments').value.length > 0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ queryCreateContext === queryCreateContextEnum.NEW_QUERY ? 'Upload a file to the query' : 'Document attached' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value govuk-summary-list__value--documentAttached\">\n <ccd-query-attachments-read\n *ngIf=\"this.formGroup.get('attachments').value\"\n [attachments]=\"attachments\"\n >\n </ccd-query-attachments-read>\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n\n <dl *ngIf=\"queryCreateContext === queryCreateContextEnum.RESPOND\" class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ 'Closing the query' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ formGroup.get('closeQuery')?.value ? 'I want to close this query' : 'No answer' | rpxTranslate }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n\n <br>\n\n <div>\n <button class=\"govuk-button govuk-button--secondary govuk-!-margin-right-3\" data-module=\"govuk-button\"\n (click)=\"goBack()\">\n {{ 'Previous' | rpxTranslate }}\n </button>\n <button class=\"govuk-button\" data-module=\"govuk-button\" type=\"submit\" (click)=\"submit()\">\n {{ 'Submit' | rpxTranslate }}\n </button>\n </div>\n </div>\n\n <ccd-query-event-completion [eventCompletionParams]=\"eventCompletionParams\"> \n </ccd-query-event-completion>\n</div>\n", styles: [".govuk-summary-list__value--documentAttached{vertical-align:middle}\n"] }]
|
|
21780
|
+
args: [{ selector: 'ccd-query-check-your-answers', template: "<div class=\"govuk-grid-row\" *ngIf=\"readyToSubmit\">\n <div class=\"govuk-grid-column-two-thirds-from-desktop\">\n <!-- Error message summary -->\n <div *ngIf=\"errorMessages.length > 0\" class=\"govuk-error-summary\"\n aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\"\n data-module=\"govuk-error-summary\">\n <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n {{ 'There is a problem' | rpxTranslate }}\n </h2>\n <div class=\"govuk-error-summary__body\">\n <ul class=\"govuk-list govuk-error-summary__list\">\n <li *ngFor=\"let errorMessage of errorMessages\">\n <a [id]=\"'error-' + errorMessage.fieldId\" href=\"javascript:void(0)\"\n class=\"validation-error\">{{ errorMessage.description | rpxTranslate }}</a>\n </li>\n </ul>\n </div>\n </div>\n\n <div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h3 class=\"heading-h3 error-summary-heading\" id=\"event_error-summary-heading\">\n The event could not be created\n </h3>\n <p>{{error.message}}</p>\n <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n <li *ngFor=\"let fieldError of error.details.field_errors\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n </ul>\n </div>\n\n <ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"></ccd-callback-errors>\n\n <ng-container *ngIf=\"queryCreateContext === queryCreateContextEnum.NEW_QUERY\">\n <div class=\"govuk-caption-l\">{{ 'Raise a query' | rpxTranslate }}</div>\n </ng-container>\n\n <h1 class=\"govuk-heading-l\">\n <ng-container *ngIf=\"queryCreateContext === queryCreateContextEnum.RESPOND; else defaultCheckYourAnswersTitle\">\n {{ 'Review query response details' | rpxTranslate }}\n </ng-container>\n\n <ng-template #defaultCheckYourAnswersTitle>\n {{ 'Review query details' | rpxTranslate }}\n </ng-template>\n </h1>\n <div class=\"govuk-!-margin-bottom-4\">\n <ccd-query-case-details-header [caseDetails]=\"caseDetails\"></ccd-query-case-details-header>\n </div>\n\n <dl *ngIf=\"queryCreateContext !== queryCreateContextEnum.FOLLOWUP\" class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Submitted query' : 'Query subject' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ queryCreateContext === queryCreateContextEnum.RESPOND ? queryItem.subject : formGroup.get('subject')?.value }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a *ngIf=\"queryCreateContext === queryCreateContextEnum.NEW_QUERY\" \n href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n\n <dl class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Response detail' : 'Query detail' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ formGroup.get('body')?.value }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n\n <dl *ngIf=\"queryCreateContext === queryCreateContextEnum.NEW_QUERY\" class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ 'Is the query hearing related?' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <ng-container *ngIf=\"formGroup.get('isHearingRelated')?.value === true; else isHearingRelatedFalse\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'Yes' }}\n </ng-container>\n <ng-template #isHearingRelatedFalse>\n {{ 'Is the query hearing related?' | rpxTranslate: null : 'No' }}\n </ng-template>\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n\n <div *ngIf=\"formGroup.get('isHearingRelated')?.value\" class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ queryCreateContext === queryCreateContextEnum.NEW_QUERY\n ? 'What is the date of the hearing?'\n : 'What is the date of the hearing your query is related to?' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ formGroup.get('hearingDate')?.value | date: 'dd MMM yyyy' }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n <dl class=\"govuk-summary-list govuk-!-margin-bottom-0\" *ngIf=\"this.formGroup.get('attachments').value.length > 0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ queryCreateContext === queryCreateContextEnum.NEW_QUERY ? 'Upload a file to the query' : 'Document attached' | rpxTranslate }}\n </dt>\n <dd class=\"govuk-summary-list__value govuk-summary-list__value--documentAttached\">\n <ccd-query-attachments-read\n *ngIf=\"this.formGroup.get('attachments').value\"\n [attachments]=\"attachments\"\n >\n </ccd-query-attachments-read>\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n\n <dl *ngIf=\"queryCreateContext === queryCreateContextEnum.RESPOND\" class=\"govuk-summary-list govuk-!-margin-bottom-0\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{ 'Closing the query' | rpxTranslate }} {{formGroup.get('closeQuery')?.value }}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{ formGroup.get('closeQuery')?.value ? 'I want to close this query' : 'No answer' | rpxTranslate }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a href=\"javascript:void(0)\" class=\"govuk-link\" (click)=\"goBack()\">\n {{ 'Change' | rpxTranslate }}\n </a>\n </dd>\n </div>\n </dl>\n\n <br>\n\n <div>\n <button class=\"govuk-button govuk-button--secondary govuk-!-margin-right-3\" data-module=\"govuk-button\"\n (click)=\"goBack()\">\n {{ 'Previous' | rpxTranslate }}\n </button>\n <button class=\"govuk-button\" data-module=\"govuk-button\" type=\"submit\" (click)=\"submit()\">\n {{ 'Submit' | rpxTranslate }}\n </button>\n </div>\n </div>\n\n <ccd-query-event-completion [eventCompletionParams]=\"eventCompletionParams\"> \n </ccd-query-event-completion>\n</div>\n", styles: [".govuk-summary-list__value--documentAttached{vertical-align:middle}\n"] }]
|
|
21780
21781
|
}], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: CasesService }, { type: CaseNotifier }, { type: WorkAllocationService }, { type: SessionStorageService }, { type: QualifyingQuestionService }], { formGroup: [{
|
|
21781
21782
|
type: Input
|
|
21782
21783
|
}], queryItem: [{
|
|
@@ -22562,14 +22563,8 @@ class QueryWriteDateInputComponent {
|
|
|
22562
22563
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryWriteDateInputComponent, { className: "QueryWriteDateInputComponent", filePath: "lib/shared/components/palette/query-management/components/query-write/query-write-date-input/query-write-date-input.component.ts", lineNumber: 15 }); })();
|
|
22563
22564
|
|
|
22564
22565
|
const _c0$C = a0 => ({ "govuk-form-group--error": a0 });
|
|
22565
|
-
function QueryWriteRaiseQueryComponent_ccd_query_case_details_header_9_Template(rf, ctx) { if (rf & 1) {
|
|
22566
|
-
i0.ɵɵelement(0, "ccd-query-case-details-header", 5);
|
|
22567
|
-
} if (rf & 2) {
|
|
22568
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
22569
|
-
i0.ɵɵproperty("caseDetails", ctx_r0.caseDetails);
|
|
22570
|
-
} }
|
|
22571
22566
|
function QueryWriteRaiseQueryComponent_div_11_p_19_Template(rf, ctx) { if (rf & 1) {
|
|
22572
|
-
i0.ɵɵelementStart(0, "p",
|
|
22567
|
+
i0.ɵɵelementStart(0, "p", 32)(1, "span", 10);
|
|
22573
22568
|
i0.ɵɵtext(2);
|
|
22574
22569
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22575
22570
|
i0.ɵɵelementEnd();
|
|
@@ -22577,14 +22572,14 @@ function QueryWriteRaiseQueryComponent_div_11_p_19_Template(rf, ctx) { if (rf &
|
|
|
22577
22572
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22578
22573
|
i0.ɵɵelementEnd();
|
|
22579
22574
|
} if (rf & 2) {
|
|
22580
|
-
const
|
|
22575
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22581
22576
|
i0.ɵɵadvance(2);
|
|
22582
22577
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
22583
22578
|
i0.ɵɵadvance(2);
|
|
22584
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4,
|
|
22579
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r1.getSubjectErrorMessage()), " ");
|
|
22585
22580
|
} }
|
|
22586
22581
|
function QueryWriteRaiseQueryComponent_div_11_p_29_Template(rf, ctx) { if (rf & 1) {
|
|
22587
|
-
i0.ɵɵelementStart(0, "p",
|
|
22582
|
+
i0.ɵɵelementStart(0, "p", 33)(1, "span", 10);
|
|
22588
22583
|
i0.ɵɵtext(2);
|
|
22589
22584
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22590
22585
|
i0.ɵɵelementEnd();
|
|
@@ -22592,14 +22587,14 @@ function QueryWriteRaiseQueryComponent_div_11_p_29_Template(rf, ctx) { if (rf &
|
|
|
22592
22587
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22593
22588
|
i0.ɵɵelementEnd();
|
|
22594
22589
|
} if (rf & 2) {
|
|
22595
|
-
const
|
|
22590
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22596
22591
|
i0.ɵɵadvance(2);
|
|
22597
22592
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22598
22593
|
i0.ɵɵadvance(2);
|
|
22599
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22594
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_BODY), " ");
|
|
22600
22595
|
} }
|
|
22601
22596
|
function QueryWriteRaiseQueryComponent_div_11_p_38_Template(rf, ctx) { if (rf & 1) {
|
|
22602
|
-
i0.ɵɵelementStart(0, "p",
|
|
22597
|
+
i0.ɵɵelementStart(0, "p", 34)(1, "span", 10);
|
|
22603
22598
|
i0.ɵɵtext(2);
|
|
22604
22599
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22605
22600
|
i0.ɵɵelementEnd();
|
|
@@ -22607,14 +22602,14 @@ function QueryWriteRaiseQueryComponent_div_11_p_38_Template(rf, ctx) { if (rf &
|
|
|
22607
22602
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22608
22603
|
i0.ɵɵelementEnd();
|
|
22609
22604
|
} if (rf & 2) {
|
|
22610
|
-
const
|
|
22605
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22611
22606
|
i0.ɵɵadvance(2);
|
|
22612
22607
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22613
22608
|
i0.ɵɵadvance(2);
|
|
22614
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22609
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_RELATED), " ");
|
|
22615
22610
|
} }
|
|
22616
22611
|
function QueryWriteRaiseQueryComponent_div_11_ng_container_50_p_7_Template(rf, ctx) { if (rf & 1) {
|
|
22617
|
-
i0.ɵɵelementStart(0, "p",
|
|
22612
|
+
i0.ɵɵelementStart(0, "p", 40)(1, "span", 10);
|
|
22618
22613
|
i0.ɵɵtext(2);
|
|
22619
22614
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22620
22615
|
i0.ɵɵelementEnd();
|
|
@@ -22622,126 +22617,126 @@ function QueryWriteRaiseQueryComponent_div_11_ng_container_50_p_7_Template(rf, c
|
|
|
22622
22617
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22623
22618
|
i0.ɵɵelementEnd();
|
|
22624
22619
|
} if (rf & 2) {
|
|
22625
|
-
const
|
|
22620
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
22626
22621
|
i0.ɵɵadvance(2);
|
|
22627
22622
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22628
22623
|
i0.ɵɵadvance(2);
|
|
22629
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22624
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_DATE), " ");
|
|
22630
22625
|
} }
|
|
22631
22626
|
function QueryWriteRaiseQueryComponent_div_11_ng_container_50_Template(rf, ctx) { if (rf & 1) {
|
|
22632
22627
|
i0.ɵɵelementContainerStart(0);
|
|
22633
|
-
i0.ɵɵelementStart(1, "div",
|
|
22628
|
+
i0.ɵɵelementStart(1, "div", 35)(2, "fieldset", 36)(3, "legend")(4, "label", 37);
|
|
22634
22629
|
i0.ɵɵtext(5);
|
|
22635
22630
|
i0.ɵɵpipe(6, "rpxTranslate");
|
|
22636
22631
|
i0.ɵɵelementEnd()();
|
|
22637
|
-
i0.ɵɵtemplate(7, QueryWriteRaiseQueryComponent_div_11_ng_container_50_p_7_Template, 6, 6, "p",
|
|
22638
|
-
i0.ɵɵelement(8, "ccd-query-write-date-input",
|
|
22632
|
+
i0.ɵɵtemplate(7, QueryWriteRaiseQueryComponent_div_11_ng_container_50_p_7_Template, 6, 6, "p", 38);
|
|
22633
|
+
i0.ɵɵelement(8, "ccd-query-write-date-input", 39);
|
|
22639
22634
|
i0.ɵɵelementEnd()();
|
|
22640
22635
|
i0.ɵɵelementContainerEnd();
|
|
22641
22636
|
} if (rf & 2) {
|
|
22642
|
-
const
|
|
22637
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22643
22638
|
i0.ɵɵadvance();
|
|
22644
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$C,
|
|
22639
|
+
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));
|
|
22645
22640
|
i0.ɵɵadvance(4);
|
|
22646
22641
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 3, "What is the date of the hearing?"), " ");
|
|
22647
22642
|
i0.ɵɵadvance(2);
|
|
22648
|
-
i0.ɵɵproperty("ngIf",
|
|
22643
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").value === true && ctx_r1.formGroup.get("hearingDate").value === null);
|
|
22649
22644
|
} }
|
|
22650
22645
|
function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
22651
|
-
const
|
|
22652
|
-
i0.ɵɵelementStart(0, "div",
|
|
22646
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
22647
|
+
i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "div")(3, "div", 7)(4, "span", 8);
|
|
22653
22648
|
i0.ɵɵtext(5, "!");
|
|
22654
22649
|
i0.ɵɵelementEnd();
|
|
22655
|
-
i0.ɵɵelementStart(6, "strong",
|
|
22650
|
+
i0.ɵɵelementStart(6, "strong", 9)(7, "span", 10);
|
|
22656
22651
|
i0.ɵɵtext(8, "Warning");
|
|
22657
22652
|
i0.ɵɵelementEnd();
|
|
22658
|
-
i0.ɵɵelement(9, "ccd-markdown",
|
|
22653
|
+
i0.ɵɵelement(9, "ccd-markdown", 11);
|
|
22659
22654
|
i0.ɵɵpipe(10, "rpxTranslate");
|
|
22660
22655
|
i0.ɵɵelementEnd()();
|
|
22661
|
-
i0.ɵɵelementStart(11, "div",
|
|
22656
|
+
i0.ɵɵelementStart(11, "div", 12)(12, "div", 13)(13, "label", 14);
|
|
22662
22657
|
i0.ɵɵtext(14);
|
|
22663
22658
|
i0.ɵɵpipe(15, "rpxTranslate");
|
|
22664
22659
|
i0.ɵɵelementEnd()();
|
|
22665
|
-
i0.ɵɵelementStart(16, "div",
|
|
22660
|
+
i0.ɵɵelementStart(16, "div", 15);
|
|
22666
22661
|
i0.ɵɵtext(17);
|
|
22667
22662
|
i0.ɵɵpipe(18, "rpxTranslate");
|
|
22668
22663
|
i0.ɵɵelementEnd();
|
|
22669
|
-
i0.ɵɵtemplate(19, QueryWriteRaiseQueryComponent_div_11_p_19_Template, 6, 6, "p",
|
|
22670
|
-
i0.ɵɵelementStart(20, "input",
|
|
22671
|
-
i0.ɵɵlistener("input", function QueryWriteRaiseQueryComponent_div_11_Template_input_input_20_listener() { i0.ɵɵrestoreView(
|
|
22664
|
+
i0.ɵɵtemplate(19, QueryWriteRaiseQueryComponent_div_11_p_19_Template, 6, 6, "p", 16);
|
|
22665
|
+
i0.ɵɵelementStart(20, "input", 17);
|
|
22666
|
+
i0.ɵɵlistener("input", function QueryWriteRaiseQueryComponent_div_11_Template_input_input_20_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubjectInput()); });
|
|
22672
22667
|
i0.ɵɵelementEnd()();
|
|
22673
|
-
i0.ɵɵelementStart(21, "div",
|
|
22668
|
+
i0.ɵɵelementStart(21, "div", 12)(22, "div", 13)(23, "label", 18);
|
|
22674
22669
|
i0.ɵɵtext(24);
|
|
22675
22670
|
i0.ɵɵpipe(25, "rpxTranslate");
|
|
22676
22671
|
i0.ɵɵelementEnd()();
|
|
22677
|
-
i0.ɵɵelementStart(26, "div",
|
|
22672
|
+
i0.ɵɵelementStart(26, "div", 19);
|
|
22678
22673
|
i0.ɵɵtext(27);
|
|
22679
22674
|
i0.ɵɵpipe(28, "rpxTranslate");
|
|
22680
22675
|
i0.ɵɵelementEnd();
|
|
22681
|
-
i0.ɵɵtemplate(29, QueryWriteRaiseQueryComponent_div_11_p_29_Template, 6, 6, "p",
|
|
22682
|
-
i0.ɵɵelementStart(30, "textarea",
|
|
22676
|
+
i0.ɵɵtemplate(29, QueryWriteRaiseQueryComponent_div_11_p_29_Template, 6, 6, "p", 20);
|
|
22677
|
+
i0.ɵɵelementStart(30, "textarea", 21);
|
|
22683
22678
|
i0.ɵɵtext(31, " ");
|
|
22684
22679
|
i0.ɵɵelementEnd()();
|
|
22685
|
-
i0.ɵɵelementStart(32, "div",
|
|
22680
|
+
i0.ɵɵelementStart(32, "div", 12)(33, "fieldset", 22)(34, "legend")(35, "label", 23);
|
|
22686
22681
|
i0.ɵɵtext(36);
|
|
22687
22682
|
i0.ɵɵpipe(37, "rpxTranslate");
|
|
22688
22683
|
i0.ɵɵelementEnd()();
|
|
22689
|
-
i0.ɵɵtemplate(38, QueryWriteRaiseQueryComponent_div_11_p_38_Template, 6, 6, "p",
|
|
22690
|
-
i0.ɵɵelementStart(39, "div",
|
|
22691
|
-
i0.ɵɵelement(41, "input",
|
|
22692
|
-
i0.ɵɵelementStart(42, "label",
|
|
22684
|
+
i0.ɵɵtemplate(38, QueryWriteRaiseQueryComponent_div_11_p_38_Template, 6, 6, "p", 24);
|
|
22685
|
+
i0.ɵɵelementStart(39, "div", 25)(40, "div", 26);
|
|
22686
|
+
i0.ɵɵelement(41, "input", 27);
|
|
22687
|
+
i0.ɵɵelementStart(42, "label", 28);
|
|
22693
22688
|
i0.ɵɵtext(43);
|
|
22694
22689
|
i0.ɵɵpipe(44, "rpxTranslate");
|
|
22695
22690
|
i0.ɵɵelementEnd()();
|
|
22696
|
-
i0.ɵɵelementStart(45, "div",
|
|
22697
|
-
i0.ɵɵelement(46, "input",
|
|
22698
|
-
i0.ɵɵelementStart(47, "label",
|
|
22691
|
+
i0.ɵɵelementStart(45, "div", 26);
|
|
22692
|
+
i0.ɵɵelement(46, "input", 29);
|
|
22693
|
+
i0.ɵɵelementStart(47, "label", 30);
|
|
22699
22694
|
i0.ɵɵtext(48);
|
|
22700
22695
|
i0.ɵɵpipe(49, "rpxTranslate");
|
|
22701
22696
|
i0.ɵɵelementEnd()()()();
|
|
22702
|
-
i0.ɵɵtemplate(50, QueryWriteRaiseQueryComponent_div_11_ng_container_50_Template, 9, 7, "ng-container",
|
|
22697
|
+
i0.ɵɵtemplate(50, QueryWriteRaiseQueryComponent_div_11_ng_container_50_Template, 9, 7, "ng-container", 31);
|
|
22703
22698
|
i0.ɵɵelementEnd()()()();
|
|
22704
22699
|
} if (rf & 2) {
|
|
22705
|
-
const
|
|
22700
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
22706
22701
|
i0.ɵɵadvance();
|
|
22707
|
-
i0.ɵɵproperty("formGroup",
|
|
22702
|
+
i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
|
|
22708
22703
|
i0.ɵɵadvance(8);
|
|
22709
|
-
i0.ɵɵproperty("content", i0.ɵɵpipeBind1(10, 23,
|
|
22704
|
+
i0.ɵɵproperty("content", i0.ɵɵpipeBind1(10, 23, ctx_r1.serviceMessage));
|
|
22710
22705
|
i0.ɵɵadvance(2);
|
|
22711
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c0$C,
|
|
22706
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("subject").hasError("required")));
|
|
22712
22707
|
i0.ɵɵadvance(3);
|
|
22713
22708
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 25, "Query subject"), " ");
|
|
22714
22709
|
i0.ɵɵadvance(3);
|
|
22715
22710
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 27, "The subject should be a summary of your query"), " ");
|
|
22716
22711
|
i0.ɵɵadvance(2);
|
|
22717
|
-
i0.ɵɵproperty("ngIf",
|
|
22712
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && (ctx_r1.formGroup.get("subject").hasError("required") || ctx_r1.formGroup.get("subject").hasError("maxlength")));
|
|
22718
22713
|
i0.ɵɵadvance(2);
|
|
22719
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c0$C,
|
|
22714
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required")));
|
|
22720
22715
|
i0.ɵɵadvance(3);
|
|
22721
22716
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(25, 29, "Query detail"), " ");
|
|
22722
22717
|
i0.ɵɵadvance(3);
|
|
22723
22718
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(28, 31, "Include as many details as possible so case workers can respond to your query"), " ");
|
|
22724
22719
|
i0.ɵɵadvance(2);
|
|
22725
|
-
i0.ɵɵproperty("ngIf",
|
|
22720
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
|
|
22726
22721
|
i0.ɵɵadvance();
|
|
22727
|
-
i0.ɵɵclassProp("govuk-textarea--error",
|
|
22722
|
+
i0.ɵɵclassProp("govuk-textarea--error", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
|
|
22728
22723
|
i0.ɵɵproperty("formControlName", "body");
|
|
22729
22724
|
i0.ɵɵadvance(2);
|
|
22730
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(47, _c0$C,
|
|
22725
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(47, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required")));
|
|
22731
22726
|
i0.ɵɵadvance(4);
|
|
22732
22727
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(37, 33, "Is the query hearing related?"), " ");
|
|
22733
22728
|
i0.ɵɵadvance(2);
|
|
22734
|
-
i0.ɵɵproperty("ngIf",
|
|
22729
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required"));
|
|
22735
22730
|
i0.ɵɵadvance(3);
|
|
22736
|
-
i0.ɵɵproperty("checked",
|
|
22731
|
+
i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === true)("value", true);
|
|
22737
22732
|
i0.ɵɵadvance(2);
|
|
22738
22733
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(44, 35, "Is the query hearing related?", null, "Yes"), " ");
|
|
22739
22734
|
i0.ɵɵadvance(3);
|
|
22740
|
-
i0.ɵɵproperty("checked",
|
|
22735
|
+
i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === false)("value", false);
|
|
22741
22736
|
i0.ɵɵadvance(2);
|
|
22742
22737
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(49, 39, "Is the query hearing related?", null, "No"), " ");
|
|
22743
22738
|
i0.ɵɵadvance(2);
|
|
22744
|
-
i0.ɵɵproperty("ngIf",
|
|
22739
|
+
i0.ɵɵproperty("ngIf", ctx_r1.formGroup.get("isHearingRelated").value);
|
|
22745
22740
|
} }
|
|
22746
22741
|
class QueryWriteRaiseQueryComponent {
|
|
22747
22742
|
formGroup;
|
|
@@ -22768,7 +22763,7 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22768
22763
|
return '';
|
|
22769
22764
|
}
|
|
22770
22765
|
static ɵfac = function QueryWriteRaiseQueryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryWriteRaiseQueryComponent)(); };
|
|
22771
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted", caseDetails: "caseDetails", showForm: "showForm", serviceMessage: "serviceMessage" }, decls: 12, vars: 8, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [3, "caseDetails"
|
|
22766
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted", caseDetails: "caseDetails", showForm: "showForm", serviceMessage: "serviceMessage" }, 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-warning-text"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-visually-hidden"], [3, "content"], [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"], ["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) {
|
|
22772
22767
|
i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "div", 1);
|
|
22773
22768
|
i0.ɵɵtext(3);
|
|
22774
22769
|
i0.ɵɵpipe(4, "rpxTranslate");
|
|
@@ -22778,7 +22773,7 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22778
22773
|
i0.ɵɵpipe(7, "rpxTranslate");
|
|
22779
22774
|
i0.ɵɵelementEnd()();
|
|
22780
22775
|
i0.ɵɵelementStart(8, "div");
|
|
22781
|
-
i0.ɵɵ
|
|
22776
|
+
i0.ɵɵelement(9, "ccd-query-case-details-header", 3);
|
|
22782
22777
|
i0.ɵɵelementEnd();
|
|
22783
22778
|
i0.ɵɵelement(10, "hr");
|
|
22784
22779
|
i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_Template, 51, 49, "div", 4);
|
|
@@ -22789,14 +22784,14 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22789
22784
|
i0.ɵɵadvance(3);
|
|
22790
22785
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 6, "Enter query details"));
|
|
22791
22786
|
i0.ɵɵadvance(3);
|
|
22792
|
-
i0.ɵɵproperty("
|
|
22787
|
+
i0.ɵɵproperty("caseDetails", ctx.caseDetails);
|
|
22793
22788
|
i0.ɵɵadvance(2);
|
|
22794
22789
|
i0.ɵɵproperty("ngIf", ctx.showForm);
|
|
22795
22790
|
} }, encapsulation: 2 });
|
|
22796
22791
|
}
|
|
22797
22792
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteRaiseQueryComponent, [{
|
|
22798
22793
|
type: Component,
|
|
22799
|
-
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\"
|
|
22794
|
+
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-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-visually-hidden\">Warning</span>\n <ccd-markdown\n [content]=\"serviceMessage | rpxTranslate\">\n </ccd-markdown>\n </strong>\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" }]
|
|
22800
22795
|
}], null, { formGroup: [{
|
|
22801
22796
|
type: Input
|
|
22802
22797
|
}], submitted: [{
|
|
@@ -22810,14 +22805,8 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22810
22805
|
}] }); })();
|
|
22811
22806
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryWriteRaiseQueryComponent, { className: "QueryWriteRaiseQueryComponent", filePath: "lib/shared/components/palette/query-management/components/query-write/query-write-raise-query/query-write-raise-query.component.ts", lineNumber: 8 }); })();
|
|
22812
22807
|
|
|
22813
|
-
function QueryWriteRespondToQueryComponent_ccd_query_case_details_header_9_Template(rf, ctx) { if (rf & 1) {
|
|
22814
|
-
i0.ɵɵelement(0, "ccd-query-case-details-header", 8);
|
|
22815
|
-
} if (rf & 2) {
|
|
22816
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
22817
|
-
i0.ɵɵproperty("caseDetails", ctx_r0.caseDetails);
|
|
22818
|
-
} }
|
|
22819
22808
|
function QueryWriteRespondToQueryComponent_div_12_div_1_p_10_Template(rf, ctx) { if (rf & 1) {
|
|
22820
|
-
i0.ɵɵelementStart(0, "p",
|
|
22809
|
+
i0.ɵɵelementStart(0, "p", 16)(1, "span", 17);
|
|
22821
22810
|
i0.ɵɵtext(2);
|
|
22822
22811
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22823
22812
|
i0.ɵɵelementEnd();
|
|
@@ -22832,16 +22821,16 @@ function QueryWriteRespondToQueryComponent_div_12_div_1_p_10_Template(rf, ctx) {
|
|
|
22832
22821
|
i0.ɵɵtextInterpolate1("", ctx_r0.queryCreateContext === ctx_r0.queryCreateContextEnum.RESPOND ? ctx_r0.raiseQueryErrorMessages.RESPOND_QUERY_BODY : i0.ɵɵpipeBind1(5, 4, ctx_r0.raiseQueryErrorMessages.QUERY_BODY), " ");
|
|
22833
22822
|
} }
|
|
22834
22823
|
function QueryWriteRespondToQueryComponent_div_12_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
22835
|
-
i0.ɵɵelementStart(0, "div")(1, "h1",
|
|
22824
|
+
i0.ɵɵelementStart(0, "div")(1, "h1", 9);
|
|
22836
22825
|
i0.ɵɵtext(2);
|
|
22837
22826
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22838
22827
|
i0.ɵɵelementEnd();
|
|
22839
|
-
i0.ɵɵelementStart(4, "div",
|
|
22828
|
+
i0.ɵɵelementStart(4, "div", 10)(5, "div", 11)(6, "div", 12)(7, "label", 13);
|
|
22840
22829
|
i0.ɵɵtext(8);
|
|
22841
22830
|
i0.ɵɵpipe(9, "rpxTranslate");
|
|
22842
22831
|
i0.ɵɵelementEnd()();
|
|
22843
|
-
i0.ɵɵtemplate(10, QueryWriteRespondToQueryComponent_div_12_div_1_p_10_Template, 6, 6, "p",
|
|
22844
|
-
i0.ɵɵelementStart(11, "textarea",
|
|
22832
|
+
i0.ɵɵtemplate(10, QueryWriteRespondToQueryComponent_div_12_div_1_p_10_Template, 6, 6, "p", 14);
|
|
22833
|
+
i0.ɵɵelementStart(11, "textarea", 15);
|
|
22845
22834
|
i0.ɵɵtext(12, " ");
|
|
22846
22835
|
i0.ɵɵelementEnd()()()();
|
|
22847
22836
|
} if (rf & 2) {
|
|
@@ -22864,7 +22853,7 @@ function QueryWriteRespondToQueryComponent_div_12_div_1_Template(rf, ctx) { if (
|
|
|
22864
22853
|
i0.ɵɵproperty("formControlName", "body");
|
|
22865
22854
|
} }
|
|
22866
22855
|
function QueryWriteRespondToQueryComponent_div_12_Template(rf, ctx) { if (rf & 1) {
|
|
22867
|
-
i0.ɵɵelementStart(0, "div",
|
|
22856
|
+
i0.ɵɵelementStart(0, "div", 8);
|
|
22868
22857
|
i0.ɵɵtemplate(1, QueryWriteRespondToQueryComponent_div_12_div_1_Template, 13, 13, "div", 7);
|
|
22869
22858
|
i0.ɵɵelementEnd();
|
|
22870
22859
|
} if (rf & 2) {
|
|
@@ -22873,14 +22862,14 @@ function QueryWriteRespondToQueryComponent_div_12_Template(rf, ctx) { if (rf & 1
|
|
|
22873
22862
|
i0.ɵɵproperty("ngIf", !ctx_r0.hasRespondedToQuery);
|
|
22874
22863
|
} }
|
|
22875
22864
|
function QueryWriteRespondToQueryComponent_ng_container_13_ccd_close_query_1_Template(rf, ctx) { if (rf & 1) {
|
|
22876
|
-
i0.ɵɵelement(0, "ccd-close-query",
|
|
22865
|
+
i0.ɵɵelement(0, "ccd-close-query", 10);
|
|
22877
22866
|
} if (rf & 2) {
|
|
22878
22867
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
22879
22868
|
i0.ɵɵproperty("formGroup", ctx_r0.formGroup);
|
|
22880
22869
|
} }
|
|
22881
22870
|
function QueryWriteRespondToQueryComponent_ng_container_13_Template(rf, ctx) { if (rf & 1) {
|
|
22882
22871
|
i0.ɵɵelementContainerStart(0);
|
|
22883
|
-
i0.ɵɵtemplate(1, QueryWriteRespondToQueryComponent_ng_container_13_ccd_close_query_1_Template, 1, 1, "ccd-close-query",
|
|
22872
|
+
i0.ɵɵtemplate(1, QueryWriteRespondToQueryComponent_ng_container_13_ccd_close_query_1_Template, 1, 1, "ccd-close-query", 18);
|
|
22884
22873
|
i0.ɵɵelementContainerEnd();
|
|
22885
22874
|
} if (rf & 2) {
|
|
22886
22875
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -22957,7 +22946,7 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22957
22946
|
this.hasRespondedToQueryTask.emit(value);
|
|
22958
22947
|
}
|
|
22959
22948
|
static ɵfac = function QueryWriteRespondToQueryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryWriteRespondToQueryComponent)(i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute)); };
|
|
22960
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRespondToQueryComponent, selectors: [["ccd-query-write-respond-to-query"]], inputs: { queryItem: "queryItem", formGroup: "formGroup", queryCreateContext: "queryCreateContext", submitted: "submitted", caseQueriesCollections: "caseQueriesCollections", showForm: "showForm" }, outputs: { hasRespondedToQueryTask: "hasRespondedToQueryTask" }, features: [i0.ɵɵNgOnChangesFeature], decls: 14, vars: 11, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-0"], [1, "govuk-!-margin-bottom-4"], [3, "caseDetails"
|
|
22949
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteRespondToQueryComponent, selectors: [["ccd-query-write-respond-to-query"]], inputs: { queryItem: "queryItem", formGroup: "formGroup", queryCreateContext: "queryCreateContext", submitted: "submitted", caseQueriesCollections: "caseQueriesCollections", showForm: "showForm" }, outputs: { hasRespondedToQueryTask: "hasRespondedToQueryTask" }, features: [i0.ɵɵNgOnChangesFeature], decls: 14, vars: 11, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-0"], [1, "govuk-!-margin-bottom-4"], [3, "caseDetails"], [3, "hasResponded", "query", "queryResponseStatus"], ["class", "query-respond", 4, "ngIf"], [4, "ngIf"], [1, "query-respond"], [1, "govuk-heading-m"], [3, "formGroup"], [1, "govuk-form-group", "body-textarea"], [1, "govuk-label-wrapper"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["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"], ["id", "body-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [3, "formGroup", 4, "ngIf"]], template: function QueryWriteRespondToQueryComponent_Template(rf, ctx) { if (rf & 1) {
|
|
22961
22950
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 0)(2, "div", 1);
|
|
22962
22951
|
i0.ɵɵtext(3);
|
|
22963
22952
|
i0.ɵɵpipe(4, "rpxTranslate");
|
|
@@ -22967,7 +22956,7 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22967
22956
|
i0.ɵɵpipe(7, "rpxTranslate");
|
|
22968
22957
|
i0.ɵɵelementEnd()();
|
|
22969
22958
|
i0.ɵɵelementStart(8, "div", 3);
|
|
22970
|
-
i0.ɵɵ
|
|
22959
|
+
i0.ɵɵelement(9, "ccd-query-case-details-header", 4);
|
|
22971
22960
|
i0.ɵɵelementEnd();
|
|
22972
22961
|
i0.ɵɵelementStart(10, "div")(11, "ccd-query-details", 5);
|
|
22973
22962
|
i0.ɵɵlistener("hasResponded", function QueryWriteRespondToQueryComponent_Template_ccd_query_details_hasResponded_11_listener($event) { return ctx.hasResponded($event); });
|
|
@@ -22979,7 +22968,7 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22979
22968
|
i0.ɵɵadvance(3);
|
|
22980
22969
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 9, "Query details"));
|
|
22981
22970
|
i0.ɵɵadvance(3);
|
|
22982
|
-
i0.ɵɵproperty("
|
|
22971
|
+
i0.ɵɵproperty("caseDetails", ctx.caseDetails);
|
|
22983
22972
|
i0.ɵɵadvance(2);
|
|
22984
22973
|
i0.ɵɵproperty("query", ctx.queryListData)("queryResponseStatus", ctx.queryResponseStatus);
|
|
22985
22974
|
i0.ɵɵadvance();
|
|
@@ -22990,7 +22979,7 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22990
22979
|
}
|
|
22991
22980
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteRespondToQueryComponent, [{
|
|
22992
22981
|
type: Component,
|
|
22993
|
-
args: [{ selector: 'ccd-query-write-respond-to-query', template: "<div class=\"govuk-!-margin-bottom-6\">\n <div class=\"govuk-!-margin-bottom-6\">\n <div class=\"govuk-caption-l\">{{ 'Respond to a query' | rpxTranslate }}</div>\n <h1 class=\"govuk-heading-l govuk-!-margin-bottom-0\">{{ 'Query details' | rpxTranslate }}</h1>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <ccd-query-case-details-header [caseDetails]=\"caseDetails\"
|
|
22982
|
+
args: [{ selector: 'ccd-query-write-respond-to-query', template: "<div class=\"govuk-!-margin-bottom-6\">\n <div class=\"govuk-!-margin-bottom-6\">\n <div class=\"govuk-caption-l\">{{ 'Respond to a query' | rpxTranslate }}</div>\n <h1 class=\"govuk-heading-l govuk-!-margin-bottom-0\">{{ 'Query details' | rpxTranslate }}</h1>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <ccd-query-case-details-header [caseDetails]=\"caseDetails\"></ccd-query-case-details-header>\n </div>\n\n <div>\n <ccd-query-details [query]=\"queryListData\"\n [queryResponseStatus]=\"queryResponseStatus\"\n (hasResponded)=\"hasResponded($event)\"></ccd-query-details>\n </div>\n</div>\n<div class=\"query-respond\" *ngIf=\"showForm\">\n <div *ngIf=\"!hasRespondedToQuery\">\n <h1 class=\"govuk-heading-m\">\n {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Respond to a query' : 'Ask a follow-up question' | rpxTranslate }}\n </h1>\n\n <div [formGroup]=\"formGroup\">\n <div class=\"govuk-form-group body-textarea\"\n [class.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 {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Response detail' : 'Query Body' | rpxTranslate }}\n </label>\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>{{ queryCreateContext === queryCreateContextEnum.RESPOND ? raiseQueryErrorMessages.RESPOND_QUERY_BODY : raiseQueryErrorMessages.QUERY_BODY | rpxTranslate }}\n </p>\n <textarea [formControlName]=\"'body'\" class=\"govuk-textarea\"\n [class.govuk-textarea--error]=\"submitted && formGroup.get('body')?.hasError('required')\" id=\"body\"\n name=\"body\" rows=\"5\" aria-describedby=\"body-hint body-error\">\n </textarea>\n </div>\n </div>\n </div>\n</div>\n\n<ng-container *ngIf=\"queryCreateContext === queryCreateContextEnum.RESPOND\">\n <ccd-close-query *ngIf=\"!hasRespondedToQuery\"\n [formGroup]=\"formGroup\">\n </ccd-close-query>\n</ng-container>", styles: [".query-respond{width:100%;max-width:720px}\n"] }]
|
|
22994
22983
|
}], () => [{ type: CaseNotifier }, { type: i1$1.ActivatedRoute }], { queryItem: [{
|
|
22995
22984
|
type: Input
|
|
22996
22985
|
}], formGroup: [{
|