@hmcts/ccd-case-ui-toolkit 7.4.14 → 7.4.15-EXUI-5378
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.
|
@@ -33566,8 +33566,8 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
|
|
|
33566
33566
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UpdateFlagComponent, { className: "UpdateFlagComponent", filePath: "lib/shared/components/palette/case-flag/components/update-flag/update-flag.component.ts", lineNumber: 23 }); })();
|
|
33567
33567
|
|
|
33568
33568
|
const _c0$n = a0 => ({ "form-group-error": a0 });
|
|
33569
|
-
function
|
|
33570
|
-
i0.ɵɵelementStart(0, "div",
|
|
33569
|
+
function UpdateFlagAddTranslationFormComponent_div_10_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
33570
|
+
i0.ɵɵelementStart(0, "div", 18)(1, "span", 19);
|
|
33571
33571
|
i0.ɵɵtext(2);
|
|
33572
33572
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33573
33573
|
i0.ɵɵelementEnd();
|
|
@@ -33575,14 +33575,14 @@ function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf
|
|
|
33575
33575
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
33576
33576
|
i0.ɵɵelementEnd();
|
|
33577
33577
|
} if (rf & 2) {
|
|
33578
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
33578
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
33579
33579
|
i0.ɵɵadvance(2);
|
|
33580
33580
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
33581
33581
|
i0.ɵɵadvance(2);
|
|
33582
33582
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionCharLimitErrorMessage), " ");
|
|
33583
33583
|
} }
|
|
33584
|
-
function
|
|
33585
|
-
i0.ɵɵelementStart(0, "div",
|
|
33584
|
+
function UpdateFlagAddTranslationFormComponent_div_10_div_15_Template(rf, ctx) { if (rf & 1) {
|
|
33585
|
+
i0.ɵɵelementStart(0, "div", 20)(1, "span", 19);
|
|
33586
33586
|
i0.ɵɵtext(2);
|
|
33587
33587
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33588
33588
|
i0.ɵɵelementEnd();
|
|
@@ -33590,14 +33590,62 @@ function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf
|
|
|
33590
33590
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
33591
33591
|
i0.ɵɵelementEnd();
|
|
33592
33592
|
} if (rf & 2) {
|
|
33593
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
33593
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
33594
33594
|
i0.ɵɵadvance(2);
|
|
33595
33595
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
|
|
33596
33596
|
i0.ɵɵadvance(2);
|
|
33597
33597
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage), " ");
|
|
33598
33598
|
} }
|
|
33599
|
-
function
|
|
33600
|
-
i0.ɵɵelementStart(0, "div",
|
|
33599
|
+
function UpdateFlagAddTranslationFormComponent_div_10_Template(rf, ctx) { if (rf & 1) {
|
|
33600
|
+
i0.ɵɵelementStart(0, "div")(1, "div", 7)(2, "label", 8);
|
|
33601
|
+
i0.ɵɵtext(3);
|
|
33602
|
+
i0.ɵɵpipe(4, "rpxTranslate");
|
|
33603
|
+
i0.ɵɵelementEnd();
|
|
33604
|
+
i0.ɵɵtemplate(5, UpdateFlagAddTranslationFormComponent_div_10_div_5_Template, 6, 6, "div", 14);
|
|
33605
|
+
i0.ɵɵelementStart(6, "textarea", 10);
|
|
33606
|
+
i0.ɵɵtext(7, " ");
|
|
33607
|
+
i0.ɵɵelementEnd();
|
|
33608
|
+
i0.ɵɵelementStart(8, "div", 15);
|
|
33609
|
+
i0.ɵɵtext(9);
|
|
33610
|
+
i0.ɵɵpipe(10, "rpxTranslate");
|
|
33611
|
+
i0.ɵɵelementEnd()();
|
|
33612
|
+
i0.ɵɵelementStart(11, "div", 7)(12, "label", 8);
|
|
33613
|
+
i0.ɵɵtext(13);
|
|
33614
|
+
i0.ɵɵpipe(14, "rpxTranslate");
|
|
33615
|
+
i0.ɵɵelementEnd();
|
|
33616
|
+
i0.ɵɵtemplate(15, UpdateFlagAddTranslationFormComponent_div_10_div_15_Template, 6, 6, "div", 16);
|
|
33617
|
+
i0.ɵɵelementStart(16, "textarea", 10);
|
|
33618
|
+
i0.ɵɵtext(17, " ");
|
|
33619
|
+
i0.ɵɵelementEnd();
|
|
33620
|
+
i0.ɵɵelementStart(18, "div", 17);
|
|
33621
|
+
i0.ɵɵtext(19);
|
|
33622
|
+
i0.ɵɵpipe(20, "rpxTranslate");
|
|
33623
|
+
i0.ɵɵelementEnd()()();
|
|
33624
|
+
} if (rf & 2) {
|
|
33625
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
33626
|
+
i0.ɵɵadvance(2);
|
|
33627
|
+
i0.ɵɵproperty("for", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33628
|
+
i0.ɵɵadvance();
|
|
33629
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 14, "Other description"));
|
|
33630
|
+
i0.ɵɵadvance(2);
|
|
33631
|
+
i0.ɵɵproperty("ngIf", ctx_r0.otherFlagDescriptionCharLimitErrorMessage);
|
|
33632
|
+
i0.ɵɵadvance();
|
|
33633
|
+
i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33634
|
+
i0.ɵɵadvance(3);
|
|
33635
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 16, ctx_r0.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33636
|
+
i0.ɵɵadvance(3);
|
|
33637
|
+
i0.ɵɵproperty("for", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33638
|
+
i0.ɵɵadvance();
|
|
33639
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 18, "Other description (Welsh)"));
|
|
33640
|
+
i0.ɵɵadvance(2);
|
|
33641
|
+
i0.ɵɵproperty("ngIf", ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage);
|
|
33642
|
+
i0.ɵɵadvance();
|
|
33643
|
+
i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33644
|
+
i0.ɵɵadvance(3);
|
|
33645
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 20, ctx_r0.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33646
|
+
} }
|
|
33647
|
+
function UpdateFlagAddTranslationFormComponent_div_15_Template(rf, ctx) { if (rf & 1) {
|
|
33648
|
+
i0.ɵɵelementStart(0, "div", 21)(1, "span", 19);
|
|
33601
33649
|
i0.ɵɵtext(2);
|
|
33602
33650
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33603
33651
|
i0.ɵɵelementEnd();
|
|
@@ -33611,8 +33659,8 @@ function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf
|
|
|
33611
33659
|
i0.ɵɵadvance(2);
|
|
33612
33660
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
|
|
33613
33661
|
} }
|
|
33614
|
-
function
|
|
33615
|
-
i0.ɵɵelementStart(0, "div",
|
|
33662
|
+
function UpdateFlagAddTranslationFormComponent_div_25_Template(rf, ctx) { if (rf & 1) {
|
|
33663
|
+
i0.ɵɵelementStart(0, "div", 22)(1, "span", 19);
|
|
33616
33664
|
i0.ɵɵtext(2);
|
|
33617
33665
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33618
33666
|
i0.ɵɵelementEnd();
|
|
@@ -33632,6 +33680,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33632
33680
|
selectedFlag;
|
|
33633
33681
|
updateFlagAddTranslationTitle;
|
|
33634
33682
|
errorMessages = [];
|
|
33683
|
+
otherFlagType = false;
|
|
33635
33684
|
otherFlagDescriptionCharLimitErrorMessage = null;
|
|
33636
33685
|
otherFlagDescriptionWelshCharLimitErrorMessage = null;
|
|
33637
33686
|
flagCommentsCharLimitErrorMessage = null;
|
|
@@ -33639,10 +33688,12 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33639
33688
|
updateFlagAddTranslationStepEnum = UpdateFlagAddTranslationStep;
|
|
33640
33689
|
caseFlagFormFields = CaseFlagFormFields;
|
|
33641
33690
|
textMaxCharLimit = 200;
|
|
33691
|
+
otherFlagTypeCode = 'OT0001';
|
|
33642
33692
|
selectedManageCaseLocation = 'selectedManageCaseLocation';
|
|
33643
33693
|
ngOnInit() {
|
|
33644
33694
|
this.updateFlagAddTranslationTitle = CaseFlagWizardStepTitle.UPDATE_FLAG_ADD_TRANSLATION;
|
|
33645
33695
|
this.selectedFlag = this.formGroup.get(this.selectedManageCaseLocation).value;
|
|
33696
|
+
this.otherFlagType = this.selectedFlag?.flagDetailDisplay?.flagDetail?.flagCode === this.otherFlagTypeCode;
|
|
33646
33697
|
this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber++;
|
|
33647
33698
|
const flagDetail = this.selectedFlag?.flagDetailDisplay?.flagDetail;
|
|
33648
33699
|
this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION, new FormControl(flagDetail?.otherDescription));
|
|
@@ -33671,21 +33722,23 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33671
33722
|
this.flagCommentsCharLimitErrorMessage = null;
|
|
33672
33723
|
this.flagCommentsWelshCharLimitErrorMessage = null;
|
|
33673
33724
|
this.errorMessages = [];
|
|
33674
|
-
if (this.
|
|
33675
|
-
this.
|
|
33676
|
-
|
|
33677
|
-
|
|
33678
|
-
|
|
33679
|
-
|
|
33680
|
-
|
|
33681
|
-
|
|
33682
|
-
|
|
33683
|
-
this.
|
|
33684
|
-
|
|
33685
|
-
|
|
33686
|
-
|
|
33687
|
-
|
|
33688
|
-
|
|
33725
|
+
if (this.otherFlagType) {
|
|
33726
|
+
if (this.formGroup.get(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION)?.value?.length > this.textMaxCharLimit) {
|
|
33727
|
+
this.otherFlagDescriptionCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED;
|
|
33728
|
+
this.errorMessages.push({
|
|
33729
|
+
title: '',
|
|
33730
|
+
description: UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED,
|
|
33731
|
+
fieldId: CaseFlagFormFields.OTHER_FLAG_DESCRIPTION
|
|
33732
|
+
});
|
|
33733
|
+
}
|
|
33734
|
+
if (this.formGroup.get(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)?.value?.length > this.textMaxCharLimit) {
|
|
33735
|
+
this.otherFlagDescriptionWelshCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED;
|
|
33736
|
+
this.errorMessages.push({
|
|
33737
|
+
title: '',
|
|
33738
|
+
description: UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED,
|
|
33739
|
+
fieldId: CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH
|
|
33740
|
+
});
|
|
33741
|
+
}
|
|
33689
33742
|
}
|
|
33690
33743
|
if (this.formGroup.get(CaseFlagFormFields.COMMENTS)?.value?.length > this.textMaxCharLimit) {
|
|
33691
33744
|
this.flagCommentsCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.COMMENTS_CHAR_LIMIT_EXCEEDED;
|
|
@@ -33711,7 +33764,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33711
33764
|
}
|
|
33712
33765
|
}
|
|
33713
33766
|
static ɵfac = /*@__PURE__*/ (() => { let ɵUpdateFlagAddTranslationFormComponent_BaseFactory; return function UpdateFlagAddTranslationFormComponent_Factory(__ngFactoryType__) { return (ɵUpdateFlagAddTranslationFormComponent_BaseFactory || (ɵUpdateFlagAddTranslationFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UpdateFlagAddTranslationFormComponent)))(__ngFactoryType__ || UpdateFlagAddTranslationFormComponent); }; })();
|
|
33714
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UpdateFlagAddTranslationFormComponent, selectors: [["ccd-update-flag-add-translation-form"]], inputs: { formGroup: "formGroup" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls:
|
|
33767
|
+
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: 31, vars: 33, 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"], [4, "ngIf"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-label", "govuk-label--s", 3, "for"], ["id", "add-translation-flag-comments-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["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", "class", "govuk-error-message", 4, "ngIf"], ["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-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) {
|
|
33715
33768
|
i0.ɵɵelementContainerStart(0, 0);
|
|
33716
33769
|
i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h1", 3)(4, "label", 4);
|
|
33717
33770
|
i0.ɵɵtext(5);
|
|
@@ -33721,108 +33774,67 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
|
|
|
33721
33774
|
i0.ɵɵtext(8);
|
|
33722
33775
|
i0.ɵɵpipe(9, "rpxTranslate");
|
|
33723
33776
|
i0.ɵɵelementEnd();
|
|
33724
|
-
i0.ɵɵ
|
|
33725
|
-
i0.ɵɵ
|
|
33726
|
-
i0.ɵɵ
|
|
33727
|
-
i0.ɵɵ
|
|
33728
|
-
i0.ɵɵtemplate(14, UpdateFlagAddTranslationFormComponent_div_14_Template, 6, 6, "div", 8);
|
|
33729
|
-
i0.ɵɵelementStart(15, "textarea", 9);
|
|
33730
|
-
i0.ɵɵtext(16, " ");
|
|
33731
|
-
i0.ɵɵelementEnd();
|
|
33732
|
-
i0.ɵɵelementStart(17, "div", 10);
|
|
33733
|
-
i0.ɵɵtext(18);
|
|
33734
|
-
i0.ɵɵpipe(19, "rpxTranslate");
|
|
33735
|
-
i0.ɵɵelementEnd()();
|
|
33736
|
-
i0.ɵɵelementStart(20, "div", 6)(21, "label", 7);
|
|
33737
|
-
i0.ɵɵtext(22);
|
|
33738
|
-
i0.ɵɵpipe(23, "rpxTranslate");
|
|
33739
|
-
i0.ɵɵelementEnd();
|
|
33740
|
-
i0.ɵɵtemplate(24, UpdateFlagAddTranslationFormComponent_div_24_Template, 6, 6, "div", 11);
|
|
33741
|
-
i0.ɵɵelementStart(25, "textarea", 9);
|
|
33742
|
-
i0.ɵɵtext(26, " ");
|
|
33743
|
-
i0.ɵɵelementEnd();
|
|
33744
|
-
i0.ɵɵelementStart(27, "div", 12);
|
|
33745
|
-
i0.ɵɵtext(28);
|
|
33746
|
-
i0.ɵɵpipe(29, "rpxTranslate");
|
|
33747
|
-
i0.ɵɵelementEnd()();
|
|
33748
|
-
i0.ɵɵelementStart(30, "div", 6)(31, "label", 7);
|
|
33749
|
-
i0.ɵɵtext(32);
|
|
33750
|
-
i0.ɵɵpipe(33, "rpxTranslate");
|
|
33777
|
+
i0.ɵɵtemplate(10, UpdateFlagAddTranslationFormComponent_div_10_Template, 21, 22, "div", 6);
|
|
33778
|
+
i0.ɵɵelementStart(11, "div", 7)(12, "label", 8);
|
|
33779
|
+
i0.ɵɵtext(13);
|
|
33780
|
+
i0.ɵɵpipe(14, "rpxTranslate");
|
|
33751
33781
|
i0.ɵɵelementEnd();
|
|
33752
|
-
i0.ɵɵtemplate(
|
|
33753
|
-
i0.ɵɵelementStart(
|
|
33754
|
-
i0.ɵɵtext(
|
|
33782
|
+
i0.ɵɵtemplate(15, UpdateFlagAddTranslationFormComponent_div_15_Template, 6, 6, "div", 9);
|
|
33783
|
+
i0.ɵɵelementStart(16, "textarea", 10);
|
|
33784
|
+
i0.ɵɵtext(17, " ");
|
|
33755
33785
|
i0.ɵɵelementEnd();
|
|
33756
|
-
i0.ɵɵelementStart(
|
|
33757
|
-
i0.ɵɵtext(
|
|
33758
|
-
i0.ɵɵpipe(
|
|
33786
|
+
i0.ɵɵelementStart(18, "div", 11);
|
|
33787
|
+
i0.ɵɵtext(19);
|
|
33788
|
+
i0.ɵɵpipe(20, "rpxTranslate");
|
|
33759
33789
|
i0.ɵɵelementEnd()();
|
|
33760
|
-
i0.ɵɵelementStart(
|
|
33761
|
-
i0.ɵɵtext(
|
|
33762
|
-
i0.ɵɵpipe(
|
|
33790
|
+
i0.ɵɵelementStart(21, "div", 7)(22, "label", 8);
|
|
33791
|
+
i0.ɵɵtext(23);
|
|
33792
|
+
i0.ɵɵpipe(24, "rpxTranslate");
|
|
33763
33793
|
i0.ɵɵelementEnd();
|
|
33764
|
-
i0.ɵɵtemplate(
|
|
33765
|
-
i0.ɵɵelementStart(
|
|
33766
|
-
i0.ɵɵtext(
|
|
33794
|
+
i0.ɵɵtemplate(25, UpdateFlagAddTranslationFormComponent_div_25_Template, 6, 6, "div", 12);
|
|
33795
|
+
i0.ɵɵelementStart(26, "textarea", 10);
|
|
33796
|
+
i0.ɵɵtext(27, " ");
|
|
33767
33797
|
i0.ɵɵelementEnd();
|
|
33768
|
-
i0.ɵɵelementStart(
|
|
33769
|
-
i0.ɵɵtext(
|
|
33770
|
-
i0.ɵɵpipe(
|
|
33798
|
+
i0.ɵɵelementStart(28, "div", 13);
|
|
33799
|
+
i0.ɵɵtext(29);
|
|
33800
|
+
i0.ɵɵpipe(30, "rpxTranslate");
|
|
33771
33801
|
i0.ɵɵelementEnd()()()();
|
|
33772
33802
|
i0.ɵɵelementContainerEnd();
|
|
33773
33803
|
} if (rf & 2) {
|
|
33774
33804
|
i0.ɵɵproperty("formGroup", ctx.formGroup);
|
|
33775
33805
|
i0.ɵɵadvance(2);
|
|
33776
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
33777
|
-
i0.ɵɵadvance(3);
|
|
33778
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 32, ctx.updateFlagAddTranslationTitle), " ");
|
|
33806
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(31, _c0$n, ctx.errorMessages.length > 0));
|
|
33779
33807
|
i0.ɵɵadvance(3);
|
|
33780
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(
|
|
33808
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 19, ctx.updateFlagAddTranslationTitle), " ");
|
|
33781
33809
|
i0.ɵɵadvance(3);
|
|
33782
|
-
i0.ɵɵ
|
|
33783
|
-
i0.ɵɵadvance();
|
|
33784
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 36, "Other description"));
|
|
33810
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 21, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
|
|
33785
33811
|
i0.ɵɵadvance(2);
|
|
33786
|
-
i0.ɵɵproperty("ngIf", ctx.
|
|
33787
|
-
i0.ɵɵadvance();
|
|
33788
|
-
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
|
|
33789
|
-
i0.ɵɵadvance(3);
|
|
33790
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 38, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33791
|
-
i0.ɵɵadvance(3);
|
|
33792
|
-
i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33793
|
-
i0.ɵɵadvance();
|
|
33794
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 40, "Other description (Welsh)"));
|
|
33812
|
+
i0.ɵɵproperty("ngIf", ctx.otherFlagType);
|
|
33795
33813
|
i0.ɵɵadvance(2);
|
|
33796
|
-
i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionWelshCharLimitErrorMessage);
|
|
33797
|
-
i0.ɵɵadvance();
|
|
33798
|
-
i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
|
|
33799
|
-
i0.ɵɵadvance(3);
|
|
33800
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 42, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33801
|
-
i0.ɵɵadvance(3);
|
|
33802
33814
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS);
|
|
33803
33815
|
i0.ɵɵadvance();
|
|
33804
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
33816
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 23, "Flag comments"));
|
|
33805
33817
|
i0.ɵɵadvance(2);
|
|
33806
33818
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsCharLimitErrorMessage);
|
|
33807
33819
|
i0.ɵɵadvance();
|
|
33808
33820
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS)("name", ctx.caseFlagFormFields.COMMENTS)("formControlName", ctx.caseFlagFormFields.COMMENTS);
|
|
33809
33821
|
i0.ɵɵadvance(3);
|
|
33810
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(
|
|
33822
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 25, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33811
33823
|
i0.ɵɵadvance(3);
|
|
33812
33824
|
i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33813
33825
|
i0.ɵɵadvance();
|
|
33814
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
33826
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 27, "Flag comments (Welsh)"));
|
|
33815
33827
|
i0.ɵɵadvance(2);
|
|
33816
33828
|
i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
|
|
33817
33829
|
i0.ɵɵadvance();
|
|
33818
33830
|
i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS_WELSH)("name", ctx.caseFlagFormFields.COMMENTS_WELSH)("formControlName", ctx.caseFlagFormFields.COMMENTS_WELSH);
|
|
33819
33831
|
i0.ɵɵadvance(3);
|
|
33820
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(
|
|
33832
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 29, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
|
|
33821
33833
|
} }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i1.RpxTranslatePipe], encapsulation: 2 });
|
|
33822
33834
|
}
|
|
33823
33835
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagAddTranslationFormComponent, [{
|
|
33824
33836
|
type: Component,
|
|
33825
|
-
args: [{ selector: 'ccd-update-flag-add-translation-form', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-6\">\n <label class=\"govuk-label govuk-label--m\">\n {{ updateFlagAddTranslationTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"add-translation-form-hint\" class=\"govuk-hint\">\n {{ updateFlagAddTranslationStepEnum.HINT_TEXT | rpxTranslate}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n
|
|
33837
|
+
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 *ngIf=\"otherFlagType\">\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 </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>\n" }]
|
|
33826
33838
|
}], null, { formGroup: [{
|
|
33827
33839
|
type: Input
|
|
33828
33840
|
}], caseFlagStateEmitter: [{
|