@hmcts/ccd-case-ui-toolkit 7.4.12-exui-5288-v1 → 7.4.12
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.
|
@@ -2760,7 +2760,6 @@ var CaseFlagFormFields;
|
|
|
2760
2760
|
CaseFlagFormFields["OTHER_FLAG_DESCRIPTION_WELSH"] = "otherDescription_cy";
|
|
2761
2761
|
CaseFlagFormFields["STATUS"] = "status";
|
|
2762
2762
|
CaseFlagFormFields["STATUS_CHANGE_REASON"] = "flagStatusReasonChange";
|
|
2763
|
-
CaseFlagFormFields["STATUS_CHANGE_REASON_WELSH"] = "flagStatusReasonChange_cy";
|
|
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
|
|
|
@@ -15916,7 +15914,6 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
|
|
|
15916
15914
|
flagDetail.value.flagComment = originalFlagDetail.value?.flagComment || null;
|
|
15917
15915
|
flagDetail.value.flagComment_cy = originalFlagDetail.value?.flagComment_cy || null;
|
|
15918
15916
|
flagDetail.value.flagUpdateComment = originalFlagDetail.value?.flagUpdateComment || null;
|
|
15919
|
-
flagDetail.value.flagUpdateComment_cy = originalFlagDetail.value?.flagUpdateComment_cy || null;
|
|
15920
15917
|
flagDetail.value.status = originalFlagDetail.value?.status;
|
|
15921
15918
|
flagDetail.value.dateTimeModified = originalFlagDetail.value?.dateTimeModified || null;
|
|
15922
15919
|
}
|
|
@@ -15957,7 +15954,6 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
|
|
|
15957
15954
|
// Ensure that any comments entered with language set to Welsh do not end up in the English comments field
|
|
15958
15955
|
if (this.rpxTranslationService.language !== 'cy') {
|
|
15959
15956
|
flagDetailToUpdate.value.flagComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value;
|
|
15960
|
-
flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
|
|
15961
15957
|
}
|
|
15962
15958
|
// Populate from the *English* comments field if:
|
|
15963
15959
|
// * The Welsh comments field has no value (Welsh comments field acquires a value only when an HMCTS internal user has
|
|
@@ -15972,13 +15968,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
|
|
|
15972
15968
|
? this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value
|
|
15973
15969
|
: null;
|
|
15974
15970
|
}
|
|
15975
|
-
|
|
15976
|
-
flagDetailToUpdate.value.flagUpdateComment_cy = this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON_WELSH)?.value
|
|
15977
|
-
? this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON_WELSH)?.value
|
|
15978
|
-
: this.rpxTranslationService.language === 'cy'
|
|
15979
|
-
? this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value
|
|
15980
|
-
: null;
|
|
15981
|
-
}
|
|
15971
|
+
flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
|
|
15982
15972
|
flagDetailToUpdate.value.status = CaseFlagStatus[this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS)?.value];
|
|
15983
15973
|
flagDetailToUpdate.value.dateTimeModified = new Date().toISOString();
|
|
15984
15974
|
}
|
|
@@ -31236,34 +31226,6 @@ function CaseFlagSummaryListComponent_dl_0_div_39_Template(rf, ctx) { if (rf & 1
|
|
|
31236
31226
|
i0.ɵɵadvance(3);
|
|
31237
31227
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_LABEL));
|
|
31238
31228
|
} }
|
|
31239
|
-
function CaseFlagSummaryListComponent_dl_0_div_40_Template(rf, ctx) { if (rf & 1) {
|
|
31240
|
-
const _r8 = i0.ɵɵgetCurrentView();
|
|
31241
|
-
i0.ɵɵelementStart(0, "div", 2)(1, "dt", 3);
|
|
31242
|
-
i0.ɵɵtext(2);
|
|
31243
|
-
i0.ɵɵpipe(3, "rpxTranslate");
|
|
31244
|
-
i0.ɵɵelementEnd();
|
|
31245
|
-
i0.ɵɵelementStart(4, "dd", 4);
|
|
31246
|
-
i0.ɵɵtext(5);
|
|
31247
|
-
i0.ɵɵelementEnd();
|
|
31248
|
-
i0.ɵɵelementStart(6, "dd", 5)(7, "a", 6);
|
|
31249
|
-
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()); });
|
|
31250
|
-
i0.ɵɵtext(8);
|
|
31251
|
-
i0.ɵɵpipe(9, "rpxTranslate");
|
|
31252
|
-
i0.ɵɵelementStart(10, "span", 7);
|
|
31253
|
-
i0.ɵɵtext(11);
|
|
31254
|
-
i0.ɵɵpipe(12, "rpxTranslate");
|
|
31255
|
-
i0.ɵɵelementEnd()()()();
|
|
31256
|
-
} if (rf & 2) {
|
|
31257
|
-
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
31258
|
-
i0.ɵɵadvance(2);
|
|
31259
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, ctx_r1.updateFlagStep.STATUS_REASON_WELSH_LABEL), " ");
|
|
31260
|
-
i0.ɵɵadvance(3);
|
|
31261
|
-
i0.ɵɵtextInterpolate1(" ", ctx_r1.flagUpdateCommentsWelsh, " ");
|
|
31262
|
-
i0.ɵɵadvance(3);
|
|
31263
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 6, "Change"));
|
|
31264
|
-
i0.ɵɵadvance(3);
|
|
31265
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_WELSH_LABEL));
|
|
31266
|
-
} }
|
|
31267
31229
|
function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
|
|
31268
31230
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
31269
31231
|
i0.ɵɵelementStart(0, "dl", 1)(1, "div", 2)(2, "dt", 3);
|
|
@@ -31308,26 +31270,26 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
31308
31270
|
i0.ɵɵelementStart(37, "dd", 5);
|
|
31309
31271
|
i0.ɵɵtemplate(38, CaseFlagSummaryListComponent_dl_0_a_38_Template, 6, 6, "a", 9);
|
|
31310
31272
|
i0.ɵɵelementEnd()();
|
|
31311
|
-
i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8)
|
|
31273
|
+
i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8);
|
|
31312
31274
|
i0.ɵɵelementEnd();
|
|
31313
31275
|
} if (rf & 2) {
|
|
31314
31276
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
31315
31277
|
i0.ɵɵadvance(3);
|
|
31316
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4,
|
|
31278
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 15, ctx_r1.addUpdateFlagHeaderText), " ");
|
|
31317
31279
|
i0.ɵɵadvance(3);
|
|
31318
31280
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.flagForSummaryDisplay.partyName || ctx_r1.caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION, " ");
|
|
31319
31281
|
i0.ɵɵadvance(3);
|
|
31320
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10,
|
|
31282
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 17, "Change"));
|
|
31321
31283
|
i0.ɵɵadvance(3);
|
|
31322
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13,
|
|
31284
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 19, "party name"));
|
|
31323
31285
|
i0.ɵɵadvance(4);
|
|
31324
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17,
|
|
31286
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 21, ctx_r1.flagTypeHeaderText), " ");
|
|
31325
31287
|
i0.ɵɵadvance(3);
|
|
31326
31288
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.flagDescription, " ");
|
|
31327
31289
|
i0.ɵɵadvance(3);
|
|
31328
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23,
|
|
31290
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 23, "Change"));
|
|
31329
31291
|
i0.ɵɵadvance(3);
|
|
31330
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26,
|
|
31292
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 25, "flag type"));
|
|
31331
31293
|
i0.ɵɵadvance(2);
|
|
31332
31294
|
i0.ɵɵproperty("ngIf", (ctx_r1.flagDescriptionWelsh == null ? null : ctx_r1.flagDescriptionWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
|
|
31333
31295
|
i0.ɵɵadvance();
|
|
@@ -31335,15 +31297,13 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
31335
31297
|
i0.ɵɵadvance();
|
|
31336
31298
|
i0.ɵɵproperty("ngIf", (ctx_r1.flagCommentsWelsh == null ? null : ctx_r1.flagCommentsWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
|
|
31337
31299
|
i0.ɵɵadvance(3);
|
|
31338
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33,
|
|
31300
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33, 27, "Status"), " ");
|
|
31339
31301
|
i0.ɵɵadvance(3);
|
|
31340
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36,
|
|
31302
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 29, ctx_r1.flagStatus), " ");
|
|
31341
31303
|
i0.ɵɵadvance(3);
|
|
31342
31304
|
i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled);
|
|
31343
31305
|
i0.ɵɵadvance();
|
|
31344
31306
|
i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Update && (ctx_r1.flagUpdateComments == null ? null : ctx_r1.flagUpdateComments.length) > 0);
|
|
31345
|
-
i0.ɵɵadvance();
|
|
31346
|
-
i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Update && (ctx_r1.flagUpdateCommentsWelsh == null ? null : ctx_r1.flagUpdateCommentsWelsh.length) > 0);
|
|
31347
31307
|
} }
|
|
31348
31308
|
class CaseFlagSummaryListComponent {
|
|
31349
31309
|
rpxTranslationService;
|
|
@@ -31358,7 +31318,6 @@ class CaseFlagSummaryListComponent {
|
|
|
31358
31318
|
otherDescription;
|
|
31359
31319
|
otherDescriptionWelsh;
|
|
31360
31320
|
flagUpdateComments;
|
|
31361
|
-
flagUpdateCommentsWelsh;
|
|
31362
31321
|
summaryListDisplayMode;
|
|
31363
31322
|
addUpdateFlagHeaderText;
|
|
31364
31323
|
caseFlagFieldState = CaseFlagFieldState;
|
|
@@ -31382,7 +31341,6 @@ class CaseFlagSummaryListComponent {
|
|
|
31382
31341
|
// Flag update comments will be coming from the flagStatusReasonChange property instead of flagUpdateComment
|
|
31383
31342
|
// because these haven't been persisted yet
|
|
31384
31343
|
this.flagUpdateComments = flagDetail['flagStatusReasonChange'];
|
|
31385
|
-
this.flagUpdateCommentsWelsh = flagDetail['flagStatusReasonChange_cy'];
|
|
31386
31344
|
this.flagStatus = flagDetail.status;
|
|
31387
31345
|
this.addUpdateFlagHeaderText = this.getAddUpdateFlagHeaderText();
|
|
31388
31346
|
this.flagTypeHeaderText = this.getFlagTypeHeaderText();
|
|
@@ -31452,14 +31410,14 @@ class CaseFlagSummaryListComponent {
|
|
|
31452
31410
|
}
|
|
31453
31411
|
static ɵfac = function CaseFlagSummaryListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFlagSummaryListComponent)(i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
|
|
31454
31412
|
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) {
|
|
31455
|
-
i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template,
|
|
31413
|
+
i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 40, 31, "dl", 0);
|
|
31456
31414
|
} if (rf & 2) {
|
|
31457
31415
|
i0.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
|
|
31458
31416
|
} }, dependencies: [i5.NgIf, i1.RpxTranslatePipe], encapsulation: 2 });
|
|
31459
31417
|
}
|
|
31460
31418
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagSummaryListComponent, [{
|
|
31461
31419
|
type: Component,
|
|
31462
|
-
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
|
|
31420
|
+
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" }]
|
|
31463
31421
|
}], () => [{ type: i1.RpxTranslationService }], { flagForSummaryDisplay: [{
|
|
31464
31422
|
type: Input
|
|
31465
31423
|
}], displayContextParameter: [{
|
|
@@ -31602,7 +31560,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
|
|
|
31602
31560
|
i0.ɵɵadvance();
|
|
31603
31561
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(13, 19, flagDetail_r2, "flagComment"), " ");
|
|
31604
31562
|
i0.ɵɵadvance(2);
|
|
31605
|
-
i0.ɵɵproperty("ngIf", (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
|
|
31563
|
+
i0.ɵɵproperty("ngIf", !ctx_r0.caseFlagsExternalUser && (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
|
|
31606
31564
|
i0.ɵɵadvance(2);
|
|
31607
31565
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(17, 22, flagDetail_r2.dateTimeCreated, "dd LLL yyyy"));
|
|
31608
31566
|
i0.ɵɵadvance(3);
|
|
@@ -31695,7 +31653,7 @@ class CaseFlagTableComponent {
|
|
|
31695
31653
|
}
|
|
31696
31654
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagTableComponent, [{
|
|
31697
31655
|
type: Component,
|
|
31698
|
-
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.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"] }]
|
|
31656
|
+
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"] }]
|
|
31699
31657
|
}], null, { tableCaption: [{
|
|
31700
31658
|
type: Input
|
|
31701
31659
|
}], flagData: [{
|
|
@@ -33580,7 +33538,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33580
33538
|
|
|
33581
33539
|
const _c0$n = a0 => ({ "form-group-error": a0 });
|
|
33582
33540
|
function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
33583
|
-
i0.ɵɵelementStart(0, "div",
|
|
33541
|
+
i0.ɵɵelementStart(0, "div", 17)(1, "span", 18);
|
|
33584
33542
|
i0.ɵɵtext(2);
|
|
33585
33543
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33586
33544
|
i0.ɵɵelementEnd();
|
|
@@ -33595,7 +33553,7 @@ function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf
|
|
|
33595
33553
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionCharLimitErrorMessage), " ");
|
|
33596
33554
|
} }
|
|
33597
33555
|
function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf & 1) {
|
|
33598
|
-
i0.ɵɵelementStart(0, "div",
|
|
33556
|
+
i0.ɵɵelementStart(0, "div", 19)(1, "span", 18);
|
|
33599
33557
|
i0.ɵɵtext(2);
|
|
33600
33558
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33601
33559
|
i0.ɵɵelementEnd();
|
|
@@ -33610,7 +33568,7 @@ function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf
|
|
|
33610
33568
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage), " ");
|
|
33611
33569
|
} }
|
|
33612
33570
|
function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf & 1) {
|
|
33613
|
-
i0.ɵɵelementStart(0, "div",
|
|
33571
|
+
i0.ɵɵelementStart(0, "div", 20)(1, "span", 18);
|
|
33614
33572
|
i0.ɵɵtext(2);
|
|
33615
33573
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33616
33574
|
i0.ɵɵelementEnd();
|
|
@@ -33625,37 +33583,7 @@ function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf
|
|
|
33625
33583
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
|
|
33626
33584
|
} }
|
|
33627
33585
|
function UpdateFlagAddTranslationFormComponent_div_44_Template(rf, ctx) { if (rf & 1) {
|
|
33628
|
-
i0.ɵɵelementStart(0, "div",
|
|
33629
|
-
i0.ɵɵtext(2);
|
|
33630
|
-
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33631
|
-
i0.ɵɵelementEnd();
|
|
33632
|
-
i0.ɵɵtext(4);
|
|
33633
|
-
i0.ɵɵpipe(5, "rpxTranslate");
|
|
33634
|
-
i0.ɵɵelementEnd();
|
|
33635
|
-
} if (rf & 2) {
|
|
33636
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
33637
|
-
i0.ɵɵadvance(2);
|
|
33638
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
33639
|
-
i0.ɵɵadvance(2);
|
|
33640
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
|
|
33641
|
-
} }
|
|
33642
|
-
function UpdateFlagAddTranslationFormComponent_div_54_Template(rf, ctx) { if (rf & 1) {
|
|
33643
|
-
i0.ɵɵelementStart(0, "div", 26)(1, "span", 22);
|
|
33644
|
-
i0.ɵɵtext(2);
|
|
33645
|
-
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33646
|
-
i0.ɵɵelementEnd();
|
|
33647
|
-
i0.ɵɵtext(4);
|
|
33648
|
-
i0.ɵɵpipe(5, "rpxTranslate");
|
|
33649
|
-
i0.ɵɵelementEnd();
|
|
33650
|
-
} if (rf & 2) {
|
|
33651
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
33652
|
-
i0.ɵɵadvance(2);
|
|
33653
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
33654
|
-
i0.ɵɵadvance(2);
|
|
33655
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
|
|
33656
|
-
} }
|
|
33657
|
-
function UpdateFlagAddTranslationFormComponent_div_64_Template(rf, ctx) { if (rf & 1) {
|
|
33658
|
-
i0.ɵɵelementStart(0, "div", 27)(1, "span", 22);
|
|
33586
|
+
i0.ɵɵelementStart(0, "div", 21)(1, "span", 18);
|
|
33659
33587
|
i0.ɵɵtext(2);
|
|
33660
33588
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33661
33589
|
i0.ɵɵelementEnd();
|
|
@@ -33692,7 +33620,6 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33692
33620
|
this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH, new FormControl(flagDetail?.otherDescription_cy));
|
|
33693
33621
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(flagDetail?.flagComment));
|
|
33694
33622
|
this.formGroup.addControl(CaseFlagFormFields.COMMENTS_WELSH, new FormControl(flagDetail?.flagComment_cy));
|
|
33695
|
-
this.formGroup.addControl(CaseFlagFormFields.STATUS_CHANGE_REASON_WELSH, new FormControl(flagDetail?.flagUpdateComment_cy));
|
|
33696
33623
|
}
|
|
33697
33624
|
ngOnDestroy() {
|
|
33698
33625
|
this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber--;
|
|
@@ -33755,7 +33682,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33755
33682
|
}
|
|
33756
33683
|
}
|
|
33757
33684
|
static ɵfac = /*@__PURE__*/ (() => { let ɵUpdateFlagAddTranslationFormComponent_BaseFactory; return function UpdateFlagAddTranslationFormComponent_Factory(__ngFactoryType__) { return (ɵUpdateFlagAddTranslationFormComponent_BaseFactory || (ɵUpdateFlagAddTranslationFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UpdateFlagAddTranslationFormComponent)))(__ngFactoryType__ || UpdateFlagAddTranslationFormComponent); }; })();
|
|
33758
|
-
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:
|
|
33685
|
+
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) {
|
|
33759
33686
|
i0.ɵɵelementContainerStart(0, 0);
|
|
33760
33687
|
i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h1", 3)(4, "label", 4);
|
|
33761
33688
|
i0.ɵɵtext(5);
|
|
@@ -33812,105 +33739,61 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33812
33739
|
i0.ɵɵelementStart(47, "div", 16);
|
|
33813
33740
|
i0.ɵɵtext(48);
|
|
33814
33741
|
i0.ɵɵpipe(49, "rpxTranslate");
|
|
33815
|
-
i0.ɵɵelementEnd()();
|
|
33816
|
-
i0.ɵɵelementStart(50, "div", 6)(51, "label", 7);
|
|
33817
|
-
i0.ɵɵtext(52);
|
|
33818
|
-
i0.ɵɵpipe(53, "rpxTranslate");
|
|
33819
|
-
i0.ɵɵelementEnd();
|
|
33820
|
-
i0.ɵɵtemplate(54, UpdateFlagAddTranslationFormComponent_div_54_Template, 6, 6, "div", 17);
|
|
33821
|
-
i0.ɵɵelementStart(55, "textarea", 9);
|
|
33822
|
-
i0.ɵɵtext(56, " ");
|
|
33823
|
-
i0.ɵɵelementEnd();
|
|
33824
|
-
i0.ɵɵelementStart(57, "div", 18);
|
|
33825
|
-
i0.ɵɵtext(58);
|
|
33826
|
-
i0.ɵɵpipe(59, "rpxTranslate");
|
|
33827
|
-
i0.ɵɵelementEnd()();
|
|
33828
|
-
i0.ɵɵelementStart(60, "div", 6)(61, "label", 7);
|
|
33829
|
-
i0.ɵɵtext(62);
|
|
33830
|
-
i0.ɵɵpipe(63, "rpxTranslate");
|
|
33831
|
-
i0.ɵɵelementEnd();
|
|
33832
|
-
i0.ɵɵtemplate(64, UpdateFlagAddTranslationFormComponent_div_64_Template, 6, 6, "div", 19);
|
|
33833
|
-
i0.ɵɵelementStart(65, "textarea", 9);
|
|
33834
|
-
i0.ɵɵtext(66, " ");
|
|
33835
|
-
i0.ɵɵelementEnd();
|
|
33836
|
-
i0.ɵɵelementStart(67, "div", 20);
|
|
33837
|
-
i0.ɵɵtext(68);
|
|
33838
|
-
i0.ɵɵpipe(69, "rpxTranslate");
|
|
33839
33742
|
i0.ɵɵelementEnd()()()();
|
|
33840
33743
|
i0.ɵɵelementContainerEnd();
|
|
33841
33744
|
} if (rf & 2) {
|
|
33842
33745
|
i0.ɵɵproperty("formGroup", ctx.formGroup);
|
|
33843
33746
|
i0.ɵɵadvance(2);
|
|
33844
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
33747
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(52, _c0$n, ctx.errorMessages.length > 0));
|
|
33845
33748
|
i0.ɵɵadvance(3);
|
|
33846
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6,
|
|
33749
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 32, ctx.updateFlagAddTranslationTitle), " ");
|
|
33847
33750
|
i0.ɵɵadvance(3);
|
|
33848
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9,
|
|
33751
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 34, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
|
|
33849
33752
|
i0.ɵɵadvance(3);
|
|
33850
33753
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33851
33754
|
i0.ɵɵadvance();
|
|
33852
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13,
|
|
33755
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 36, "Other description"));
|
|
33853
33756
|
i0.ɵɵadvance(2);
|
|
33854
33757
|
i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionCharLimitErrorMessage);
|
|
33855
33758
|
i0.ɵɵadvance();
|
|
33856
33759
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33857
33760
|
i0.ɵɵadvance(3);
|
|
33858
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19,
|
|
33761
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 38, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33859
33762
|
i0.ɵɵadvance(3);
|
|
33860
33763
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33861
33764
|
i0.ɵɵadvance();
|
|
33862
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23,
|
|
33765
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 40, "Other description (Welsh)"));
|
|
33863
33766
|
i0.ɵɵadvance(2);
|
|
33864
33767
|
i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionWelshCharLimitErrorMessage);
|
|
33865
33768
|
i0.ɵɵadvance();
|
|
33866
33769
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33867
33770
|
i0.ɵɵadvance(3);
|
|
33868
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29,
|
|
33771
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 42, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33869
33772
|
i0.ɵɵadvance(3);
|
|
33870
33773
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS);
|
|
33871
33774
|
i0.ɵɵadvance();
|
|
33872
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33,
|
|
33775
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 44, "Flag comments"));
|
|
33873
33776
|
i0.ɵɵadvance(2);
|
|
33874
33777
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsCharLimitErrorMessage);
|
|
33875
33778
|
i0.ɵɵadvance();
|
|
33876
33779
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS)("name", ctx.caseFlagFormFields.COMMENTS)("formControlName", ctx.caseFlagFormFields.COMMENTS);
|
|
33877
33780
|
i0.ɵɵadvance(3);
|
|
33878
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39,
|
|
33781
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 46, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33879
33782
|
i0.ɵɵadvance(3);
|
|
33880
33783
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33881
33784
|
i0.ɵɵadvance();
|
|
33882
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43,
|
|
33785
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 48, "Flag comments (Welsh)"));
|
|
33883
33786
|
i0.ɵɵadvance(2);
|
|
33884
33787
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33885
33788
|
i0.ɵɵadvance();
|
|
33886
33789
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS_WELSH)("name", ctx.caseFlagFormFields.COMMENTS_WELSH)("formControlName", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33887
33790
|
i0.ɵɵadvance(3);
|
|
33888
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49,
|
|
33889
|
-
i0.ɵɵadvance(3);
|
|
33890
|
-
i0.ɵɵproperty("for", ctx.caseFlagFormFields.STATUS_CHANGE_REASON);
|
|
33891
|
-
i0.ɵɵadvance();
|
|
33892
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(53, 66, "Flag status change reason"));
|
|
33893
|
-
i0.ɵɵadvance(2);
|
|
33894
|
-
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33895
|
-
i0.ɵɵadvance();
|
|
33896
|
-
i0.ɵɵproperty("id", ctx.caseFlagFormFields.STATUS_CHANGE_REASON)("name", ctx.caseFlagFormFields.STATUS_CHANGE_REASON)("formControlName", ctx.caseFlagFormFields.STATUS_CHANGE_REASON);
|
|
33897
|
-
i0.ɵɵadvance(3);
|
|
33898
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(59, 68, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33899
|
-
i0.ɵɵadvance(3);
|
|
33900
|
-
i0.ɵɵproperty("for", ctx.caseFlagFormFields.STATUS_CHANGE_REASON_WELSH);
|
|
33901
|
-
i0.ɵɵadvance();
|
|
33902
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(63, 70, "Flag status change reason (Welsh)"));
|
|
33903
|
-
i0.ɵɵadvance(2);
|
|
33904
|
-
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33905
|
-
i0.ɵɵadvance();
|
|
33906
|
-
i0.ɵɵproperty("id", ctx.caseFlagFormFields.STATUS_CHANGE_REASON_WELSH)("name", ctx.caseFlagFormFields.STATUS_CHANGE_REASON_WELSH)("formControlName", ctx.caseFlagFormFields.STATUS_CHANGE_REASON_WELSH);
|
|
33907
|
-
i0.ɵɵadvance(3);
|
|
33908
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(69, 72, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33791
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 50, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33909
33792
|
} }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i1.RpxTranslatePipe], encapsulation: 2 });
|
|
33910
33793
|
}
|
|
33911
33794
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagAddTranslationFormComponent, [{
|
|
33912
33795
|
type: Component,
|
|
33913
|
-
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
|
|
33796
|
+
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>" }]
|
|
33914
33797
|
}], null, { formGroup: [{
|
|
33915
33798
|
type: Input
|
|
33916
33799
|
}], caseFlagStateEmitter: [{
|