@hmcts/ccd-case-ui-toolkit 7.4.14 → 7.4.15-exui-5288-v1
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.
|
@@ -2759,7 +2759,8 @@ var CaseFlagFormFields;
|
|
|
2759
2759
|
CaseFlagFormFields["OTHER_FLAG_DESCRIPTION"] = "otherDescription";
|
|
2760
2760
|
CaseFlagFormFields["OTHER_FLAG_DESCRIPTION_WELSH"] = "otherDescription_cy";
|
|
2761
2761
|
CaseFlagFormFields["STATUS"] = "status";
|
|
2762
|
-
CaseFlagFormFields["
|
|
2762
|
+
CaseFlagFormFields["UPDATE_COMMENT"] = "flagUpdateComment";
|
|
2763
|
+
CaseFlagFormFields["UPDATE_COMMENT_WELSH"] = "flagUpdateComment_cy";
|
|
2763
2764
|
CaseFlagFormFields["IS_WELSH_TRANSLATION_NEEDED"] = "flagIsWelshTranslationNeeded";
|
|
2764
2765
|
CaseFlagFormFields["IS_VISIBLE_INTERNALLY_ONLY"] = "flagIsVisibleInternallyOnly";
|
|
2765
2766
|
})(CaseFlagFormFields || (CaseFlagFormFields = {}));
|
|
@@ -2879,6 +2880,7 @@ var UpdateFlagStep;
|
|
|
2879
2880
|
UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
|
|
2880
2881
|
UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change.";
|
|
2881
2882
|
UpdateFlagStep["STATUS_REASON_LABEL"] = "Reason for change";
|
|
2883
|
+
UpdateFlagStep["STATUS_REASON_WELSH_LABEL"] = "Reason for change (Welsh)";
|
|
2882
2884
|
UpdateFlagStep["WARNING_TEXT"] = "The details entered here MAY be visible to the party in the future.";
|
|
2883
2885
|
})(UpdateFlagStep || (UpdateFlagStep = {}));
|
|
2884
2886
|
|
|
@@ -15949,6 +15951,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
|
|
|
15949
15951
|
flagDetail.value.flagComment = originalFlagDetail.value?.flagComment || null;
|
|
15950
15952
|
flagDetail.value.flagComment_cy = originalFlagDetail.value?.flagComment_cy || null;
|
|
15951
15953
|
flagDetail.value.flagUpdateComment = originalFlagDetail.value?.flagUpdateComment || null;
|
|
15954
|
+
flagDetail.value.flagUpdateComment_cy = originalFlagDetail.value?.flagUpdateComment_cy || null;
|
|
15952
15955
|
flagDetail.value.status = originalFlagDetail.value?.status;
|
|
15953
15956
|
flagDetail.value.dateTimeModified = originalFlagDetail.value?.dateTimeModified || null;
|
|
15954
15957
|
}
|
|
@@ -15989,6 +15992,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
|
|
|
15989
15992
|
// Ensure that any comments entered with language set to Welsh do not end up in the English comments field
|
|
15990
15993
|
if (this.rpxTranslationService.language !== 'cy') {
|
|
15991
15994
|
flagDetailToUpdate.value.flagComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value;
|
|
15995
|
+
flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value;
|
|
15992
15996
|
}
|
|
15993
15997
|
// Populate from the *English* comments field if:
|
|
15994
15998
|
// * The Welsh comments field has no value (Welsh comments field acquires a value only when an HMCTS internal user has
|
|
@@ -16003,7 +16007,13 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
|
|
|
16003
16007
|
? this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value
|
|
16004
16008
|
: null;
|
|
16005
16009
|
}
|
|
16006
|
-
|
|
16010
|
+
if (this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT_WELSH) || this.rpxTranslationService.language === 'cy') {
|
|
16011
|
+
flagDetailToUpdate.value.flagUpdateComment_cy = this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT_WELSH)?.value
|
|
16012
|
+
? this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT_WELSH)?.value
|
|
16013
|
+
: this.rpxTranslationService.language === 'cy'
|
|
16014
|
+
? this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value
|
|
16015
|
+
: null;
|
|
16016
|
+
}
|
|
16007
16017
|
flagDetailToUpdate.value.status = CaseFlagStatus[this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS)?.value];
|
|
16008
16018
|
flagDetailToUpdate.value.dateTimeModified = new Date().toISOString();
|
|
16009
16019
|
}
|
|
@@ -31255,6 +31265,34 @@ function CaseFlagSummaryListComponent_dl_0_div_39_Template(rf, ctx) { if (rf & 1
|
|
|
31255
31265
|
i0.ɵɵadvance(3);
|
|
31256
31266
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_LABEL));
|
|
31257
31267
|
} }
|
|
31268
|
+
function CaseFlagSummaryListComponent_dl_0_div_40_Template(rf, ctx) { if (rf & 1) {
|
|
31269
|
+
const _r8 = i0.ɵɵgetCurrentView();
|
|
31270
|
+
i0.ɵɵelementStart(0, "div", 2)(1, "dt", 3);
|
|
31271
|
+
i0.ɵɵtext(2);
|
|
31272
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
31273
|
+
i0.ɵɵelementEnd();
|
|
31274
|
+
i0.ɵɵelementStart(4, "dd", 4);
|
|
31275
|
+
i0.ɵɵtext(5);
|
|
31276
|
+
i0.ɵɵelementEnd();
|
|
31277
|
+
i0.ɵɵelementStart(6, "dd", 5)(7, "a", 6);
|
|
31278
|
+
i0.ɵɵlistener("click", function CaseFlagSummaryListComponent_dl_0_div_40_Template_a_click_7_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.changeButtonEmitter.emit(ctx_r1.caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION); return i0.ɵɵresetView($event.preventDefault()); });
|
|
31279
|
+
i0.ɵɵtext(8);
|
|
31280
|
+
i0.ɵɵpipe(9, "rpxTranslate");
|
|
31281
|
+
i0.ɵɵelementStart(10, "span", 7);
|
|
31282
|
+
i0.ɵɵtext(11);
|
|
31283
|
+
i0.ɵɵpipe(12, "rpxTranslate");
|
|
31284
|
+
i0.ɵɵelementEnd()()()();
|
|
31285
|
+
} if (rf & 2) {
|
|
31286
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
31287
|
+
i0.ɵɵadvance(2);
|
|
31288
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, ctx_r1.updateFlagStep.STATUS_REASON_WELSH_LABEL), " ");
|
|
31289
|
+
i0.ɵɵadvance(3);
|
|
31290
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r1.flagUpdateCommentsWelsh, " ");
|
|
31291
|
+
i0.ɵɵadvance(3);
|
|
31292
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 6, "Change"));
|
|
31293
|
+
i0.ɵɵadvance(3);
|
|
31294
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_WELSH_LABEL));
|
|
31295
|
+
} }
|
|
31258
31296
|
function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
|
|
31259
31297
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
31260
31298
|
i0.ɵɵelementStart(0, "dl", 1)(1, "div", 2)(2, "dt", 3);
|
|
@@ -31299,26 +31337,26 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
31299
31337
|
i0.ɵɵelementStart(37, "dd", 5);
|
|
31300
31338
|
i0.ɵɵtemplate(38, CaseFlagSummaryListComponent_dl_0_a_38_Template, 6, 6, "a", 9);
|
|
31301
31339
|
i0.ɵɵelementEnd()();
|
|
31302
|
-
i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8);
|
|
31340
|
+
i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8)(40, CaseFlagSummaryListComponent_dl_0_div_40_Template, 13, 10, "div", 8);
|
|
31303
31341
|
i0.ɵɵelementEnd();
|
|
31304
31342
|
} if (rf & 2) {
|
|
31305
31343
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
31306
31344
|
i0.ɵɵadvance(3);
|
|
31307
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4,
|
|
31345
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 16, ctx_r1.addUpdateFlagHeaderText), " ");
|
|
31308
31346
|
i0.ɵɵadvance(3);
|
|
31309
31347
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.flagForSummaryDisplay.partyName || ctx_r1.caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION, " ");
|
|
31310
31348
|
i0.ɵɵadvance(3);
|
|
31311
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10,
|
|
31349
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 18, "Change"));
|
|
31312
31350
|
i0.ɵɵadvance(3);
|
|
31313
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13,
|
|
31351
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 20, "party name"));
|
|
31314
31352
|
i0.ɵɵadvance(4);
|
|
31315
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17,
|
|
31353
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 22, ctx_r1.flagTypeHeaderText), " ");
|
|
31316
31354
|
i0.ɵɵadvance(3);
|
|
31317
31355
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.flagDescription, " ");
|
|
31318
31356
|
i0.ɵɵadvance(3);
|
|
31319
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23,
|
|
31357
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 24, "Change"));
|
|
31320
31358
|
i0.ɵɵadvance(3);
|
|
31321
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26,
|
|
31359
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 26, "flag type"));
|
|
31322
31360
|
i0.ɵɵadvance(2);
|
|
31323
31361
|
i0.ɵɵproperty("ngIf", (ctx_r1.flagDescriptionWelsh == null ? null : ctx_r1.flagDescriptionWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
|
|
31324
31362
|
i0.ɵɵadvance();
|
|
@@ -31326,13 +31364,15 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
31326
31364
|
i0.ɵɵadvance();
|
|
31327
31365
|
i0.ɵɵproperty("ngIf", (ctx_r1.flagCommentsWelsh == null ? null : ctx_r1.flagCommentsWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
|
|
31328
31366
|
i0.ɵɵadvance(3);
|
|
31329
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33,
|
|
31367
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33, 28, "Status"), " ");
|
|
31330
31368
|
i0.ɵɵadvance(3);
|
|
31331
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36,
|
|
31369
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 30, ctx_r1.flagStatus), " ");
|
|
31332
31370
|
i0.ɵɵadvance(3);
|
|
31333
31371
|
i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled);
|
|
31334
31372
|
i0.ɵɵadvance();
|
|
31335
|
-
i0.ɵɵproperty("ngIf", ctx_r1.
|
|
31373
|
+
i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled && (ctx_r1.flagUpdateComments == null ? null : ctx_r1.flagUpdateComments.length) > 0);
|
|
31374
|
+
i0.ɵɵadvance();
|
|
31375
|
+
i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled && (ctx_r1.flagUpdateCommentsWelsh == null ? null : ctx_r1.flagUpdateCommentsWelsh.length) > 0);
|
|
31336
31376
|
} }
|
|
31337
31377
|
class CaseFlagSummaryListComponent {
|
|
31338
31378
|
rpxTranslationService;
|
|
@@ -31347,6 +31387,7 @@ class CaseFlagSummaryListComponent {
|
|
|
31347
31387
|
otherDescription;
|
|
31348
31388
|
otherDescriptionWelsh;
|
|
31349
31389
|
flagUpdateComments;
|
|
31390
|
+
flagUpdateCommentsWelsh;
|
|
31350
31391
|
summaryListDisplayMode;
|
|
31351
31392
|
addUpdateFlagHeaderText;
|
|
31352
31393
|
caseFlagFieldState = CaseFlagFieldState;
|
|
@@ -31367,9 +31408,8 @@ class CaseFlagSummaryListComponent {
|
|
|
31367
31408
|
this.flagDescriptionWelsh = flagDetail.otherDescription_cy;
|
|
31368
31409
|
this.flagComments = flagDetail.flagComment;
|
|
31369
31410
|
this.flagCommentsWelsh = flagDetail.flagComment_cy;
|
|
31370
|
-
|
|
31371
|
-
|
|
31372
|
-
this.flagUpdateComments = flagDetail['flagStatusReasonChange'];
|
|
31411
|
+
this.flagUpdateComments = flagDetail.flagUpdateComment;
|
|
31412
|
+
this.flagUpdateCommentsWelsh = flagDetail.flagUpdateComment_cy;
|
|
31373
31413
|
this.flagStatus = flagDetail.status;
|
|
31374
31414
|
this.addUpdateFlagHeaderText = this.getAddUpdateFlagHeaderText();
|
|
31375
31415
|
this.flagTypeHeaderText = this.getFlagTypeHeaderText();
|
|
@@ -31439,14 +31479,14 @@ class CaseFlagSummaryListComponent {
|
|
|
31439
31479
|
}
|
|
31440
31480
|
static ɵfac = function CaseFlagSummaryListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFlagSummaryListComponent)(i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
|
|
31441
31481
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFlagSummaryListComponent, selectors: [["ccd-case-flag-summary-list"]], inputs: { flagForSummaryDisplay: "flagForSummaryDisplay", displayContextParameter: "displayContextParameter" }, outputs: { changeButtonEmitter: "changeButtonEmitter" }, standalone: false, decls: 1, vars: 1, consts: [["class", "govuk-summary-list", 4, "ngIf"], [1, "govuk-summary-list"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], [1, "govuk-summary-list__actions"], ["href", "#", 1, "govuk-link", 3, "click"], [1, "govuk-visually-hidden"], ["class", "govuk-summary-list__row", 4, "ngIf"], ["class", "govuk-link", "href", "#", 3, "click", 4, "ngIf"]], template: function CaseFlagSummaryListComponent_Template(rf, ctx) { if (rf & 1) {
|
|
31442
|
-
i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template,
|
|
31482
|
+
i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 41, 32, "dl", 0);
|
|
31443
31483
|
} if (rf & 2) {
|
|
31444
31484
|
i0.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
|
|
31445
31485
|
} }, dependencies: [i5.NgIf, i1.RpxTranslatePipe], encapsulation: 2 });
|
|
31446
31486
|
}
|
|
31447
31487
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagSummaryListComponent, [{
|
|
31448
31488
|
type: Component,
|
|
31449
|
-
args: [{ selector: 'ccd-case-flag-summary-list', standalone: false, template: "<dl class=\"govuk-summary-list\" *ngIf=\"flagForSummaryDisplay\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{addUpdateFlagHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagForSummaryDisplay.partyName || caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : caseFlagFieldState.FLAG_LOCATION); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'party name' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{flagTypeHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescription}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'flag type' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagDescriptionWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Other description (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescriptionWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'other description (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{externalUserUpdate ? flagUpdateComments : flagComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagCommentsWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagCommentsWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{'Status' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagStatus | rpxTranslate}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a *ngIf=\"is2Point1Enabled\" class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_STATUS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'status' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"
|
|
31489
|
+
args: [{ selector: 'ccd-case-flag-summary-list', standalone: false, template: "<dl class=\"govuk-summary-list\" *ngIf=\"flagForSummaryDisplay\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{addUpdateFlagHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagForSummaryDisplay.partyName || caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : caseFlagFieldState.FLAG_LOCATION); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'party name' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{flagTypeHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescription}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'flag type' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagDescriptionWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Other description (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescriptionWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'other description (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{externalUserUpdate ? flagUpdateComments : flagComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagCommentsWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagCommentsWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{'Status' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagStatus | rpxTranslate}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a *ngIf=\"is2Point1Enabled\" class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_STATUS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'status' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"is2Point1Enabled && flagUpdateComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagUpdateComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(caseFlagFieldState.FLAG_UPDATE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"is2Point1Enabled && flagUpdateCommentsWelsh?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{updateFlagStep.STATUS_REASON_WELSH_LABEL | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagUpdateCommentsWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{updateFlagStep.STATUS_REASON_WELSH_LABEL | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n</dl>\n" }]
|
|
31450
31490
|
}], () => [{ type: i1.RpxTranslationService }], { flagForSummaryDisplay: [{
|
|
31451
31491
|
type: Input
|
|
31452
31492
|
}], displayContextParameter: [{
|
|
@@ -31503,11 +31543,13 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_3_Template(rf, ctx) {
|
|
|
31503
31543
|
function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
31504
31544
|
i0.ɵɵelementStart(0, "div")(1, "span", 26);
|
|
31505
31545
|
i0.ɵɵtext(2);
|
|
31546
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
31547
|
+
i0.ɵɵpipe(4, "flagFieldDisplay");
|
|
31506
31548
|
i0.ɵɵelementEnd()();
|
|
31507
31549
|
} if (rf & 2) {
|
|
31508
31550
|
const flagDetail_r2 = i0.ɵɵnextContext().$implicit;
|
|
31509
31551
|
i0.ɵɵadvance(2);
|
|
31510
|
-
i0.ɵɵ
|
|
31552
|
+
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(3, 2, "Update Reason"), ": ", i0.ɵɵpipeBind2(4, 4, flagDetail_r2, "flagUpdateComment"));
|
|
31511
31553
|
} }
|
|
31512
31554
|
function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_22_Template(rf, ctx) { if (rf & 1) {
|
|
31513
31555
|
i0.ɵɵelementStart(0, "strong", 27);
|
|
@@ -31560,7 +31602,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
|
|
|
31560
31602
|
i0.ɵɵtext(12);
|
|
31561
31603
|
i0.ɵɵpipe(13, "flagFieldDisplay");
|
|
31562
31604
|
i0.ɵɵelementEnd();
|
|
31563
|
-
i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template,
|
|
31605
|
+
i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template, 5, 7, "div", 11);
|
|
31564
31606
|
i0.ɵɵelementEnd();
|
|
31565
31607
|
i0.ɵɵelementStart(15, "td", 17);
|
|
31566
31608
|
i0.ɵɵtext(16);
|
|
@@ -31589,7 +31631,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
|
|
|
31589
31631
|
i0.ɵɵadvance();
|
|
31590
31632
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(13, 19, flagDetail_r2, "flagComment"), " ");
|
|
31591
31633
|
i0.ɵɵadvance(2);
|
|
31592
|
-
i0.ɵɵproperty("ngIf",
|
|
31634
|
+
i0.ɵɵproperty("ngIf", (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
|
|
31593
31635
|
i0.ɵɵadvance(2);
|
|
31594
31636
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(17, 22, flagDetail_r2.dateTimeCreated, "dd LLL yyyy"));
|
|
31595
31637
|
i0.ɵɵadvance(3);
|
|
@@ -31682,7 +31724,7 @@ class CaseFlagTableComponent {
|
|
|
31682
31724
|
}
|
|
31683
31725
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagTableComponent, [{
|
|
31684
31726
|
type: Component,
|
|
31685
|
-
args: [{ selector: 'ccd-case-flag-table', standalone: false, template: "<table class=\"govuk-table\" *ngIf=\"flagData\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\" *ngIf=\"tableCaption\">{{tableCaption}}</caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th scope=\"col\" class=\"govuk-table__header col-party-name\">{{firstColumnHeader}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-comments\">{{'Comments' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'Creation date' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'Last modified' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'Flag status' | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <tr *ngIf=\"!flagData.flags.details || (flagData.flags.details && flagData.flags.details.length === 0)\">\n <td colspan=\"5\">{{'None' | rpxTranslate}}</td>\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"flagData.flags.details && flagData.flags.details.length > 0\">\n <tr scope=\"row\" class=\"govuk-table__row\" *ngFor=\"let flagDetail of flagData.flags.details\">\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"isActivePvpFlag(flagDetail)\">\n <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" aria-hidden=\"true\" focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n </svg>\n <span class=\"govuk-!-font-weight-bold\">{{pvpDisplayText}}</span>\n </div>\n <div *ngIf=\"!isActivePvpFlag(flagDetail)\">{{flagDetail | flagFieldDisplay:'name'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'otherDescription'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'subTypeValue'}}</div>\n </td>\n <td class=\"govuk-table__cell\">\n <div [ngClass]=\"{'govuk-!-font-weight-bold': isActivePvpFlag(flagDetail)}\">\n {{flagDetail | flagFieldDisplay:'flagComment'}}\n </div>\n <div *ngIf=\"
|
|
31727
|
+
args: [{ selector: 'ccd-case-flag-table', standalone: false, template: "<table class=\"govuk-table\" *ngIf=\"flagData\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\" *ngIf=\"tableCaption\">{{tableCaption}}</caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th scope=\"col\" class=\"govuk-table__header col-party-name\">{{firstColumnHeader}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-comments\">{{'Comments' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'Creation date' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'Last modified' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'Flag status' | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <tr *ngIf=\"!flagData.flags.details || (flagData.flags.details && flagData.flags.details.length === 0)\">\n <td colspan=\"5\">{{'None' | rpxTranslate}}</td>\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"flagData.flags.details && flagData.flags.details.length > 0\">\n <tr scope=\"row\" class=\"govuk-table__row\" *ngFor=\"let flagDetail of flagData.flags.details\">\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"isActivePvpFlag(flagDetail)\">\n <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" aria-hidden=\"true\" focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n </svg>\n <span class=\"govuk-!-font-weight-bold\">{{pvpDisplayText}}</span>\n </div>\n <div *ngIf=\"!isActivePvpFlag(flagDetail)\">{{flagDetail | flagFieldDisplay:'name'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'otherDescription'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'subTypeValue'}}</div>\n </td>\n <td class=\"govuk-table__cell\">\n <div [ngClass]=\"{'govuk-!-font-weight-bold': isActivePvpFlag(flagDetail)}\">\n {{flagDetail | flagFieldDisplay:'flagComment'}}\n </div>\n <div *ngIf=\"(flagDetail.status === caseFlagStatus.NOT_APPROVED || flagDetail.status === caseFlagStatus.INACTIVE) &&\n flagDetail.flagUpdateComment\">\n <span class=\"govuk-!-font-weight-bold\">{{'Update Reason' | rpxTranslate}}: {{flagDetail | flagFieldDisplay:'flagUpdateComment'}}</span>\n </div>\n </td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeCreated | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeModified | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell cell-flag-status\">\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.ACTIVE\" class=\"govuk-tag govuk-tag--turquoise\">{{'Active' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.INACTIVE\" class=\"govuk-tag govuk-tag--grey\">{{'Inactive' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.REQUESTED\" class=\"govuk-tag govuk-tag--yellow\">{{'Requested' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.NOT_APPROVED\" class=\"govuk-tag govuk-tag--red\">{{'Not approved' | rpxTranslate}}</strong>\n </td>\n </tr>\n </tbody>\n</table>\n\n\n\n<!--<th scope=\"col\" class=\"govuk-table__header col-comments\">{{'caseFlagTable.comments' | rpxTranslate}}</th><th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'caseFlagTable.creationDate' | rpxTranslate}}</th><th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'caseFlagTable.lastModified' | rpxTranslate}}</th><th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'caseFlagTable.flagStatus' | rpxTranslate}}</th>-->\n", styles: [".govuk-table .govuk-table__caption{margin-top:10px}.govuk-table .govuk-table__head .govuk-table__row .col-party-name{width:24%}.govuk-table .govuk-table__head .govuk-table__row .col-comments{width:42%}.govuk-table .govuk-table__head .govuk-table__row .col-creation-date,.govuk-table .govuk-table__head .govuk-table__row .col-last-modified{width:12%}.govuk-table .govuk-table__head .govuk-table__row .col-flag-status{width:10%}.govuk-table .govuk-table__body .govuk-table__row .cell-flag-status{white-space:nowrap}\n"] }]
|
|
31686
31728
|
}], null, { tableCaption: [{
|
|
31687
31729
|
type: Input
|
|
31688
31730
|
}], flagData: [{
|
|
@@ -33211,7 +33253,7 @@ function UpdateFlagComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
|
|
|
33211
33253
|
i0.ɵɵadvance();
|
|
33212
33254
|
i0.ɵɵproperty("ngIf", ctx_r0.statusReasonCharLimitErrorMessage);
|
|
33213
33255
|
i0.ɵɵadvance();
|
|
33214
|
-
i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.
|
|
33256
|
+
i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.UPDATE_COMMENT)("name", ctx_r0.caseFlagFormFields.UPDATE_COMMENT)("formControlName", ctx_r0.caseFlagFormFields.UPDATE_COMMENT);
|
|
33215
33257
|
i0.ɵɵadvance(3);
|
|
33216
33258
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 6, ctx_r0.updateFlagStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33217
33259
|
} }
|
|
@@ -33369,7 +33411,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33369
33411
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(existingComments));
|
|
33370
33412
|
this.formGroup.addControl(CaseFlagFormFields.STATUS, new FormControl(currentFlagStatusKey));
|
|
33371
33413
|
// Populate status reason only if the user is not external
|
|
33372
|
-
this.formGroup.addControl(CaseFlagFormFields.
|
|
33414
|
+
this.formGroup.addControl(CaseFlagFormFields.UPDATE_COMMENT, new FormControl(this.externalUserUpdate ? '' : this.flagDetail.flagUpdateComment));
|
|
33373
33415
|
this.formGroup.addControl(CaseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED, new FormControl(false));
|
|
33374
33416
|
this.updateFlagTitle = this.setUpdateCaseFlagTitle(this.flagDetail);
|
|
33375
33417
|
// Set the valid status options for display, based on current status of the selected flag. "Active" flags can
|
|
@@ -33475,7 +33517,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33475
33517
|
fieldId: CaseFlagFormFields.COMMENTS
|
|
33476
33518
|
});
|
|
33477
33519
|
}
|
|
33478
|
-
const statusReason = this.formGroup.get(CaseFlagFormFields.
|
|
33520
|
+
const statusReason = this.formGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value;
|
|
33479
33521
|
const flagStatusNotApprovedKey = Object.keys(CaseFlagStatus).find((key) => CaseFlagStatus[key] === CaseFlagStatus.NOT_APPROVED);
|
|
33480
33522
|
// Status reason is mandatory if flag status is "Not approved" or user is external
|
|
33481
33523
|
if (this.formGroup.get(CaseFlagFormFields.STATUS)?.value === flagStatusNotApprovedKey && !statusReason) {
|
|
@@ -33483,7 +33525,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33483
33525
|
this.errorMessages.push({
|
|
33484
33526
|
title: '',
|
|
33485
33527
|
description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED,
|
|
33486
|
-
fieldId: CaseFlagFormFields.
|
|
33528
|
+
fieldId: CaseFlagFormFields.UPDATE_COMMENT
|
|
33487
33529
|
});
|
|
33488
33530
|
}
|
|
33489
33531
|
if (this.externalUserUpdate && !statusReason) {
|
|
@@ -33491,7 +33533,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33491
33533
|
this.errorMessages.push({
|
|
33492
33534
|
title: '',
|
|
33493
33535
|
description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED_EXTERNAL,
|
|
33494
|
-
fieldId: CaseFlagFormFields.
|
|
33536
|
+
fieldId: CaseFlagFormFields.UPDATE_COMMENT
|
|
33495
33537
|
});
|
|
33496
33538
|
}
|
|
33497
33539
|
if (statusReason && statusReason.length > this.textMaxCharLimit) {
|
|
@@ -33499,7 +33541,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33499
33541
|
this.errorMessages.push({
|
|
33500
33542
|
title: '',
|
|
33501
33543
|
description: UpdateFlagErrorMessage.STATUS_REASON_CHAR_LIMIT_EXCEEDED,
|
|
33502
|
-
fieldId: CaseFlagFormFields.
|
|
33544
|
+
fieldId: CaseFlagFormFields.UPDATE_COMMENT
|
|
33503
33545
|
});
|
|
33504
33546
|
}
|
|
33505
33547
|
}
|
|
@@ -33555,7 +33597,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33555
33597
|
}
|
|
33556
33598
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagComponent, [{
|
|
33557
33599
|
type: Component,
|
|
33558
|
-
args: [{ selector: 'ccd-update-flag', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-4\">\n <label class=\"govuk-label govuk-label--m\">\n {{updateFlagTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"update-flag-hint-external\" class=\"govuk-hint\" *ngIf=\"externalUserUpdate\">\n {{selectedFlag?.flagDetailDisplay?.flagDetail | updateFlagTitleDisplay}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label class=\"govuk-label govuk-label--s\" [for]=\"caseFlagFormFields.COMMENTS\">\n {{\n externalUserUpdate\n ? (updateFlagStepEnum.COMMENT_FIELD_LABEL_EXTERNAL | rpxTranslate)\n : (updateFlagTitle | rpxTranslate) + (' comments' | rpxTranslate)\n }}\n </label>\n <div id=\"update-flag-comments-hint-external\" class=\"govuk-hint\" *ngIf=\"externalUserUpdate\">\n {{updateFlagStepEnum.COMMENT_HINT_TEXT_EXTERNAL | rpxTranslate}}\n </div>\n <ng-container *ngIf=\"internalUserUpdate || internalUser2Point1EnabledUpdate || displayContextParameter === '';\n else externalUser\">\n <div id=\"update-flag-comments-hint\" class=\"govuk-hint\">\n {{\n internalUserUpdate\n ? (updateFlagStepEnum.COMMENT_HINT_TEXT_INTERNAL | rpxTranslate)\n : (updateFlagStepEnum.COMMENT_HINT_TEXT_INTERNAL_2_POINT_1 | rpxTranslate)\n }}\n </div>\n <div class=\"govuk-warning-text\" *ngIf=\"internalUser2Point1EnabledUpdate && externallyVisibleFlag\">\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' | rpxTranslate}}</span>\n {{updateFlagStepEnum.WARNING_TEXT | rpxTranslate}}\n </strong>\n </div>\n <div id=\"update-flag-comments-not-entered-error-message\" class=\"govuk-error-message\" *ngIf=\"commentsNotEnteredErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{commentsNotEnteredErrorMessage | rpxTranslate}}\n </div>\n <div id=\"update-flag-comments-char-limit-error\" class=\"govuk-error-message\" *ngIf=\"commentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{commentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea class=\"govuk-textarea\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\"\n rows=\"5\"\n aria-describedby=\"update-flag-comments-hint update-flag-comments-char-limit-info update-flag-comments-char-limit-error\">\n </textarea>\n <div id=\"update-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </ng-container>\n <ng-template #externalUser>\n <ng-container *ngIf=\"externalUserUpdate\">\n <ng-container *ngTemplateOutlet=\"updateFlagStatusReason\"></ng-container>\n </ng-container>\n </ng-template>\n </div>\n\n <ng-template #updateFlagStatusReason>\n <div id=\"update-flag-status-reason-not-entered-error-message\" class=\"govuk-error-message\" *ngIf=\"statusReasonNotEnteredErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{statusReasonNotEnteredErrorMessage | rpxTranslate}}\n </div>\n <div id=\"update-flag-status-reason-char-limit-error\" class=\"govuk-error-message\" *ngIf=\"statusReasonCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{statusReasonCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea class=\"govuk-textarea\"\n [id]=\"caseFlagFormFields.
|
|
33600
|
+
args: [{ selector: 'ccd-update-flag', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-4\">\n <label class=\"govuk-label govuk-label--m\">\n {{updateFlagTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"update-flag-hint-external\" class=\"govuk-hint\" *ngIf=\"externalUserUpdate\">\n {{selectedFlag?.flagDetailDisplay?.flagDetail | updateFlagTitleDisplay}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label class=\"govuk-label govuk-label--s\" [for]=\"caseFlagFormFields.COMMENTS\">\n {{\n externalUserUpdate\n ? (updateFlagStepEnum.COMMENT_FIELD_LABEL_EXTERNAL | rpxTranslate)\n : (updateFlagTitle | rpxTranslate) + (' comments' | rpxTranslate)\n }}\n </label>\n <div id=\"update-flag-comments-hint-external\" class=\"govuk-hint\" *ngIf=\"externalUserUpdate\">\n {{updateFlagStepEnum.COMMENT_HINT_TEXT_EXTERNAL | rpxTranslate}}\n </div>\n <ng-container *ngIf=\"internalUserUpdate || internalUser2Point1EnabledUpdate || displayContextParameter === '';\n else externalUser\">\n <div id=\"update-flag-comments-hint\" class=\"govuk-hint\">\n {{\n internalUserUpdate\n ? (updateFlagStepEnum.COMMENT_HINT_TEXT_INTERNAL | rpxTranslate)\n : (updateFlagStepEnum.COMMENT_HINT_TEXT_INTERNAL_2_POINT_1 | rpxTranslate)\n }}\n </div>\n <div class=\"govuk-warning-text\" *ngIf=\"internalUser2Point1EnabledUpdate && externallyVisibleFlag\">\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' | rpxTranslate}}</span>\n {{updateFlagStepEnum.WARNING_TEXT | rpxTranslate}}\n </strong>\n </div>\n <div id=\"update-flag-comments-not-entered-error-message\" class=\"govuk-error-message\" *ngIf=\"commentsNotEnteredErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{commentsNotEnteredErrorMessage | rpxTranslate}}\n </div>\n <div id=\"update-flag-comments-char-limit-error\" class=\"govuk-error-message\" *ngIf=\"commentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{commentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea class=\"govuk-textarea\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\"\n rows=\"5\"\n aria-describedby=\"update-flag-comments-hint update-flag-comments-char-limit-info update-flag-comments-char-limit-error\">\n </textarea>\n <div id=\"update-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </ng-container>\n <ng-template #externalUser>\n <ng-container *ngIf=\"externalUserUpdate\">\n <ng-container *ngTemplateOutlet=\"updateFlagStatusReason\"></ng-container>\n </ng-container>\n </ng-template>\n </div>\n\n <ng-template #updateFlagStatusReason>\n <div id=\"update-flag-status-reason-not-entered-error-message\" class=\"govuk-error-message\" *ngIf=\"statusReasonNotEnteredErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{statusReasonNotEnteredErrorMessage | rpxTranslate}}\n </div>\n <div id=\"update-flag-status-reason-char-limit-error\" class=\"govuk-error-message\" *ngIf=\"statusReasonCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{statusReasonCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea class=\"govuk-textarea\"\n [id]=\"caseFlagFormFields.UPDATE_COMMENT\"\n [name]=\"caseFlagFormFields.UPDATE_COMMENT\"\n [formControlName]=\"caseFlagFormFields.UPDATE_COMMENT\"\n rows=\"5\"\n aria-describedby=\"update-flag-comments-hint-external update-flag-status-hint update-flag-status-reason-char-limit-info\n update-flag-status-reason-char-limit-error\">\n </textarea>\n <div id=\"update-flag-status-reason-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </ng-template>\n\n <div id=\"flag-status-container-v2_1\" class=\"govuk-!-margin-bottom-4\" *ngIf=\"internalUser2Point1EnabledUpdate\">\n <fieldset class=\"govuk-fieldset\" aria-describedby=\"update-flag-status-heading\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n <h1 id=\"update-flag-status-heading\" class=\"govuk-fieldset__heading\">\n {{updateFlagTitle | rpxTranslate}} {{'status' | rpxTranslate}}\n </h1>\n </legend>\n <div class=\"govuk-radios govuk-radios--conditional govuk-!-margin-bottom-4\" data-module=\"govuk-radios\" [id]=\"caseFlagFormFields.STATUS\">\n <div class=\"govuk-radios__item\" *ngFor=\"let status of validStatusProgressions\">\n <input class=\"govuk-radios__input\" type=\"radio\"\n [id]=\"caseFlagFormFields.STATUS + '_' + status\"\n [name]=\"caseFlagFormFields.STATUS\"\n [formControlName]=\"caseFlagFormFields.STATUS\"\n [value]=\"status\">\n <label class=\"govuk-label govuk-radios__label\" [for]=\"caseFlagFormFields.STATUS + '_' + status\">\n {{caseFlagStatusEnum[status] | rpxTranslate}}\n </label>\n </div>\n </div>\n </fieldset>\n\n <div id=\"update-flag-status-hint\" class=\"govuk-hint\">\n {{updateFlagStepEnum.STATUS_HINT_TEXT | rpxTranslate}}\n </div>\n <ng-container *ngTemplateOutlet=\"updateFlagStatusReason\"></ng-container>\n </div>\n\n <div id=\"translation-checkbox-container\" class=\"govuk-!-margin-bottom-6\" *ngIf=\"internalUser2Point1EnabledUpdate\">\n <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n <div class=\"govuk-checkboxes__item\">\n <input class=\"govuk-checkboxes__input\" type=\"checkbox\"\n [formControlName]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\"\n [id]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\"\n [name]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\">\n <label class=\"govuk-label govuk-checkboxes__label\"\n [for]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\">\n {{'I need to add a translation' | rpxTranslate}}\n </label>\n </div>\n </div>\n </div>\n\n <div id=\"flag-status-container-v1\" class=\"govuk-grid-row\" *ngIf=\"internalUserUpdate\">\n <div class=\"govuk-grid-column-one-half\">\n <p>{{'Flag status:' | rpxTranslate}}\n <span>\n <strong class=\"govuk-tag\" [ngClass]=\"{'govuk-tag--grey': selectedFlag.flagDetailDisplay.flagDetail.status === 'Inactive'}\">\n {{selectedFlag?.flagDetailDisplay?.flagDetail?.status | rpxTranslate}}\n </strong>\n </span>\n </p>\n </div>\n <div class=\"govuk-grid-column-one-half\">\n <button class=\"button button-secondary\" type=\"button\" (click)=\"onMakeInactive()\" *ngIf=\"selectedFlag.flagDetailDisplay.flagDetail.status === 'Active'\">\n {{'Make inactive' | rpxTranslate}}\n </button>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n" }]
|
|
33559
33601
|
}], () => [{ type: i1.RpxTranslationService }, { type: MultipageComponentStateService }], { formGroup: [{
|
|
33560
33602
|
type: Input
|
|
33561
33603
|
}], displayContextParameter: [{
|
|
@@ -33567,7 +33609,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33567
33609
|
|
|
33568
33610
|
const _c0$n = a0 => ({ "form-group-error": a0 });
|
|
33569
33611
|
function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
33570
|
-
i0.ɵɵelementStart(0, "div",
|
|
33612
|
+
i0.ɵɵelementStart(0, "div", 21)(1, "span", 22);
|
|
33571
33613
|
i0.ɵɵtext(2);
|
|
33572
33614
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33573
33615
|
i0.ɵɵelementEnd();
|
|
@@ -33582,7 +33624,7 @@ function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf
|
|
|
33582
33624
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionCharLimitErrorMessage), " ");
|
|
33583
33625
|
} }
|
|
33584
33626
|
function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf & 1) {
|
|
33585
|
-
i0.ɵɵelementStart(0, "div",
|
|
33627
|
+
i0.ɵɵelementStart(0, "div", 23)(1, "span", 22);
|
|
33586
33628
|
i0.ɵɵtext(2);
|
|
33587
33629
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33588
33630
|
i0.ɵɵelementEnd();
|
|
@@ -33597,7 +33639,7 @@ function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf
|
|
|
33597
33639
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage), " ");
|
|
33598
33640
|
} }
|
|
33599
33641
|
function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf & 1) {
|
|
33600
|
-
i0.ɵɵelementStart(0, "div",
|
|
33642
|
+
i0.ɵɵelementStart(0, "div", 24)(1, "span", 22);
|
|
33601
33643
|
i0.ɵɵtext(2);
|
|
33602
33644
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33603
33645
|
i0.ɵɵelementEnd();
|
|
@@ -33612,7 +33654,37 @@ function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf
|
|
|
33612
33654
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
|
|
33613
33655
|
} }
|
|
33614
33656
|
function UpdateFlagAddTranslationFormComponent_div_44_Template(rf, ctx) { if (rf & 1) {
|
|
33615
|
-
i0.ɵɵelementStart(0, "div",
|
|
33657
|
+
i0.ɵɵelementStart(0, "div", 25)(1, "span", 22);
|
|
33658
|
+
i0.ɵɵtext(2);
|
|
33659
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33660
|
+
i0.ɵɵelementEnd();
|
|
33661
|
+
i0.ɵɵtext(4);
|
|
33662
|
+
i0.ɵɵpipe(5, "rpxTranslate");
|
|
33663
|
+
i0.ɵɵelementEnd();
|
|
33664
|
+
} if (rf & 2) {
|
|
33665
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
33666
|
+
i0.ɵɵadvance(2);
|
|
33667
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
33668
|
+
i0.ɵɵadvance(2);
|
|
33669
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
|
|
33670
|
+
} }
|
|
33671
|
+
function UpdateFlagAddTranslationFormComponent_div_54_Template(rf, ctx) { if (rf & 1) {
|
|
33672
|
+
i0.ɵɵelementStart(0, "div", 26)(1, "span", 22);
|
|
33673
|
+
i0.ɵɵtext(2);
|
|
33674
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33675
|
+
i0.ɵɵelementEnd();
|
|
33676
|
+
i0.ɵɵtext(4);
|
|
33677
|
+
i0.ɵɵpipe(5, "rpxTranslate");
|
|
33678
|
+
i0.ɵɵelementEnd();
|
|
33679
|
+
} if (rf & 2) {
|
|
33680
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
33681
|
+
i0.ɵɵadvance(2);
|
|
33682
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
33683
|
+
i0.ɵɵadvance(2);
|
|
33684
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
|
|
33685
|
+
} }
|
|
33686
|
+
function UpdateFlagAddTranslationFormComponent_div_64_Template(rf, ctx) { if (rf & 1) {
|
|
33687
|
+
i0.ɵɵelementStart(0, "div", 27)(1, "span", 22);
|
|
33616
33688
|
i0.ɵɵtext(2);
|
|
33617
33689
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33618
33690
|
i0.ɵɵelementEnd();
|
|
@@ -33649,6 +33721,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33649
33721
|
this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH, new FormControl(flagDetail?.otherDescription_cy));
|
|
33650
33722
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(flagDetail?.flagComment));
|
|
33651
33723
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS_WELSH, new FormControl(flagDetail?.flagComment_cy));
|
|
33724
|
+
this.formGroup.addControl(CaseFlagFormFields.UPDATE_COMMENT_WELSH, new FormControl(flagDetail?.flagUpdateComment_cy));
|
|
33652
33725
|
}
|
|
33653
33726
|
ngOnDestroy() {
|
|
33654
33727
|
this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber--;
|
|
@@ -33711,7 +33784,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33711
33784
|
}
|
|
33712
33785
|
}
|
|
33713
33786
|
static ɵfac = /*@__PURE__*/ (() => { let ɵUpdateFlagAddTranslationFormComponent_BaseFactory; return function UpdateFlagAddTranslationFormComponent_Factory(__ngFactoryType__) { return (ɵUpdateFlagAddTranslationFormComponent_BaseFactory || (ɵUpdateFlagAddTranslationFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UpdateFlagAddTranslationFormComponent)))(__ngFactoryType__ || UpdateFlagAddTranslationFormComponent); }; })();
|
|
33714
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UpdateFlagAddTranslationFormComponent, selectors: [["ccd-update-flag-add-translation-form"]], inputs: { formGroup: "formGroup" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls:
|
|
33787
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UpdateFlagAddTranslationFormComponent, selectors: [["ccd-update-flag-add-translation-form"]], inputs: { formGroup: "formGroup" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 70, vars: 76, consts: [[3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper", "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--m"], ["id", "add-translation-form-hint", 1, "govuk-hint"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-label", "govuk-label--s", 3, "for"], ["id", "add-translation-other-flag-description-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "add-translation-other-flag-description-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-other-flag-description-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-comments-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-comments-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-comments-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-status-change-reason-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-status-change-reason-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-status-change-reason-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-status-change-reason-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-char-limit-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-status-change-reason-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-status-change-reason-welsh-char-limit-error", 1, "govuk-error-message"]], template: function UpdateFlagAddTranslationFormComponent_Template(rf, ctx) { if (rf & 1) {
|
|
33715
33788
|
i0.ɵɵelementContainerStart(0, 0);
|
|
33716
33789
|
i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h1", 3)(4, "label", 4);
|
|
33717
33790
|
i0.ɵɵtext(5);
|
|
@@ -33768,61 +33841,105 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33768
33841
|
i0.ɵɵelementStart(47, "div", 16);
|
|
33769
33842
|
i0.ɵɵtext(48);
|
|
33770
33843
|
i0.ɵɵpipe(49, "rpxTranslate");
|
|
33844
|
+
i0.ɵɵelementEnd()();
|
|
33845
|
+
i0.ɵɵelementStart(50, "div", 6)(51, "label", 7);
|
|
33846
|
+
i0.ɵɵtext(52);
|
|
33847
|
+
i0.ɵɵpipe(53, "rpxTranslate");
|
|
33848
|
+
i0.ɵɵelementEnd();
|
|
33849
|
+
i0.ɵɵtemplate(54, UpdateFlagAddTranslationFormComponent_div_54_Template, 6, 6, "div", 17);
|
|
33850
|
+
i0.ɵɵelementStart(55, "textarea", 9);
|
|
33851
|
+
i0.ɵɵtext(56, " ");
|
|
33852
|
+
i0.ɵɵelementEnd();
|
|
33853
|
+
i0.ɵɵelementStart(57, "div", 18);
|
|
33854
|
+
i0.ɵɵtext(58);
|
|
33855
|
+
i0.ɵɵpipe(59, "rpxTranslate");
|
|
33856
|
+
i0.ɵɵelementEnd()();
|
|
33857
|
+
i0.ɵɵelementStart(60, "div", 6)(61, "label", 7);
|
|
33858
|
+
i0.ɵɵtext(62);
|
|
33859
|
+
i0.ɵɵpipe(63, "rpxTranslate");
|
|
33860
|
+
i0.ɵɵelementEnd();
|
|
33861
|
+
i0.ɵɵtemplate(64, UpdateFlagAddTranslationFormComponent_div_64_Template, 6, 6, "div", 19);
|
|
33862
|
+
i0.ɵɵelementStart(65, "textarea", 9);
|
|
33863
|
+
i0.ɵɵtext(66, " ");
|
|
33864
|
+
i0.ɵɵelementEnd();
|
|
33865
|
+
i0.ɵɵelementStart(67, "div", 20);
|
|
33866
|
+
i0.ɵɵtext(68);
|
|
33867
|
+
i0.ɵɵpipe(69, "rpxTranslate");
|
|
33771
33868
|
i0.ɵɵelementEnd()()()();
|
|
33772
33869
|
i0.ɵɵelementContainerEnd();
|
|
33773
33870
|
} if (rf & 2) {
|
|
33774
33871
|
i0.ɵɵproperty("formGroup", ctx.formGroup);
|
|
33775
33872
|
i0.ɵɵadvance(2);
|
|
33776
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
33873
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(74, _c0$n, ctx.errorMessages.length > 0));
|
|
33777
33874
|
i0.ɵɵadvance(3);
|
|
33778
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6,
|
|
33875
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 46, ctx.updateFlagAddTranslationTitle), " ");
|
|
33779
33876
|
i0.ɵɵadvance(3);
|
|
33780
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9,
|
|
33877
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 48, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
|
|
33781
33878
|
i0.ɵɵadvance(3);
|
|
33782
33879
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33783
33880
|
i0.ɵɵadvance();
|
|
33784
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13,
|
|
33881
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 50, "Other description"));
|
|
33785
33882
|
i0.ɵɵadvance(2);
|
|
33786
33883
|
i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionCharLimitErrorMessage);
|
|
33787
33884
|
i0.ɵɵadvance();
|
|
33788
33885
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33789
33886
|
i0.ɵɵadvance(3);
|
|
33790
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19,
|
|
33887
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 52, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33791
33888
|
i0.ɵɵadvance(3);
|
|
33792
33889
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33793
33890
|
i0.ɵɵadvance();
|
|
33794
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23,
|
|
33891
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 54, "Other description (Welsh)"));
|
|
33795
33892
|
i0.ɵɵadvance(2);
|
|
33796
33893
|
i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionWelshCharLimitErrorMessage);
|
|
33797
33894
|
i0.ɵɵadvance();
|
|
33798
33895
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33799
33896
|
i0.ɵɵadvance(3);
|
|
33800
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29,
|
|
33897
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 56, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33801
33898
|
i0.ɵɵadvance(3);
|
|
33802
33899
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS);
|
|
33803
33900
|
i0.ɵɵadvance();
|
|
33804
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33,
|
|
33901
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 58, "Flag comments"));
|
|
33805
33902
|
i0.ɵɵadvance(2);
|
|
33806
33903
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsCharLimitErrorMessage);
|
|
33807
33904
|
i0.ɵɵadvance();
|
|
33808
33905
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS)("name", ctx.caseFlagFormFields.COMMENTS)("formControlName", ctx.caseFlagFormFields.COMMENTS);
|
|
33809
33906
|
i0.ɵɵadvance(3);
|
|
33810
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39,
|
|
33907
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 60, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33811
33908
|
i0.ɵɵadvance(3);
|
|
33812
33909
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33813
33910
|
i0.ɵɵadvance();
|
|
33814
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43,
|
|
33911
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 62, "Flag comments (Welsh)"));
|
|
33815
33912
|
i0.ɵɵadvance(2);
|
|
33816
33913
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33817
33914
|
i0.ɵɵadvance();
|
|
33818
33915
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS_WELSH)("name", ctx.caseFlagFormFields.COMMENTS_WELSH)("formControlName", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33819
33916
|
i0.ɵɵadvance(3);
|
|
33820
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49,
|
|
33917
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 64, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33918
|
+
i0.ɵɵadvance(3);
|
|
33919
|
+
i0.ɵɵproperty("for", ctx.caseFlagFormFields.UPDATE_COMMENT);
|
|
33920
|
+
i0.ɵɵadvance();
|
|
33921
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(53, 66, "Reason for change"));
|
|
33922
|
+
i0.ɵɵadvance(2);
|
|
33923
|
+
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33924
|
+
i0.ɵɵadvance();
|
|
33925
|
+
i0.ɵɵproperty("id", ctx.caseFlagFormFields.UPDATE_COMMENT)("name", ctx.caseFlagFormFields.UPDATE_COMMENT)("formControlName", ctx.caseFlagFormFields.UPDATE_COMMENT);
|
|
33926
|
+
i0.ɵɵadvance(3);
|
|
33927
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(59, 68, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33928
|
+
i0.ɵɵadvance(3);
|
|
33929
|
+
i0.ɵɵproperty("for", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH);
|
|
33930
|
+
i0.ɵɵadvance();
|
|
33931
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(63, 70, "Reason for change (Welsh)"));
|
|
33932
|
+
i0.ɵɵadvance(2);
|
|
33933
|
+
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33934
|
+
i0.ɵɵadvance();
|
|
33935
|
+
i0.ɵɵproperty("id", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH)("name", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH)("formControlName", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH);
|
|
33936
|
+
i0.ɵɵadvance(3);
|
|
33937
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(69, 72, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33821
33938
|
} }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i1.RpxTranslatePipe], encapsulation: 2 });
|
|
33822
33939
|
}
|
|
33823
33940
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagAddTranslationFormComponent, [{
|
|
33824
33941
|
type: Component,
|
|
33825
|
-
args: [{ selector: 'ccd-update-flag-add-translation-form', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-6\">\n <label class=\"govuk-label govuk-label--m\">\n {{ updateFlagAddTranslationTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"add-translation-form-hint\" class=\"govuk-hint\">\n {{ updateFlagAddTranslationStepEnum.HINT_TEXT | rpxTranslate}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\" class=\"govuk-label govuk-label--s\">{{'Other description' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\">\n </textarea>\n <div id=\"add-translation-other-flag-description-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\" class=\"govuk-label govuk-label--s\">{{'Other description (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\">\n </textarea>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS\" class=\"govuk-label govuk-label--s\">{{'Flag comments' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\">\n </textarea>\n <div id=\"add-translation-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS_WELSH\" class=\"govuk-label govuk-label--s\">{{'Flag comments (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [name]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [formControlName]=\"caseFlagFormFields.COMMENTS_WELSH\">\n </textarea>\n <div id=\"add-translation-flag-comments-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n </div>\n </div>\n</ng-container
|
|
33942
|
+
args: [{ selector: 'ccd-update-flag-add-translation-form', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-6\">\n <label class=\"govuk-label govuk-label--m\">\n {{ updateFlagAddTranslationTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"add-translation-form-hint\" class=\"govuk-hint\">\n {{ updateFlagAddTranslationStepEnum.HINT_TEXT | rpxTranslate}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\" class=\"govuk-label govuk-label--s\">{{'Other description' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\">\n </textarea>\n <div id=\"add-translation-other-flag-description-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\" class=\"govuk-label govuk-label--s\">{{'Other description (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\">\n </textarea>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS\" class=\"govuk-label govuk-label--s\">{{'Flag comments' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\">\n </textarea>\n <div id=\"add-translation-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS_WELSH\" class=\"govuk-label govuk-label--s\">{{'Flag comments (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [name]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [formControlName]=\"caseFlagFormFields.COMMENTS_WELSH\">\n </textarea>\n <div id=\"add-translation-flag-comments-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.UPDATE_COMMENT\" class=\"govuk-label govuk-label--s\">{{'Reason for change' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-status-change-reason-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.UPDATE_COMMENT\"\n [name]=\"caseFlagFormFields.UPDATE_COMMENT\"\n [formControlName]=\"caseFlagFormFields.UPDATE_COMMENT\">\n </textarea>\n <div id=\"add-translation-flag-status-change-reason-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.UPDATE_COMMENT_WELSH\" class=\"govuk-label govuk-label--s\">{{'Reason for change (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-status-change-reason-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.UPDATE_COMMENT_WELSH\"\n [name]=\"caseFlagFormFields.UPDATE_COMMENT_WELSH\"\n [formControlName]=\"caseFlagFormFields.UPDATE_COMMENT_WELSH\">\n </textarea>\n <div id=\"add-translation-flag-status-change-reason-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n </div>\n </div>\n</ng-container>\n" }]
|
|
33826
33943
|
}], null, { formGroup: [{
|
|
33827
33944
|
type: Input
|
|
33828
33945
|
}], caseFlagStateEmitter: [{
|