@hmcts/ccd-case-ui-toolkit 7.4.13 → 7.4.14-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,12 @@ 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, "flagFieldDisplay");
|
|
31506
31547
|
i0.ɵɵelementEnd()();
|
|
31507
31548
|
} if (rf & 2) {
|
|
31508
31549
|
const flagDetail_r2 = i0.ɵɵnextContext().$implicit;
|
|
31509
31550
|
i0.ɵɵadvance(2);
|
|
31510
|
-
i0.ɵɵtextInterpolate1("Update Reason: ", flagDetail_r2
|
|
31551
|
+
i0.ɵɵtextInterpolate1("Update Reason: ", i0.ɵɵpipeBind2(3, 1, flagDetail_r2, "flagUpdateComment"));
|
|
31511
31552
|
} }
|
|
31512
31553
|
function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_22_Template(rf, ctx) { if (rf & 1) {
|
|
31513
31554
|
i0.ɵɵelementStart(0, "strong", 27);
|
|
@@ -31560,7 +31601,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
|
|
|
31560
31601
|
i0.ɵɵtext(12);
|
|
31561
31602
|
i0.ɵɵpipe(13, "flagFieldDisplay");
|
|
31562
31603
|
i0.ɵɵelementEnd();
|
|
31563
|
-
i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template,
|
|
31604
|
+
i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template, 4, 4, "div", 11);
|
|
31564
31605
|
i0.ɵɵelementEnd();
|
|
31565
31606
|
i0.ɵɵelementStart(15, "td", 17);
|
|
31566
31607
|
i0.ɵɵtext(16);
|
|
@@ -31589,7 +31630,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
|
|
|
31589
31630
|
i0.ɵɵadvance();
|
|
31590
31631
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(13, 19, flagDetail_r2, "flagComment"), " ");
|
|
31591
31632
|
i0.ɵɵadvance(2);
|
|
31592
|
-
i0.ɵɵproperty("ngIf",
|
|
31633
|
+
i0.ɵɵproperty("ngIf", (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
|
|
31593
31634
|
i0.ɵɵadvance(2);
|
|
31594
31635
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(17, 22, flagDetail_r2.dateTimeCreated, "dd LLL yyyy"));
|
|
31595
31636
|
i0.ɵɵadvance(3);
|
|
@@ -31682,7 +31723,7 @@ class CaseFlagTableComponent {
|
|
|
31682
31723
|
}
|
|
31683
31724
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagTableComponent, [{
|
|
31684
31725
|
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=\"
|
|
31726
|
+
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: {{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", 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
31727
|
}], null, { tableCaption: [{
|
|
31687
31728
|
type: Input
|
|
31688
31729
|
}], flagData: [{
|
|
@@ -33211,7 +33252,7 @@ function UpdateFlagComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
|
|
|
33211
33252
|
i0.ɵɵadvance();
|
|
33212
33253
|
i0.ɵɵproperty("ngIf", ctx_r0.statusReasonCharLimitErrorMessage);
|
|
33213
33254
|
i0.ɵɵadvance();
|
|
33214
|
-
i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.
|
|
33255
|
+
i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.UPDATE_COMMENT)("name", ctx_r0.caseFlagFormFields.UPDATE_COMMENT)("formControlName", ctx_r0.caseFlagFormFields.UPDATE_COMMENT);
|
|
33215
33256
|
i0.ɵɵadvance(3);
|
|
33216
33257
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 6, ctx_r0.updateFlagStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33217
33258
|
} }
|
|
@@ -33369,7 +33410,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33369
33410
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(existingComments));
|
|
33370
33411
|
this.formGroup.addControl(CaseFlagFormFields.STATUS, new FormControl(currentFlagStatusKey));
|
|
33371
33412
|
// Populate status reason only if the user is not external
|
|
33372
|
-
this.formGroup.addControl(CaseFlagFormFields.
|
|
33413
|
+
this.formGroup.addControl(CaseFlagFormFields.UPDATE_COMMENT, new FormControl(this.externalUserUpdate ? '' : this.flagDetail.flagUpdateComment));
|
|
33373
33414
|
this.formGroup.addControl(CaseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED, new FormControl(false));
|
|
33374
33415
|
this.updateFlagTitle = this.setUpdateCaseFlagTitle(this.flagDetail);
|
|
33375
33416
|
// Set the valid status options for display, based on current status of the selected flag. "Active" flags can
|
|
@@ -33475,7 +33516,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33475
33516
|
fieldId: CaseFlagFormFields.COMMENTS
|
|
33476
33517
|
});
|
|
33477
33518
|
}
|
|
33478
|
-
const statusReason = this.formGroup.get(CaseFlagFormFields.
|
|
33519
|
+
const statusReason = this.formGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value;
|
|
33479
33520
|
const flagStatusNotApprovedKey = Object.keys(CaseFlagStatus).find((key) => CaseFlagStatus[key] === CaseFlagStatus.NOT_APPROVED);
|
|
33480
33521
|
// Status reason is mandatory if flag status is "Not approved" or user is external
|
|
33481
33522
|
if (this.formGroup.get(CaseFlagFormFields.STATUS)?.value === flagStatusNotApprovedKey && !statusReason) {
|
|
@@ -33483,7 +33524,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33483
33524
|
this.errorMessages.push({
|
|
33484
33525
|
title: '',
|
|
33485
33526
|
description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED,
|
|
33486
|
-
fieldId: CaseFlagFormFields.
|
|
33527
|
+
fieldId: CaseFlagFormFields.UPDATE_COMMENT
|
|
33487
33528
|
});
|
|
33488
33529
|
}
|
|
33489
33530
|
if (this.externalUserUpdate && !statusReason) {
|
|
@@ -33491,7 +33532,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33491
33532
|
this.errorMessages.push({
|
|
33492
33533
|
title: '',
|
|
33493
33534
|
description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED_EXTERNAL,
|
|
33494
|
-
fieldId: CaseFlagFormFields.
|
|
33535
|
+
fieldId: CaseFlagFormFields.UPDATE_COMMENT
|
|
33495
33536
|
});
|
|
33496
33537
|
}
|
|
33497
33538
|
if (statusReason && statusReason.length > this.textMaxCharLimit) {
|
|
@@ -33499,7 +33540,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33499
33540
|
this.errorMessages.push({
|
|
33500
33541
|
title: '',
|
|
33501
33542
|
description: UpdateFlagErrorMessage.STATUS_REASON_CHAR_LIMIT_EXCEEDED,
|
|
33502
|
-
fieldId: CaseFlagFormFields.
|
|
33543
|
+
fieldId: CaseFlagFormFields.UPDATE_COMMENT
|
|
33503
33544
|
});
|
|
33504
33545
|
}
|
|
33505
33546
|
}
|
|
@@ -33555,7 +33596,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33555
33596
|
}
|
|
33556
33597
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagComponent, [{
|
|
33557
33598
|
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.
|
|
33599
|
+
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
33600
|
}], () => [{ type: i1.RpxTranslationService }, { type: MultipageComponentStateService }], { formGroup: [{
|
|
33560
33601
|
type: Input
|
|
33561
33602
|
}], displayContextParameter: [{
|
|
@@ -33567,7 +33608,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33567
33608
|
|
|
33568
33609
|
const _c0$n = a0 => ({ "form-group-error": a0 });
|
|
33569
33610
|
function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
33570
|
-
i0.ɵɵelementStart(0, "div",
|
|
33611
|
+
i0.ɵɵelementStart(0, "div", 21)(1, "span", 22);
|
|
33571
33612
|
i0.ɵɵtext(2);
|
|
33572
33613
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33573
33614
|
i0.ɵɵelementEnd();
|
|
@@ -33582,7 +33623,7 @@ function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf
|
|
|
33582
33623
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionCharLimitErrorMessage), " ");
|
|
33583
33624
|
} }
|
|
33584
33625
|
function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf & 1) {
|
|
33585
|
-
i0.ɵɵelementStart(0, "div",
|
|
33626
|
+
i0.ɵɵelementStart(0, "div", 23)(1, "span", 22);
|
|
33586
33627
|
i0.ɵɵtext(2);
|
|
33587
33628
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33588
33629
|
i0.ɵɵelementEnd();
|
|
@@ -33597,7 +33638,7 @@ function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf
|
|
|
33597
33638
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage), " ");
|
|
33598
33639
|
} }
|
|
33599
33640
|
function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf & 1) {
|
|
33600
|
-
i0.ɵɵelementStart(0, "div",
|
|
33641
|
+
i0.ɵɵelementStart(0, "div", 24)(1, "span", 22);
|
|
33601
33642
|
i0.ɵɵtext(2);
|
|
33602
33643
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33603
33644
|
i0.ɵɵelementEnd();
|
|
@@ -33612,7 +33653,37 @@ function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf
|
|
|
33612
33653
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
|
|
33613
33654
|
} }
|
|
33614
33655
|
function UpdateFlagAddTranslationFormComponent_div_44_Template(rf, ctx) { if (rf & 1) {
|
|
33615
|
-
i0.ɵɵelementStart(0, "div",
|
|
33656
|
+
i0.ɵɵelementStart(0, "div", 25)(1, "span", 22);
|
|
33657
|
+
i0.ɵɵtext(2);
|
|
33658
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33659
|
+
i0.ɵɵelementEnd();
|
|
33660
|
+
i0.ɵɵtext(4);
|
|
33661
|
+
i0.ɵɵpipe(5, "rpxTranslate");
|
|
33662
|
+
i0.ɵɵelementEnd();
|
|
33663
|
+
} if (rf & 2) {
|
|
33664
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
33665
|
+
i0.ɵɵadvance(2);
|
|
33666
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
33667
|
+
i0.ɵɵadvance(2);
|
|
33668
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
|
|
33669
|
+
} }
|
|
33670
|
+
function UpdateFlagAddTranslationFormComponent_div_54_Template(rf, ctx) { if (rf & 1) {
|
|
33671
|
+
i0.ɵɵelementStart(0, "div", 26)(1, "span", 22);
|
|
33672
|
+
i0.ɵɵtext(2);
|
|
33673
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33674
|
+
i0.ɵɵelementEnd();
|
|
33675
|
+
i0.ɵɵtext(4);
|
|
33676
|
+
i0.ɵɵpipe(5, "rpxTranslate");
|
|
33677
|
+
i0.ɵɵelementEnd();
|
|
33678
|
+
} if (rf & 2) {
|
|
33679
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
33680
|
+
i0.ɵɵadvance(2);
|
|
33681
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
33682
|
+
i0.ɵɵadvance(2);
|
|
33683
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
|
|
33684
|
+
} }
|
|
33685
|
+
function UpdateFlagAddTranslationFormComponent_div_64_Template(rf, ctx) { if (rf & 1) {
|
|
33686
|
+
i0.ɵɵelementStart(0, "div", 27)(1, "span", 22);
|
|
33616
33687
|
i0.ɵɵtext(2);
|
|
33617
33688
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33618
33689
|
i0.ɵɵelementEnd();
|
|
@@ -33649,6 +33720,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33649
33720
|
this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH, new FormControl(flagDetail?.otherDescription_cy));
|
|
33650
33721
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(flagDetail?.flagComment));
|
|
33651
33722
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS_WELSH, new FormControl(flagDetail?.flagComment_cy));
|
|
33723
|
+
this.formGroup.addControl(CaseFlagFormFields.UPDATE_COMMENT_WELSH, new FormControl(flagDetail?.flagUpdateComment_cy));
|
|
33652
33724
|
}
|
|
33653
33725
|
ngOnDestroy() {
|
|
33654
33726
|
this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber--;
|
|
@@ -33711,7 +33783,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33711
33783
|
}
|
|
33712
33784
|
}
|
|
33713
33785
|
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:
|
|
33786
|
+
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
33787
|
i0.ɵɵelementContainerStart(0, 0);
|
|
33716
33788
|
i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h1", 3)(4, "label", 4);
|
|
33717
33789
|
i0.ɵɵtext(5);
|
|
@@ -33768,61 +33840,105 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33768
33840
|
i0.ɵɵelementStart(47, "div", 16);
|
|
33769
33841
|
i0.ɵɵtext(48);
|
|
33770
33842
|
i0.ɵɵpipe(49, "rpxTranslate");
|
|
33843
|
+
i0.ɵɵelementEnd()();
|
|
33844
|
+
i0.ɵɵelementStart(50, "div", 6)(51, "label", 7);
|
|
33845
|
+
i0.ɵɵtext(52);
|
|
33846
|
+
i0.ɵɵpipe(53, "rpxTranslate");
|
|
33847
|
+
i0.ɵɵelementEnd();
|
|
33848
|
+
i0.ɵɵtemplate(54, UpdateFlagAddTranslationFormComponent_div_54_Template, 6, 6, "div", 17);
|
|
33849
|
+
i0.ɵɵelementStart(55, "textarea", 9);
|
|
33850
|
+
i0.ɵɵtext(56, " ");
|
|
33851
|
+
i0.ɵɵelementEnd();
|
|
33852
|
+
i0.ɵɵelementStart(57, "div", 18);
|
|
33853
|
+
i0.ɵɵtext(58);
|
|
33854
|
+
i0.ɵɵpipe(59, "rpxTranslate");
|
|
33855
|
+
i0.ɵɵelementEnd()();
|
|
33856
|
+
i0.ɵɵelementStart(60, "div", 6)(61, "label", 7);
|
|
33857
|
+
i0.ɵɵtext(62);
|
|
33858
|
+
i0.ɵɵpipe(63, "rpxTranslate");
|
|
33859
|
+
i0.ɵɵelementEnd();
|
|
33860
|
+
i0.ɵɵtemplate(64, UpdateFlagAddTranslationFormComponent_div_64_Template, 6, 6, "div", 19);
|
|
33861
|
+
i0.ɵɵelementStart(65, "textarea", 9);
|
|
33862
|
+
i0.ɵɵtext(66, " ");
|
|
33863
|
+
i0.ɵɵelementEnd();
|
|
33864
|
+
i0.ɵɵelementStart(67, "div", 20);
|
|
33865
|
+
i0.ɵɵtext(68);
|
|
33866
|
+
i0.ɵɵpipe(69, "rpxTranslate");
|
|
33771
33867
|
i0.ɵɵelementEnd()()()();
|
|
33772
33868
|
i0.ɵɵelementContainerEnd();
|
|
33773
33869
|
} if (rf & 2) {
|
|
33774
33870
|
i0.ɵɵproperty("formGroup", ctx.formGroup);
|
|
33775
33871
|
i0.ɵɵadvance(2);
|
|
33776
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
33872
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(74, _c0$n, ctx.errorMessages.length > 0));
|
|
33777
33873
|
i0.ɵɵadvance(3);
|
|
33778
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6,
|
|
33874
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 46, ctx.updateFlagAddTranslationTitle), " ");
|
|
33779
33875
|
i0.ɵɵadvance(3);
|
|
33780
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9,
|
|
33876
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 48, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
|
|
33781
33877
|
i0.ɵɵadvance(3);
|
|
33782
33878
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33783
33879
|
i0.ɵɵadvance();
|
|
33784
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13,
|
|
33880
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 50, "Other description"));
|
|
33785
33881
|
i0.ɵɵadvance(2);
|
|
33786
33882
|
i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionCharLimitErrorMessage);
|
|
33787
33883
|
i0.ɵɵadvance();
|
|
33788
33884
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33789
33885
|
i0.ɵɵadvance(3);
|
|
33790
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19,
|
|
33886
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 52, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33791
33887
|
i0.ɵɵadvance(3);
|
|
33792
33888
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33793
33889
|
i0.ɵɵadvance();
|
|
33794
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23,
|
|
33890
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 54, "Other description (Welsh)"));
|
|
33795
33891
|
i0.ɵɵadvance(2);
|
|
33796
33892
|
i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionWelshCharLimitErrorMessage);
|
|
33797
33893
|
i0.ɵɵadvance();
|
|
33798
33894
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33799
33895
|
i0.ɵɵadvance(3);
|
|
33800
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29,
|
|
33896
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 56, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33801
33897
|
i0.ɵɵadvance(3);
|
|
33802
33898
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS);
|
|
33803
33899
|
i0.ɵɵadvance();
|
|
33804
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33,
|
|
33900
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 58, "Flag comments"));
|
|
33805
33901
|
i0.ɵɵadvance(2);
|
|
33806
33902
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsCharLimitErrorMessage);
|
|
33807
33903
|
i0.ɵɵadvance();
|
|
33808
33904
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS)("name", ctx.caseFlagFormFields.COMMENTS)("formControlName", ctx.caseFlagFormFields.COMMENTS);
|
|
33809
33905
|
i0.ɵɵadvance(3);
|
|
33810
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39,
|
|
33906
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 60, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33811
33907
|
i0.ɵɵadvance(3);
|
|
33812
33908
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33813
33909
|
i0.ɵɵadvance();
|
|
33814
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43,
|
|
33910
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 62, "Flag comments (Welsh)"));
|
|
33815
33911
|
i0.ɵɵadvance(2);
|
|
33816
33912
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33817
33913
|
i0.ɵɵadvance();
|
|
33818
33914
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS_WELSH)("name", ctx.caseFlagFormFields.COMMENTS_WELSH)("formControlName", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33819
33915
|
i0.ɵɵadvance(3);
|
|
33820
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49,
|
|
33916
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 64, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33917
|
+
i0.ɵɵadvance(3);
|
|
33918
|
+
i0.ɵɵproperty("for", ctx.caseFlagFormFields.UPDATE_COMMENT);
|
|
33919
|
+
i0.ɵɵadvance();
|
|
33920
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(53, 66, "Reason for change"));
|
|
33921
|
+
i0.ɵɵadvance(2);
|
|
33922
|
+
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33923
|
+
i0.ɵɵadvance();
|
|
33924
|
+
i0.ɵɵproperty("id", ctx.caseFlagFormFields.UPDATE_COMMENT)("name", ctx.caseFlagFormFields.UPDATE_COMMENT)("formControlName", ctx.caseFlagFormFields.UPDATE_COMMENT);
|
|
33925
|
+
i0.ɵɵadvance(3);
|
|
33926
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(59, 68, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33927
|
+
i0.ɵɵadvance(3);
|
|
33928
|
+
i0.ɵɵproperty("for", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH);
|
|
33929
|
+
i0.ɵɵadvance();
|
|
33930
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(63, 70, "Reason for change (Welsh)"));
|
|
33931
|
+
i0.ɵɵadvance(2);
|
|
33932
|
+
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33933
|
+
i0.ɵɵadvance();
|
|
33934
|
+
i0.ɵɵproperty("id", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH)("name", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH)("formControlName", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH);
|
|
33935
|
+
i0.ɵɵadvance(3);
|
|
33936
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(69, 72, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33821
33937
|
} }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i1.RpxTranslatePipe], encapsulation: 2 });
|
|
33822
33938
|
}
|
|
33823
33939
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagAddTranslationFormComponent, [{
|
|
33824
33940
|
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
|
|
33941
|
+
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
33942
|
}], null, { formGroup: [{
|
|
33827
33943
|
type: Input
|
|
33828
33944
|
}], caseFlagStateEmitter: [{
|