@hmcts/ccd-case-ui-toolkit 7.2.20--extra-text → 7.2.20-last-submitted-name
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/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/esm2022/lib/shared/components/palette/query-management/models/query-list/query-list-item/query-list-item.model.mjs +2 -9
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +88 -106
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/lib/shared/components/palette/query-management/models/query-list/query-list-item/query-list-item.model.d.ts.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 }]
|
|
@@ -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);
|
|
@@ -20921,14 +20921,7 @@ class QueryListItem {
|
|
|
20921
20921
|
if (childrenCount === 0) {
|
|
20922
20922
|
return this.lastSubmittedMessage.name;
|
|
20923
20923
|
}
|
|
20924
|
-
|
|
20925
|
-
if (childrenCount === 1) {
|
|
20926
|
-
index = 0;
|
|
20927
|
-
}
|
|
20928
|
-
else {
|
|
20929
|
-
index = childrenCount % 2 === 1 ? childrenCount - 1 : childrenCount - 2;
|
|
20930
|
-
}
|
|
20931
|
-
return this.children[index].name;
|
|
20924
|
+
return this.children[childrenCount - 1].name;
|
|
20932
20925
|
}
|
|
20933
20926
|
get lastSubmittedDate() {
|
|
20934
20927
|
const childrenCount = this.children.length;
|
|
@@ -21331,14 +21324,15 @@ function QueryCheckYourAnswersComponent_div_0_dl_26_Template(rf, ctx) { if (rf &
|
|
|
21331
21324
|
i0.ɵɵpipe(11, "rpxTranslate");
|
|
21332
21325
|
i0.ɵɵelementEnd()()()();
|
|
21333
21326
|
} if (rf & 2) {
|
|
21327
|
+
let tmp_3_0;
|
|
21334
21328
|
let tmp_4_0;
|
|
21335
21329
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
21336
21330
|
i0.ɵɵadvance(3);
|
|
21337
|
-
i0.ɵɵ
|
|
21331
|
+
i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(4, 4, "Closing the query"), " ", (tmp_3_0 = ctx_r2.formGroup.get("closeQuery")) == null ? null : tmp_3_0.value, " ");
|
|
21338
21332
|
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,
|
|
21333
|
+
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
21334
|
i0.ɵɵadvance(4);
|
|
21341
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(11,
|
|
21335
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(11, 8, "Change"), " ");
|
|
21342
21336
|
} }
|
|
21343
21337
|
function QueryCheckYourAnswersComponent_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
21344
21338
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
@@ -21365,7 +21359,7 @@ function QueryCheckYourAnswersComponent_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
21365
21359
|
i0.ɵɵtext(22);
|
|
21366
21360
|
i0.ɵɵpipe(23, "rpxTranslate");
|
|
21367
21361
|
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,
|
|
21362
|
+
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
21363
|
i0.ɵɵelement(27, "br");
|
|
21370
21364
|
i0.ɵɵelementStart(28, "div")(29, "button", 20);
|
|
21371
21365
|
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 +21770,7 @@ class QueryCheckYourAnswersComponent {
|
|
|
21776
21770
|
}
|
|
21777
21771
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryCheckYourAnswersComponent, [{
|
|
21778
21772
|
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"] }]
|
|
21773
|
+
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
21774
|
}], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: CasesService }, { type: CaseNotifier }, { type: WorkAllocationService }, { type: SessionStorageService }, { type: QualifyingQuestionService }], { formGroup: [{
|
|
21781
21775
|
type: Input
|
|
21782
21776
|
}], queryItem: [{
|
|
@@ -22562,14 +22556,8 @@ class QueryWriteDateInputComponent {
|
|
|
22562
22556
|
(() => { (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
22557
|
|
|
22564
22558
|
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
22559
|
function QueryWriteRaiseQueryComponent_div_11_p_19_Template(rf, ctx) { if (rf & 1) {
|
|
22572
|
-
i0.ɵɵelementStart(0, "p",
|
|
22560
|
+
i0.ɵɵelementStart(0, "p", 32)(1, "span", 10);
|
|
22573
22561
|
i0.ɵɵtext(2);
|
|
22574
22562
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22575
22563
|
i0.ɵɵelementEnd();
|
|
@@ -22577,14 +22565,14 @@ function QueryWriteRaiseQueryComponent_div_11_p_19_Template(rf, ctx) { if (rf &
|
|
|
22577
22565
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22578
22566
|
i0.ɵɵelementEnd();
|
|
22579
22567
|
} if (rf & 2) {
|
|
22580
|
-
const
|
|
22568
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22581
22569
|
i0.ɵɵadvance(2);
|
|
22582
22570
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
22583
22571
|
i0.ɵɵadvance(2);
|
|
22584
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4,
|
|
22572
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r1.getSubjectErrorMessage()), " ");
|
|
22585
22573
|
} }
|
|
22586
22574
|
function QueryWriteRaiseQueryComponent_div_11_p_29_Template(rf, ctx) { if (rf & 1) {
|
|
22587
|
-
i0.ɵɵelementStart(0, "p",
|
|
22575
|
+
i0.ɵɵelementStart(0, "p", 33)(1, "span", 10);
|
|
22588
22576
|
i0.ɵɵtext(2);
|
|
22589
22577
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22590
22578
|
i0.ɵɵelementEnd();
|
|
@@ -22592,14 +22580,14 @@ function QueryWriteRaiseQueryComponent_div_11_p_29_Template(rf, ctx) { if (rf &
|
|
|
22592
22580
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22593
22581
|
i0.ɵɵelementEnd();
|
|
22594
22582
|
} if (rf & 2) {
|
|
22595
|
-
const
|
|
22583
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22596
22584
|
i0.ɵɵadvance(2);
|
|
22597
22585
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22598
22586
|
i0.ɵɵadvance(2);
|
|
22599
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22587
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_BODY), " ");
|
|
22600
22588
|
} }
|
|
22601
22589
|
function QueryWriteRaiseQueryComponent_div_11_p_38_Template(rf, ctx) { if (rf & 1) {
|
|
22602
|
-
i0.ɵɵelementStart(0, "p",
|
|
22590
|
+
i0.ɵɵelementStart(0, "p", 34)(1, "span", 10);
|
|
22603
22591
|
i0.ɵɵtext(2);
|
|
22604
22592
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22605
22593
|
i0.ɵɵelementEnd();
|
|
@@ -22607,14 +22595,14 @@ function QueryWriteRaiseQueryComponent_div_11_p_38_Template(rf, ctx) { if (rf &
|
|
|
22607
22595
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22608
22596
|
i0.ɵɵelementEnd();
|
|
22609
22597
|
} if (rf & 2) {
|
|
22610
|
-
const
|
|
22598
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22611
22599
|
i0.ɵɵadvance(2);
|
|
22612
22600
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22613
22601
|
i0.ɵɵadvance(2);
|
|
22614
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22602
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_RELATED), " ");
|
|
22615
22603
|
} }
|
|
22616
22604
|
function QueryWriteRaiseQueryComponent_div_11_ng_container_50_p_7_Template(rf, ctx) { if (rf & 1) {
|
|
22617
|
-
i0.ɵɵelementStart(0, "p",
|
|
22605
|
+
i0.ɵɵelementStart(0, "p", 40)(1, "span", 10);
|
|
22618
22606
|
i0.ɵɵtext(2);
|
|
22619
22607
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22620
22608
|
i0.ɵɵelementEnd();
|
|
@@ -22622,126 +22610,126 @@ function QueryWriteRaiseQueryComponent_div_11_ng_container_50_p_7_Template(rf, c
|
|
|
22622
22610
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
22623
22611
|
i0.ɵɵelementEnd();
|
|
22624
22612
|
} if (rf & 2) {
|
|
22625
|
-
const
|
|
22613
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
22626
22614
|
i0.ɵɵadvance(2);
|
|
22627
22615
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, "Error:"), " ");
|
|
22628
22616
|
i0.ɵɵadvance(2);
|
|
22629
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4,
|
|
22617
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 4, ctx_r1.raiseQueryErrorMessage.QUERY_HEARING_DATE), " ");
|
|
22630
22618
|
} }
|
|
22631
22619
|
function QueryWriteRaiseQueryComponent_div_11_ng_container_50_Template(rf, ctx) { if (rf & 1) {
|
|
22632
22620
|
i0.ɵɵelementContainerStart(0);
|
|
22633
|
-
i0.ɵɵelementStart(1, "div",
|
|
22621
|
+
i0.ɵɵelementStart(1, "div", 35)(2, "fieldset", 36)(3, "legend")(4, "label", 37);
|
|
22634
22622
|
i0.ɵɵtext(5);
|
|
22635
22623
|
i0.ɵɵpipe(6, "rpxTranslate");
|
|
22636
22624
|
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",
|
|
22625
|
+
i0.ɵɵtemplate(7, QueryWriteRaiseQueryComponent_div_11_ng_container_50_p_7_Template, 6, 6, "p", 38);
|
|
22626
|
+
i0.ɵɵelement(8, "ccd-query-write-date-input", 39);
|
|
22639
22627
|
i0.ɵɵelementEnd()();
|
|
22640
22628
|
i0.ɵɵelementContainerEnd();
|
|
22641
22629
|
} if (rf & 2) {
|
|
22642
|
-
const
|
|
22630
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
22643
22631
|
i0.ɵɵadvance();
|
|
22644
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$C,
|
|
22632
|
+
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
22633
|
i0.ɵɵadvance(4);
|
|
22646
22634
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 3, "What is the date of the hearing?"), " ");
|
|
22647
22635
|
i0.ɵɵadvance(2);
|
|
22648
|
-
i0.ɵɵproperty("ngIf",
|
|
22636
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").value === true && ctx_r1.formGroup.get("hearingDate").value === null);
|
|
22649
22637
|
} }
|
|
22650
22638
|
function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
22651
|
-
const
|
|
22652
|
-
i0.ɵɵelementStart(0, "div",
|
|
22639
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
22640
|
+
i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "div")(3, "div", 7)(4, "span", 8);
|
|
22653
22641
|
i0.ɵɵtext(5, "!");
|
|
22654
22642
|
i0.ɵɵelementEnd();
|
|
22655
|
-
i0.ɵɵelementStart(6, "strong",
|
|
22643
|
+
i0.ɵɵelementStart(6, "strong", 9)(7, "span", 10);
|
|
22656
22644
|
i0.ɵɵtext(8, "Warning");
|
|
22657
22645
|
i0.ɵɵelementEnd();
|
|
22658
|
-
i0.ɵɵelement(9, "ccd-markdown",
|
|
22646
|
+
i0.ɵɵelement(9, "ccd-markdown", 11);
|
|
22659
22647
|
i0.ɵɵpipe(10, "rpxTranslate");
|
|
22660
22648
|
i0.ɵɵelementEnd()();
|
|
22661
|
-
i0.ɵɵelementStart(11, "div",
|
|
22649
|
+
i0.ɵɵelementStart(11, "div", 12)(12, "div", 13)(13, "label", 14);
|
|
22662
22650
|
i0.ɵɵtext(14);
|
|
22663
22651
|
i0.ɵɵpipe(15, "rpxTranslate");
|
|
22664
22652
|
i0.ɵɵelementEnd()();
|
|
22665
|
-
i0.ɵɵelementStart(16, "div",
|
|
22653
|
+
i0.ɵɵelementStart(16, "div", 15);
|
|
22666
22654
|
i0.ɵɵtext(17);
|
|
22667
22655
|
i0.ɵɵpipe(18, "rpxTranslate");
|
|
22668
22656
|
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(
|
|
22657
|
+
i0.ɵɵtemplate(19, QueryWriteRaiseQueryComponent_div_11_p_19_Template, 6, 6, "p", 16);
|
|
22658
|
+
i0.ɵɵelementStart(20, "input", 17);
|
|
22659
|
+
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
22660
|
i0.ɵɵelementEnd()();
|
|
22673
|
-
i0.ɵɵelementStart(21, "div",
|
|
22661
|
+
i0.ɵɵelementStart(21, "div", 12)(22, "div", 13)(23, "label", 18);
|
|
22674
22662
|
i0.ɵɵtext(24);
|
|
22675
22663
|
i0.ɵɵpipe(25, "rpxTranslate");
|
|
22676
22664
|
i0.ɵɵelementEnd()();
|
|
22677
|
-
i0.ɵɵelementStart(26, "div",
|
|
22665
|
+
i0.ɵɵelementStart(26, "div", 19);
|
|
22678
22666
|
i0.ɵɵtext(27);
|
|
22679
22667
|
i0.ɵɵpipe(28, "rpxTranslate");
|
|
22680
22668
|
i0.ɵɵelementEnd();
|
|
22681
|
-
i0.ɵɵtemplate(29, QueryWriteRaiseQueryComponent_div_11_p_29_Template, 6, 6, "p",
|
|
22682
|
-
i0.ɵɵelementStart(30, "textarea",
|
|
22669
|
+
i0.ɵɵtemplate(29, QueryWriteRaiseQueryComponent_div_11_p_29_Template, 6, 6, "p", 20);
|
|
22670
|
+
i0.ɵɵelementStart(30, "textarea", 21);
|
|
22683
22671
|
i0.ɵɵtext(31, " ");
|
|
22684
22672
|
i0.ɵɵelementEnd()();
|
|
22685
|
-
i0.ɵɵelementStart(32, "div",
|
|
22673
|
+
i0.ɵɵelementStart(32, "div", 12)(33, "fieldset", 22)(34, "legend")(35, "label", 23);
|
|
22686
22674
|
i0.ɵɵtext(36);
|
|
22687
22675
|
i0.ɵɵpipe(37, "rpxTranslate");
|
|
22688
22676
|
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",
|
|
22677
|
+
i0.ɵɵtemplate(38, QueryWriteRaiseQueryComponent_div_11_p_38_Template, 6, 6, "p", 24);
|
|
22678
|
+
i0.ɵɵelementStart(39, "div", 25)(40, "div", 26);
|
|
22679
|
+
i0.ɵɵelement(41, "input", 27);
|
|
22680
|
+
i0.ɵɵelementStart(42, "label", 28);
|
|
22693
22681
|
i0.ɵɵtext(43);
|
|
22694
22682
|
i0.ɵɵpipe(44, "rpxTranslate");
|
|
22695
22683
|
i0.ɵɵelementEnd()();
|
|
22696
|
-
i0.ɵɵelementStart(45, "div",
|
|
22697
|
-
i0.ɵɵelement(46, "input",
|
|
22698
|
-
i0.ɵɵelementStart(47, "label",
|
|
22684
|
+
i0.ɵɵelementStart(45, "div", 26);
|
|
22685
|
+
i0.ɵɵelement(46, "input", 29);
|
|
22686
|
+
i0.ɵɵelementStart(47, "label", 30);
|
|
22699
22687
|
i0.ɵɵtext(48);
|
|
22700
22688
|
i0.ɵɵpipe(49, "rpxTranslate");
|
|
22701
22689
|
i0.ɵɵelementEnd()()()();
|
|
22702
|
-
i0.ɵɵtemplate(50, QueryWriteRaiseQueryComponent_div_11_ng_container_50_Template, 9, 7, "ng-container",
|
|
22690
|
+
i0.ɵɵtemplate(50, QueryWriteRaiseQueryComponent_div_11_ng_container_50_Template, 9, 7, "ng-container", 31);
|
|
22703
22691
|
i0.ɵɵelementEnd()()()();
|
|
22704
22692
|
} if (rf & 2) {
|
|
22705
|
-
const
|
|
22693
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
22706
22694
|
i0.ɵɵadvance();
|
|
22707
|
-
i0.ɵɵproperty("formGroup",
|
|
22695
|
+
i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
|
|
22708
22696
|
i0.ɵɵadvance(8);
|
|
22709
|
-
i0.ɵɵproperty("content", i0.ɵɵpipeBind1(10, 23,
|
|
22697
|
+
i0.ɵɵproperty("content", i0.ɵɵpipeBind1(10, 23, ctx_r1.serviceMessage));
|
|
22710
22698
|
i0.ɵɵadvance(2);
|
|
22711
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c0$C,
|
|
22699
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("subject").hasError("required")));
|
|
22712
22700
|
i0.ɵɵadvance(3);
|
|
22713
22701
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 25, "Query subject"), " ");
|
|
22714
22702
|
i0.ɵɵadvance(3);
|
|
22715
22703
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 27, "The subject should be a summary of your query"), " ");
|
|
22716
22704
|
i0.ɵɵadvance(2);
|
|
22717
|
-
i0.ɵɵproperty("ngIf",
|
|
22705
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && (ctx_r1.formGroup.get("subject").hasError("required") || ctx_r1.formGroup.get("subject").hasError("maxlength")));
|
|
22718
22706
|
i0.ɵɵadvance(2);
|
|
22719
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c0$C,
|
|
22707
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required")));
|
|
22720
22708
|
i0.ɵɵadvance(3);
|
|
22721
22709
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(25, 29, "Query detail"), " ");
|
|
22722
22710
|
i0.ɵɵadvance(3);
|
|
22723
22711
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(28, 31, "Include as many details as possible so case workers can respond to your query"), " ");
|
|
22724
22712
|
i0.ɵɵadvance(2);
|
|
22725
|
-
i0.ɵɵproperty("ngIf",
|
|
22713
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
|
|
22726
22714
|
i0.ɵɵadvance();
|
|
22727
|
-
i0.ɵɵclassProp("govuk-textarea--error",
|
|
22715
|
+
i0.ɵɵclassProp("govuk-textarea--error", ctx_r1.submitted && ctx_r1.formGroup.get("body").hasError("required"));
|
|
22728
22716
|
i0.ɵɵproperty("formControlName", "body");
|
|
22729
22717
|
i0.ɵɵadvance(2);
|
|
22730
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(47, _c0$C,
|
|
22718
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(47, _c0$C, ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required")));
|
|
22731
22719
|
i0.ɵɵadvance(4);
|
|
22732
22720
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(37, 33, "Is the query hearing related?"), " ");
|
|
22733
22721
|
i0.ɵɵadvance(2);
|
|
22734
|
-
i0.ɵɵproperty("ngIf",
|
|
22722
|
+
i0.ɵɵproperty("ngIf", ctx_r1.submitted && ctx_r1.formGroup.get("isHearingRelated").hasError("required"));
|
|
22735
22723
|
i0.ɵɵadvance(3);
|
|
22736
|
-
i0.ɵɵproperty("checked",
|
|
22724
|
+
i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === true)("value", true);
|
|
22737
22725
|
i0.ɵɵadvance(2);
|
|
22738
22726
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(44, 35, "Is the query hearing related?", null, "Yes"), " ");
|
|
22739
22727
|
i0.ɵɵadvance(3);
|
|
22740
|
-
i0.ɵɵproperty("checked",
|
|
22728
|
+
i0.ɵɵproperty("checked", ctx_r1.formGroup.get("isHearingRelated").value === false)("value", false);
|
|
22741
22729
|
i0.ɵɵadvance(2);
|
|
22742
22730
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(49, 39, "Is the query hearing related?", null, "No"), " ");
|
|
22743
22731
|
i0.ɵɵadvance(2);
|
|
22744
|
-
i0.ɵɵproperty("ngIf",
|
|
22732
|
+
i0.ɵɵproperty("ngIf", ctx_r1.formGroup.get("isHearingRelated").value);
|
|
22745
22733
|
} }
|
|
22746
22734
|
class QueryWriteRaiseQueryComponent {
|
|
22747
22735
|
formGroup;
|
|
@@ -22768,7 +22756,7 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22768
22756
|
return '';
|
|
22769
22757
|
}
|
|
22770
22758
|
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"
|
|
22759
|
+
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
22760
|
i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "div", 1);
|
|
22773
22761
|
i0.ɵɵtext(3);
|
|
22774
22762
|
i0.ɵɵpipe(4, "rpxTranslate");
|
|
@@ -22778,7 +22766,7 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22778
22766
|
i0.ɵɵpipe(7, "rpxTranslate");
|
|
22779
22767
|
i0.ɵɵelementEnd()();
|
|
22780
22768
|
i0.ɵɵelementStart(8, "div");
|
|
22781
|
-
i0.ɵɵ
|
|
22769
|
+
i0.ɵɵelement(9, "ccd-query-case-details-header", 3);
|
|
22782
22770
|
i0.ɵɵelementEnd();
|
|
22783
22771
|
i0.ɵɵelement(10, "hr");
|
|
22784
22772
|
i0.ɵɵtemplate(11, QueryWriteRaiseQueryComponent_div_11_Template, 51, 49, "div", 4);
|
|
@@ -22789,14 +22777,14 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22789
22777
|
i0.ɵɵadvance(3);
|
|
22790
22778
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 6, "Enter query details"));
|
|
22791
22779
|
i0.ɵɵadvance(3);
|
|
22792
|
-
i0.ɵɵproperty("
|
|
22780
|
+
i0.ɵɵproperty("caseDetails", ctx.caseDetails);
|
|
22793
22781
|
i0.ɵɵadvance(2);
|
|
22794
22782
|
i0.ɵɵproperty("ngIf", ctx.showForm);
|
|
22795
22783
|
} }, encapsulation: 2 });
|
|
22796
22784
|
}
|
|
22797
22785
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteRaiseQueryComponent, [{
|
|
22798
22786
|
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\"
|
|
22787
|
+
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
22788
|
}], null, { formGroup: [{
|
|
22801
22789
|
type: Input
|
|
22802
22790
|
}], submitted: [{
|
|
@@ -22810,14 +22798,8 @@ class QueryWriteRaiseQueryComponent {
|
|
|
22810
22798
|
}] }); })();
|
|
22811
22799
|
(() => { (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
22800
|
|
|
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
22801
|
function QueryWriteRespondToQueryComponent_div_12_div_1_p_10_Template(rf, ctx) { if (rf & 1) {
|
|
22820
|
-
i0.ɵɵelementStart(0, "p",
|
|
22802
|
+
i0.ɵɵelementStart(0, "p", 16)(1, "span", 17);
|
|
22821
22803
|
i0.ɵɵtext(2);
|
|
22822
22804
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22823
22805
|
i0.ɵɵelementEnd();
|
|
@@ -22832,16 +22814,16 @@ function QueryWriteRespondToQueryComponent_div_12_div_1_p_10_Template(rf, ctx) {
|
|
|
22832
22814
|
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
22815
|
} }
|
|
22834
22816
|
function QueryWriteRespondToQueryComponent_div_12_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
22835
|
-
i0.ɵɵelementStart(0, "div")(1, "h1",
|
|
22817
|
+
i0.ɵɵelementStart(0, "div")(1, "h1", 9);
|
|
22836
22818
|
i0.ɵɵtext(2);
|
|
22837
22819
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
22838
22820
|
i0.ɵɵelementEnd();
|
|
22839
|
-
i0.ɵɵelementStart(4, "div",
|
|
22821
|
+
i0.ɵɵelementStart(4, "div", 10)(5, "div", 11)(6, "div", 12)(7, "label", 13);
|
|
22840
22822
|
i0.ɵɵtext(8);
|
|
22841
22823
|
i0.ɵɵpipe(9, "rpxTranslate");
|
|
22842
22824
|
i0.ɵɵelementEnd()();
|
|
22843
|
-
i0.ɵɵtemplate(10, QueryWriteRespondToQueryComponent_div_12_div_1_p_10_Template, 6, 6, "p",
|
|
22844
|
-
i0.ɵɵelementStart(11, "textarea",
|
|
22825
|
+
i0.ɵɵtemplate(10, QueryWriteRespondToQueryComponent_div_12_div_1_p_10_Template, 6, 6, "p", 14);
|
|
22826
|
+
i0.ɵɵelementStart(11, "textarea", 15);
|
|
22845
22827
|
i0.ɵɵtext(12, " ");
|
|
22846
22828
|
i0.ɵɵelementEnd()()()();
|
|
22847
22829
|
} if (rf & 2) {
|
|
@@ -22864,7 +22846,7 @@ function QueryWriteRespondToQueryComponent_div_12_div_1_Template(rf, ctx) { if (
|
|
|
22864
22846
|
i0.ɵɵproperty("formControlName", "body");
|
|
22865
22847
|
} }
|
|
22866
22848
|
function QueryWriteRespondToQueryComponent_div_12_Template(rf, ctx) { if (rf & 1) {
|
|
22867
|
-
i0.ɵɵelementStart(0, "div",
|
|
22849
|
+
i0.ɵɵelementStart(0, "div", 8);
|
|
22868
22850
|
i0.ɵɵtemplate(1, QueryWriteRespondToQueryComponent_div_12_div_1_Template, 13, 13, "div", 7);
|
|
22869
22851
|
i0.ɵɵelementEnd();
|
|
22870
22852
|
} if (rf & 2) {
|
|
@@ -22873,14 +22855,14 @@ function QueryWriteRespondToQueryComponent_div_12_Template(rf, ctx) { if (rf & 1
|
|
|
22873
22855
|
i0.ɵɵproperty("ngIf", !ctx_r0.hasRespondedToQuery);
|
|
22874
22856
|
} }
|
|
22875
22857
|
function QueryWriteRespondToQueryComponent_ng_container_13_ccd_close_query_1_Template(rf, ctx) { if (rf & 1) {
|
|
22876
|
-
i0.ɵɵelement(0, "ccd-close-query",
|
|
22858
|
+
i0.ɵɵelement(0, "ccd-close-query", 10);
|
|
22877
22859
|
} if (rf & 2) {
|
|
22878
22860
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
22879
22861
|
i0.ɵɵproperty("formGroup", ctx_r0.formGroup);
|
|
22880
22862
|
} }
|
|
22881
22863
|
function QueryWriteRespondToQueryComponent_ng_container_13_Template(rf, ctx) { if (rf & 1) {
|
|
22882
22864
|
i0.ɵɵelementContainerStart(0);
|
|
22883
|
-
i0.ɵɵtemplate(1, QueryWriteRespondToQueryComponent_ng_container_13_ccd_close_query_1_Template, 1, 1, "ccd-close-query",
|
|
22865
|
+
i0.ɵɵtemplate(1, QueryWriteRespondToQueryComponent_ng_container_13_ccd_close_query_1_Template, 1, 1, "ccd-close-query", 18);
|
|
22884
22866
|
i0.ɵɵelementContainerEnd();
|
|
22885
22867
|
} if (rf & 2) {
|
|
22886
22868
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -22957,7 +22939,7 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22957
22939
|
this.hasRespondedToQueryTask.emit(value);
|
|
22958
22940
|
}
|
|
22959
22941
|
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"
|
|
22942
|
+
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
22943
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 0)(2, "div", 1);
|
|
22962
22944
|
i0.ɵɵtext(3);
|
|
22963
22945
|
i0.ɵɵpipe(4, "rpxTranslate");
|
|
@@ -22967,7 +22949,7 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22967
22949
|
i0.ɵɵpipe(7, "rpxTranslate");
|
|
22968
22950
|
i0.ɵɵelementEnd()();
|
|
22969
22951
|
i0.ɵɵelementStart(8, "div", 3);
|
|
22970
|
-
i0.ɵɵ
|
|
22952
|
+
i0.ɵɵelement(9, "ccd-query-case-details-header", 4);
|
|
22971
22953
|
i0.ɵɵelementEnd();
|
|
22972
22954
|
i0.ɵɵelementStart(10, "div")(11, "ccd-query-details", 5);
|
|
22973
22955
|
i0.ɵɵlistener("hasResponded", function QueryWriteRespondToQueryComponent_Template_ccd_query_details_hasResponded_11_listener($event) { return ctx.hasResponded($event); });
|
|
@@ -22979,7 +22961,7 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22979
22961
|
i0.ɵɵadvance(3);
|
|
22980
22962
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 9, "Query details"));
|
|
22981
22963
|
i0.ɵɵadvance(3);
|
|
22982
|
-
i0.ɵɵproperty("
|
|
22964
|
+
i0.ɵɵproperty("caseDetails", ctx.caseDetails);
|
|
22983
22965
|
i0.ɵɵadvance(2);
|
|
22984
22966
|
i0.ɵɵproperty("query", ctx.queryListData)("queryResponseStatus", ctx.queryResponseStatus);
|
|
22985
22967
|
i0.ɵɵadvance();
|
|
@@ -22990,7 +22972,7 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22990
22972
|
}
|
|
22991
22973
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteRespondToQueryComponent, [{
|
|
22992
22974
|
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\"
|
|
22975
|
+
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
22976
|
}], () => [{ type: CaseNotifier }, { type: i1$1.ActivatedRoute }], { queryItem: [{
|
|
22995
22977
|
type: Input
|
|
22996
22978
|
}], formGroup: [{
|