@hmcts/ccd-case-ui-toolkit 7.4.14-exui-5288-v1 → 7.4.14
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,8 +2759,7 @@ 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["
|
|
2763
|
-
CaseFlagFormFields["UPDATE_COMMENT_WELSH"] = "flagUpdateComment_cy";
|
|
2762
|
+
CaseFlagFormFields["STATUS_CHANGE_REASON"] = "flagStatusReasonChange";
|
|
2764
2763
|
CaseFlagFormFields["IS_WELSH_TRANSLATION_NEEDED"] = "flagIsWelshTranslationNeeded";
|
|
2765
2764
|
CaseFlagFormFields["IS_VISIBLE_INTERNALLY_ONLY"] = "flagIsVisibleInternallyOnly";
|
|
2766
2765
|
})(CaseFlagFormFields || (CaseFlagFormFields = {}));
|
|
@@ -2880,7 +2879,6 @@ var UpdateFlagStep;
|
|
|
2880
2879
|
UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
|
|
2881
2880
|
UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change.";
|
|
2882
2881
|
UpdateFlagStep["STATUS_REASON_LABEL"] = "Reason for change";
|
|
2883
|
-
UpdateFlagStep["STATUS_REASON_WELSH_LABEL"] = "Reason for change (Welsh)";
|
|
2884
2882
|
UpdateFlagStep["WARNING_TEXT"] = "The details entered here MAY be visible to the party in the future.";
|
|
2885
2883
|
})(UpdateFlagStep || (UpdateFlagStep = {}));
|
|
2886
2884
|
|
|
@@ -15951,7 +15949,6 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
|
|
|
15951
15949
|
flagDetail.value.flagComment = originalFlagDetail.value?.flagComment || null;
|
|
15952
15950
|
flagDetail.value.flagComment_cy = originalFlagDetail.value?.flagComment_cy || null;
|
|
15953
15951
|
flagDetail.value.flagUpdateComment = originalFlagDetail.value?.flagUpdateComment || null;
|
|
15954
|
-
flagDetail.value.flagUpdateComment_cy = originalFlagDetail.value?.flagUpdateComment_cy || null;
|
|
15955
15952
|
flagDetail.value.status = originalFlagDetail.value?.status;
|
|
15956
15953
|
flagDetail.value.dateTimeModified = originalFlagDetail.value?.dateTimeModified || null;
|
|
15957
15954
|
}
|
|
@@ -15992,7 +15989,6 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
|
|
|
15992
15989
|
// Ensure that any comments entered with language set to Welsh do not end up in the English comments field
|
|
15993
15990
|
if (this.rpxTranslationService.language !== 'cy') {
|
|
15994
15991
|
flagDetailToUpdate.value.flagComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value;
|
|
15995
|
-
flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value;
|
|
15996
15992
|
}
|
|
15997
15993
|
// Populate from the *English* comments field if:
|
|
15998
15994
|
// * The Welsh comments field has no value (Welsh comments field acquires a value only when an HMCTS internal user has
|
|
@@ -16007,13 +16003,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
|
|
|
16007
16003
|
? this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value
|
|
16008
16004
|
: null;
|
|
16009
16005
|
}
|
|
16010
|
-
|
|
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
|
-
}
|
|
16006
|
+
flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
|
|
16017
16007
|
flagDetailToUpdate.value.status = CaseFlagStatus[this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS)?.value];
|
|
16018
16008
|
flagDetailToUpdate.value.dateTimeModified = new Date().toISOString();
|
|
16019
16009
|
}
|
|
@@ -31265,34 +31255,6 @@ function CaseFlagSummaryListComponent_dl_0_div_39_Template(rf, ctx) { if (rf & 1
|
|
|
31265
31255
|
i0.ɵɵadvance(3);
|
|
31266
31256
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_LABEL));
|
|
31267
31257
|
} }
|
|
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
|
-
} }
|
|
31296
31258
|
function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
|
|
31297
31259
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
31298
31260
|
i0.ɵɵelementStart(0, "dl", 1)(1, "div", 2)(2, "dt", 3);
|
|
@@ -31337,26 +31299,26 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
31337
31299
|
i0.ɵɵelementStart(37, "dd", 5);
|
|
31338
31300
|
i0.ɵɵtemplate(38, CaseFlagSummaryListComponent_dl_0_a_38_Template, 6, 6, "a", 9);
|
|
31339
31301
|
i0.ɵɵelementEnd()();
|
|
31340
|
-
i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8)
|
|
31302
|
+
i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8);
|
|
31341
31303
|
i0.ɵɵelementEnd();
|
|
31342
31304
|
} if (rf & 2) {
|
|
31343
31305
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
31344
31306
|
i0.ɵɵadvance(3);
|
|
31345
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4,
|
|
31307
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 15, ctx_r1.addUpdateFlagHeaderText), " ");
|
|
31346
31308
|
i0.ɵɵadvance(3);
|
|
31347
31309
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.flagForSummaryDisplay.partyName || ctx_r1.caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION, " ");
|
|
31348
31310
|
i0.ɵɵadvance(3);
|
|
31349
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10,
|
|
31311
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 17, "Change"));
|
|
31350
31312
|
i0.ɵɵadvance(3);
|
|
31351
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13,
|
|
31313
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 19, "party name"));
|
|
31352
31314
|
i0.ɵɵadvance(4);
|
|
31353
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17,
|
|
31315
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 21, ctx_r1.flagTypeHeaderText), " ");
|
|
31354
31316
|
i0.ɵɵadvance(3);
|
|
31355
31317
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.flagDescription, " ");
|
|
31356
31318
|
i0.ɵɵadvance(3);
|
|
31357
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23,
|
|
31319
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 23, "Change"));
|
|
31358
31320
|
i0.ɵɵadvance(3);
|
|
31359
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26,
|
|
31321
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 25, "flag type"));
|
|
31360
31322
|
i0.ɵɵadvance(2);
|
|
31361
31323
|
i0.ɵɵproperty("ngIf", (ctx_r1.flagDescriptionWelsh == null ? null : ctx_r1.flagDescriptionWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
|
|
31362
31324
|
i0.ɵɵadvance();
|
|
@@ -31364,15 +31326,13 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
31364
31326
|
i0.ɵɵadvance();
|
|
31365
31327
|
i0.ɵɵproperty("ngIf", (ctx_r1.flagCommentsWelsh == null ? null : ctx_r1.flagCommentsWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
|
|
31366
31328
|
i0.ɵɵadvance(3);
|
|
31367
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33,
|
|
31329
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33, 27, "Status"), " ");
|
|
31368
31330
|
i0.ɵɵadvance(3);
|
|
31369
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36,
|
|
31331
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 29, ctx_r1.flagStatus), " ");
|
|
31370
31332
|
i0.ɵɵadvance(3);
|
|
31371
31333
|
i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled);
|
|
31372
31334
|
i0.ɵɵadvance();
|
|
31373
|
-
i0.ɵɵproperty("ngIf", ctx_r1.
|
|
31374
|
-
i0.ɵɵadvance();
|
|
31375
|
-
i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled && (ctx_r1.flagUpdateCommentsWelsh == null ? null : ctx_r1.flagUpdateCommentsWelsh.length) > 0);
|
|
31335
|
+
i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Update && (ctx_r1.flagUpdateComments == null ? null : ctx_r1.flagUpdateComments.length) > 0);
|
|
31376
31336
|
} }
|
|
31377
31337
|
class CaseFlagSummaryListComponent {
|
|
31378
31338
|
rpxTranslationService;
|
|
@@ -31387,7 +31347,6 @@ class CaseFlagSummaryListComponent {
|
|
|
31387
31347
|
otherDescription;
|
|
31388
31348
|
otherDescriptionWelsh;
|
|
31389
31349
|
flagUpdateComments;
|
|
31390
|
-
flagUpdateCommentsWelsh;
|
|
31391
31350
|
summaryListDisplayMode;
|
|
31392
31351
|
addUpdateFlagHeaderText;
|
|
31393
31352
|
caseFlagFieldState = CaseFlagFieldState;
|
|
@@ -31408,8 +31367,9 @@ class CaseFlagSummaryListComponent {
|
|
|
31408
31367
|
this.flagDescriptionWelsh = flagDetail.otherDescription_cy;
|
|
31409
31368
|
this.flagComments = flagDetail.flagComment;
|
|
31410
31369
|
this.flagCommentsWelsh = flagDetail.flagComment_cy;
|
|
31411
|
-
|
|
31412
|
-
|
|
31370
|
+
// Flag update comments will be coming from the flagStatusReasonChange property instead of flagUpdateComment
|
|
31371
|
+
// because these haven't been persisted yet
|
|
31372
|
+
this.flagUpdateComments = flagDetail['flagStatusReasonChange'];
|
|
31413
31373
|
this.flagStatus = flagDetail.status;
|
|
31414
31374
|
this.addUpdateFlagHeaderText = this.getAddUpdateFlagHeaderText();
|
|
31415
31375
|
this.flagTypeHeaderText = this.getFlagTypeHeaderText();
|
|
@@ -31479,14 +31439,14 @@ class CaseFlagSummaryListComponent {
|
|
|
31479
31439
|
}
|
|
31480
31440
|
static ɵfac = function CaseFlagSummaryListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFlagSummaryListComponent)(i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
|
|
31481
31441
|
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) {
|
|
31482
|
-
i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template,
|
|
31442
|
+
i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 40, 31, "dl", 0);
|
|
31483
31443
|
} if (rf & 2) {
|
|
31484
31444
|
i0.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
|
|
31485
31445
|
} }, dependencies: [i5.NgIf, i1.RpxTranslatePipe], encapsulation: 2 });
|
|
31486
31446
|
}
|
|
31487
31447
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagSummaryListComponent, [{
|
|
31488
31448
|
type: Component,
|
|
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=\"
|
|
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=\"is2Point1Update && 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</dl>\n" }]
|
|
31490
31450
|
}], () => [{ type: i1.RpxTranslationService }], { flagForSummaryDisplay: [{
|
|
31491
31451
|
type: Input
|
|
31492
31452
|
}], displayContextParameter: [{
|
|
@@ -31543,12 +31503,11 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_3_Template(rf, ctx) {
|
|
|
31543
31503
|
function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
31544
31504
|
i0.ɵɵelementStart(0, "div")(1, "span", 26);
|
|
31545
31505
|
i0.ɵɵtext(2);
|
|
31546
|
-
i0.ɵɵpipe(3, "flagFieldDisplay");
|
|
31547
31506
|
i0.ɵɵelementEnd()();
|
|
31548
31507
|
} if (rf & 2) {
|
|
31549
31508
|
const flagDetail_r2 = i0.ɵɵnextContext().$implicit;
|
|
31550
31509
|
i0.ɵɵadvance(2);
|
|
31551
|
-
i0.ɵɵtextInterpolate1("Update Reason: ",
|
|
31510
|
+
i0.ɵɵtextInterpolate1("Update Reason: ", flagDetail_r2.flagUpdateComment);
|
|
31552
31511
|
} }
|
|
31553
31512
|
function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_22_Template(rf, ctx) { if (rf & 1) {
|
|
31554
31513
|
i0.ɵɵelementStart(0, "strong", 27);
|
|
@@ -31601,7 +31560,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
|
|
|
31601
31560
|
i0.ɵɵtext(12);
|
|
31602
31561
|
i0.ɵɵpipe(13, "flagFieldDisplay");
|
|
31603
31562
|
i0.ɵɵelementEnd();
|
|
31604
|
-
i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template,
|
|
31563
|
+
i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template, 3, 1, "div", 11);
|
|
31605
31564
|
i0.ɵɵelementEnd();
|
|
31606
31565
|
i0.ɵɵelementStart(15, "td", 17);
|
|
31607
31566
|
i0.ɵɵtext(16);
|
|
@@ -31630,7 +31589,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
|
|
|
31630
31589
|
i0.ɵɵadvance();
|
|
31631
31590
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(13, 19, flagDetail_r2, "flagComment"), " ");
|
|
31632
31591
|
i0.ɵɵadvance(2);
|
|
31633
|
-
i0.ɵɵproperty("ngIf", (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
|
|
31592
|
+
i0.ɵɵproperty("ngIf", !ctx_r0.caseFlagsExternalUser && (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
|
|
31634
31593
|
i0.ɵɵadvance(2);
|
|
31635
31594
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(17, 22, flagDetail_r2.dateTimeCreated, "dd LLL yyyy"));
|
|
31636
31595
|
i0.ɵɵadvance(3);
|
|
@@ -31723,7 +31682,7 @@ class CaseFlagTableComponent {
|
|
|
31723
31682
|
}
|
|
31724
31683
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagTableComponent, [{
|
|
31725
31684
|
type: Component,
|
|
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
|
|
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=\"!caseFlagsExternalUser &&\n (flagDetail.status === caseFlagStatus.NOT_APPROVED || flagDetail.status === caseFlagStatus.INACTIVE) &&\n flagDetail.flagUpdateComment\">\n <span class=\"govuk-!-font-weight-bold\">Update Reason: {{flagDetail.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"] }]
|
|
31727
31686
|
}], null, { tableCaption: [{
|
|
31728
31687
|
type: Input
|
|
31729
31688
|
}], flagData: [{
|
|
@@ -33252,7 +33211,7 @@ function UpdateFlagComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
|
|
|
33252
33211
|
i0.ɵɵadvance();
|
|
33253
33212
|
i0.ɵɵproperty("ngIf", ctx_r0.statusReasonCharLimitErrorMessage);
|
|
33254
33213
|
i0.ɵɵadvance();
|
|
33255
|
-
i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.
|
|
33214
|
+
i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.STATUS_CHANGE_REASON)("name", ctx_r0.caseFlagFormFields.STATUS_CHANGE_REASON)("formControlName", ctx_r0.caseFlagFormFields.STATUS_CHANGE_REASON);
|
|
33256
33215
|
i0.ɵɵadvance(3);
|
|
33257
33216
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 6, ctx_r0.updateFlagStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33258
33217
|
} }
|
|
@@ -33410,7 +33369,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33410
33369
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(existingComments));
|
|
33411
33370
|
this.formGroup.addControl(CaseFlagFormFields.STATUS, new FormControl(currentFlagStatusKey));
|
|
33412
33371
|
// Populate status reason only if the user is not external
|
|
33413
|
-
this.formGroup.addControl(CaseFlagFormFields.
|
|
33372
|
+
this.formGroup.addControl(CaseFlagFormFields.STATUS_CHANGE_REASON, new FormControl(this.externalUserUpdate ? '' : this.flagDetail.flagUpdateComment));
|
|
33414
33373
|
this.formGroup.addControl(CaseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED, new FormControl(false));
|
|
33415
33374
|
this.updateFlagTitle = this.setUpdateCaseFlagTitle(this.flagDetail);
|
|
33416
33375
|
// Set the valid status options for display, based on current status of the selected flag. "Active" flags can
|
|
@@ -33516,7 +33475,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33516
33475
|
fieldId: CaseFlagFormFields.COMMENTS
|
|
33517
33476
|
});
|
|
33518
33477
|
}
|
|
33519
|
-
const statusReason = this.formGroup.get(CaseFlagFormFields.
|
|
33478
|
+
const statusReason = this.formGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
|
|
33520
33479
|
const flagStatusNotApprovedKey = Object.keys(CaseFlagStatus).find((key) => CaseFlagStatus[key] === CaseFlagStatus.NOT_APPROVED);
|
|
33521
33480
|
// Status reason is mandatory if flag status is "Not approved" or user is external
|
|
33522
33481
|
if (this.formGroup.get(CaseFlagFormFields.STATUS)?.value === flagStatusNotApprovedKey && !statusReason) {
|
|
@@ -33524,7 +33483,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33524
33483
|
this.errorMessages.push({
|
|
33525
33484
|
title: '',
|
|
33526
33485
|
description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED,
|
|
33527
|
-
fieldId: CaseFlagFormFields.
|
|
33486
|
+
fieldId: CaseFlagFormFields.STATUS_CHANGE_REASON
|
|
33528
33487
|
});
|
|
33529
33488
|
}
|
|
33530
33489
|
if (this.externalUserUpdate && !statusReason) {
|
|
@@ -33532,7 +33491,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33532
33491
|
this.errorMessages.push({
|
|
33533
33492
|
title: '',
|
|
33534
33493
|
description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED_EXTERNAL,
|
|
33535
|
-
fieldId: CaseFlagFormFields.
|
|
33494
|
+
fieldId: CaseFlagFormFields.STATUS_CHANGE_REASON
|
|
33536
33495
|
});
|
|
33537
33496
|
}
|
|
33538
33497
|
if (statusReason && statusReason.length > this.textMaxCharLimit) {
|
|
@@ -33540,7 +33499,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33540
33499
|
this.errorMessages.push({
|
|
33541
33500
|
title: '',
|
|
33542
33501
|
description: UpdateFlagErrorMessage.STATUS_REASON_CHAR_LIMIT_EXCEEDED,
|
|
33543
|
-
fieldId: CaseFlagFormFields.
|
|
33502
|
+
fieldId: CaseFlagFormFields.STATUS_CHANGE_REASON
|
|
33544
33503
|
});
|
|
33545
33504
|
}
|
|
33546
33505
|
}
|
|
@@ -33596,7 +33555,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33596
33555
|
}
|
|
33597
33556
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagComponent, [{
|
|
33598
33557
|
type: Component,
|
|
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.
|
|
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.STATUS_CHANGE_REASON\"\n [name]=\"caseFlagFormFields.STATUS_CHANGE_REASON\"\n [formControlName]=\"caseFlagFormFields.STATUS_CHANGE_REASON\"\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" }]
|
|
33600
33559
|
}], () => [{ type: i1.RpxTranslationService }, { type: MultipageComponentStateService }], { formGroup: [{
|
|
33601
33560
|
type: Input
|
|
33602
33561
|
}], displayContextParameter: [{
|
|
@@ -33608,7 +33567,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33608
33567
|
|
|
33609
33568
|
const _c0$n = a0 => ({ "form-group-error": a0 });
|
|
33610
33569
|
function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
33611
|
-
i0.ɵɵelementStart(0, "div",
|
|
33570
|
+
i0.ɵɵelementStart(0, "div", 17)(1, "span", 18);
|
|
33612
33571
|
i0.ɵɵtext(2);
|
|
33613
33572
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33614
33573
|
i0.ɵɵelementEnd();
|
|
@@ -33623,7 +33582,7 @@ function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf
|
|
|
33623
33582
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionCharLimitErrorMessage), " ");
|
|
33624
33583
|
} }
|
|
33625
33584
|
function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf & 1) {
|
|
33626
|
-
i0.ɵɵelementStart(0, "div",
|
|
33585
|
+
i0.ɵɵelementStart(0, "div", 19)(1, "span", 18);
|
|
33627
33586
|
i0.ɵɵtext(2);
|
|
33628
33587
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33629
33588
|
i0.ɵɵelementEnd();
|
|
@@ -33638,7 +33597,7 @@ function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf
|
|
|
33638
33597
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage), " ");
|
|
33639
33598
|
} }
|
|
33640
33599
|
function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf & 1) {
|
|
33641
|
-
i0.ɵɵelementStart(0, "div",
|
|
33600
|
+
i0.ɵɵelementStart(0, "div", 20)(1, "span", 18);
|
|
33642
33601
|
i0.ɵɵtext(2);
|
|
33643
33602
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33644
33603
|
i0.ɵɵelementEnd();
|
|
@@ -33653,37 +33612,7 @@ function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf
|
|
|
33653
33612
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
|
|
33654
33613
|
} }
|
|
33655
33614
|
function UpdateFlagAddTranslationFormComponent_div_44_Template(rf, ctx) { if (rf & 1) {
|
|
33656
|
-
i0.ɵɵelementStart(0, "div",
|
|
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);
|
|
33615
|
+
i0.ɵɵelementStart(0, "div", 21)(1, "span", 18);
|
|
33687
33616
|
i0.ɵɵtext(2);
|
|
33688
33617
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33689
33618
|
i0.ɵɵelementEnd();
|
|
@@ -33720,7 +33649,6 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33720
33649
|
this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH, new FormControl(flagDetail?.otherDescription_cy));
|
|
33721
33650
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(flagDetail?.flagComment));
|
|
33722
33651
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS_WELSH, new FormControl(flagDetail?.flagComment_cy));
|
|
33723
|
-
this.formGroup.addControl(CaseFlagFormFields.UPDATE_COMMENT_WELSH, new FormControl(flagDetail?.flagUpdateComment_cy));
|
|
33724
33652
|
}
|
|
33725
33653
|
ngOnDestroy() {
|
|
33726
33654
|
this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber--;
|
|
@@ -33783,7 +33711,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33783
33711
|
}
|
|
33784
33712
|
}
|
|
33785
33713
|
static ɵfac = /*@__PURE__*/ (() => { let ɵUpdateFlagAddTranslationFormComponent_BaseFactory; return function UpdateFlagAddTranslationFormComponent_Factory(__ngFactoryType__) { return (ɵUpdateFlagAddTranslationFormComponent_BaseFactory || (ɵUpdateFlagAddTranslationFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UpdateFlagAddTranslationFormComponent)))(__ngFactoryType__ || UpdateFlagAddTranslationFormComponent); }; })();
|
|
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:
|
|
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: 50, vars: 54, 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-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"]], template: function UpdateFlagAddTranslationFormComponent_Template(rf, ctx) { if (rf & 1) {
|
|
33787
33715
|
i0.ɵɵelementContainerStart(0, 0);
|
|
33788
33716
|
i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h1", 3)(4, "label", 4);
|
|
33789
33717
|
i0.ɵɵtext(5);
|
|
@@ -33840,105 +33768,61 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33840
33768
|
i0.ɵɵelementStart(47, "div", 16);
|
|
33841
33769
|
i0.ɵɵtext(48);
|
|
33842
33770
|
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");
|
|
33867
33771
|
i0.ɵɵelementEnd()()()();
|
|
33868
33772
|
i0.ɵɵelementContainerEnd();
|
|
33869
33773
|
} if (rf & 2) {
|
|
33870
33774
|
i0.ɵɵproperty("formGroup", ctx.formGroup);
|
|
33871
33775
|
i0.ɵɵadvance(2);
|
|
33872
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
33776
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(52, _c0$n, ctx.errorMessages.length > 0));
|
|
33873
33777
|
i0.ɵɵadvance(3);
|
|
33874
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6,
|
|
33778
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 32, ctx.updateFlagAddTranslationTitle), " ");
|
|
33875
33779
|
i0.ɵɵadvance(3);
|
|
33876
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9,
|
|
33780
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 34, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
|
|
33877
33781
|
i0.ɵɵadvance(3);
|
|
33878
33782
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33879
33783
|
i0.ɵɵadvance();
|
|
33880
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13,
|
|
33784
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 36, "Other description"));
|
|
33881
33785
|
i0.ɵɵadvance(2);
|
|
33882
33786
|
i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionCharLimitErrorMessage);
|
|
33883
33787
|
i0.ɵɵadvance();
|
|
33884
33788
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33885
33789
|
i0.ɵɵadvance(3);
|
|
33886
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19,
|
|
33790
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 38, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33887
33791
|
i0.ɵɵadvance(3);
|
|
33888
33792
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33889
33793
|
i0.ɵɵadvance();
|
|
33890
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23,
|
|
33794
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 40, "Other description (Welsh)"));
|
|
33891
33795
|
i0.ɵɵadvance(2);
|
|
33892
33796
|
i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionWelshCharLimitErrorMessage);
|
|
33893
33797
|
i0.ɵɵadvance();
|
|
33894
33798
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33895
33799
|
i0.ɵɵadvance(3);
|
|
33896
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29,
|
|
33800
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 42, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33897
33801
|
i0.ɵɵadvance(3);
|
|
33898
33802
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS);
|
|
33899
33803
|
i0.ɵɵadvance();
|
|
33900
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33,
|
|
33804
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 44, "Flag comments"));
|
|
33901
33805
|
i0.ɵɵadvance(2);
|
|
33902
33806
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsCharLimitErrorMessage);
|
|
33903
33807
|
i0.ɵɵadvance();
|
|
33904
33808
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS)("name", ctx.caseFlagFormFields.COMMENTS)("formControlName", ctx.caseFlagFormFields.COMMENTS);
|
|
33905
33809
|
i0.ɵɵadvance(3);
|
|
33906
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39,
|
|
33810
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 46, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33907
33811
|
i0.ɵɵadvance(3);
|
|
33908
33812
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33909
33813
|
i0.ɵɵadvance();
|
|
33910
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43,
|
|
33814
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 48, "Flag comments (Welsh)"));
|
|
33911
33815
|
i0.ɵɵadvance(2);
|
|
33912
33816
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33913
33817
|
i0.ɵɵadvance();
|
|
33914
33818
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS_WELSH)("name", ctx.caseFlagFormFields.COMMENTS_WELSH)("formControlName", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33915
33819
|
i0.ɵɵadvance(3);
|
|
33916
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49,
|
|
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), " ");
|
|
33820
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 50, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33937
33821
|
} }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i1.RpxTranslatePipe], encapsulation: 2 });
|
|
33938
33822
|
}
|
|
33939
33823
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagAddTranslationFormComponent, [{
|
|
33940
33824
|
type: Component,
|
|
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
|
|
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
33826
|
}], null, { formGroup: [{
|
|
33943
33827
|
type: Input
|
|
33944
33828
|
}], caseFlagStateEmitter: [{
|