Merge pull request #11 from TechnologyEnhancedLearning/TD-1278-Updates

jigneshjethwani-hee · web-flow · commit 5277645dbc8c · 2023-04-20T15:23:04.000+01:00
Td 1278 updates
diff --git a/NHSUKViewComponents.Web/ViewComponents/NumericInputViewComponent.cs b/NHSUKViewComponents.Web/ViewComponents/NumericInputViewComponent.cs
@@ -13,7 +13,9 @@ public IViewComponentResult Invoke(
             string type,
             string hintText,
             string cssClass,
-            bool required
+            bool required,
+            string? requiredClientSideErrorMessage = default,
+            string? regularExClientSideErrorMessage = default
         )
         {
             var model = ViewData.Model;
@@ -33,7 +35,9 @@ bool required
                 errorMessages,
                 string.IsNullOrEmpty(cssClass) ? null : cssClass,
                 string.IsNullOrEmpty(hintText) ? null : hintText,
-                required
+                required,
+                string.IsNullOrEmpty(requiredClientSideErrorMessage) ? null : requiredClientSideErrorMessage,
+                string.IsNullOrEmpty(regularExClientSideErrorMessage) ? null : regularExClientSideErrorMessage                
             );
             return View(numericInputViewModel);
         }
diff --git a/NHSUKViewComponents.Web/ViewComponents/RadioListViewComponent.cs b/NHSUKViewComponents.Web/ViewComponents/RadioListViewComponent.cs
@@ -14,7 +14,8 @@ public IViewComponentResult Invoke(
             IEnumerable<RadiosItemViewModel> radios,
             bool populateWithCurrentValues,
             string hintText,
-            bool required
+            bool required,
+            string? requiredClientSideErrorMessage = default
         )
         {
             var radiosList = radios.Select(
@@ -31,7 +32,8 @@ bool required
                 label,
                 string.IsNullOrEmpty(hintText) ? null : hintText,
                 radiosList,
-                required
+                required,
+                string.IsNullOrEmpty(requiredClientSideErrorMessage) ? null : requiredClientSideErrorMessage
             );
 
             return View(viewModel);
@@ -42,7 +44,8 @@ private bool IsSelectedRadio(string aspFor, RadiosItemViewModel radioItem, bool
             var model = ViewData.Model;
             var property = model.GetType().GetProperty(aspFor);
             var value = property?.GetValue(model);
-            return populateWithCurrentValue && value.Equals(radioItem.Value);
+
+            return populateWithCurrentValue && value != null && value.Equals(radioItem.Value);
         }
     }
 }
diff --git a/NHSUKViewComponents.Web/ViewComponents/SelectListViewComponent.cs b/NHSUKViewComponents.Web/ViewComponents/SelectListViewComponent.cs
@@ -15,7 +15,8 @@ public IViewComponentResult Invoke(
             IEnumerable<SelectListItem> selectListOptions,
             string? hintText,
             string? cssClass,
-            bool required
+            bool required,
+            string? requiredClientSideErrorMessage = default
         )
         {
             var model = ViewData.Model;
@@ -36,7 +37,8 @@ bool required
                 string.IsNullOrEmpty(hintText) ? null : hintText,
                 errorMessage,
                 hasError,
-                required
+                required,
+                string.IsNullOrEmpty(requiredClientSideErrorMessage) ? null : requiredClientSideErrorMessage
             );
             return View(selectListViewModel);
         }
diff --git a/NHSUKViewComponents.Web/ViewComponents/TextAreaViewComponent.cs b/NHSUKViewComponents.Web/ViewComponents/TextAreaViewComponent.cs
@@ -17,6 +17,7 @@ public class TextAreaViewComponent : ViewComponent
         /// <param name="hintText">Leave blank for no hint.</param>
         /// <param name="cssClass"></param>
         /// <param name="characterCount"></param>
+        /// <param name="maxLengthClientSideErrorMessage"></param>
         /// <returns></returns>
         public IViewComponentResult Invoke(
             string aspFor,
@@ -26,7 +27,9 @@ public IViewComponentResult Invoke(
             bool spellCheck,
             string hintText,
             string cssClass,
-            int? characterCount)
+            int? characterCount,
+            string? maxLengthClientSideErrorMessage = default
+            )
         {
             var model = ViewData.Model;
 
@@ -42,7 +45,9 @@ public IViewComponentResult Invoke(
                 errorMessages,
                 string.IsNullOrEmpty(cssClass) ? null : cssClass,
                 string.IsNullOrEmpty(hintText) ? null : hintText,
-                characterCount);
+                characterCount,
+                maxLengthClientSideErrorMessage
+                );
             return View(textBoxViewModel);
         }
     }
diff --git a/NHSUKViewComponents.Web/ViewComponents/TextInputViewComponent.cs b/NHSUKViewComponents.Web/ViewComponents/TextInputViewComponent.cs
@@ -19,6 +19,7 @@ public class TextInputViewComponent : ViewComponent
         /// <param name="cssClass"></param>
         /// <param name="required"></param>
         /// <param name="placeholderText"></param>
+        /// <param name="requiredClientErrorMessage"></param>
         /// <returns></returns>
         public IViewComponentResult Invoke(
             string aspFor,
@@ -29,8 +30,9 @@ public IViewComponentResult Invoke(
             string hintText,
             string autocomplete,
             string cssClass,
-            bool required,
-            string? placeholderText = null
+            bool required,            
+            string? placeholderText = null,
+            string? requiredClientSideErrorMessage = default
         )
         {
             var model = ViewData.Model;
@@ -53,7 +55,8 @@ public IViewComponentResult Invoke(
                 string.IsNullOrEmpty(cssClass) ? null : cssClass,
                 string.IsNullOrEmpty(hintText) ? null : hintText,
                 required,
-                string.IsNullOrEmpty(placeholderText) ? null : placeholderText
+                string.IsNullOrEmpty(placeholderText) ? null : placeholderText,
+                string.IsNullOrEmpty(requiredClientSideErrorMessage) ? null : requiredClientSideErrorMessage
             );
             return View(textBoxViewModel);
         }
diff --git a/NHSUKViewComponents.Web/ViewModels/NumericInputViewModel.cs b/NHSUKViewComponents.Web/ViewModels/NumericInputViewModel.cs
@@ -16,7 +16,9 @@ public NumericInputViewModel(
             IEnumerable<string> errorMessages,
             string? cssClass = null,
             string? hintText = null,
-            bool required = false
+            bool required = false,
+            string? requiredClientSideErrorMessage = default,
+            string? regularExClientSideErrorMessage = default
         )
         {
             var errorMessageList = errorMessages.ToList();
@@ -31,6 +33,8 @@ public NumericInputViewModel(
             ErrorMessages = errorMessageList;
             HasError = errorMessageList.Any();
             Required = required;
+            RequiredClientSideErrorMessage = requiredClientSideErrorMessage;
+            RegularExClientSideErrorMessage = regularExClientSideErrorMessage;
         }
 
         public string Id { get; set; }
@@ -42,5 +46,7 @@ public NumericInputViewModel(
         public string? HintText { get; set; }
         public IEnumerable<string> ErrorMessages { get; set; }
         public bool Required { get; set; }
+        public string? RequiredClientSideErrorMessage { get; set; }
+        public string? RegularExClientSideErrorMessage { get; set; }
     }
 }
diff --git a/NHSUKViewComponents.Web/ViewModels/RadiosViewModel.cs b/NHSUKViewComponents.Web/ViewModels/RadiosViewModel.cs
@@ -9,14 +9,16 @@ public RadiosViewModel(
             string label,
             string hintText,
             IEnumerable<RadiosItemViewModel> radios,
-            bool required
+            bool required,
+            string? requiredClientSideErrorMessage = default
         )
         {
             AspFor = aspFor;
             Label = !required && !label.EndsWith("(optional)") ? label + " (optional)" : label;
             HintText = hintText;
             Radios = radios;
             Required = required;
+            RequiredClientSideErrorMessage = requiredClientSideErrorMessage;
         }
 
         public string AspFor { get; set; }
@@ -27,5 +29,6 @@ bool required
 
         public IEnumerable<RadiosItemViewModel> Radios { get; set; }
         public bool Required { get; set; }
+        public string RequiredClientSideErrorMessage { get; set; }
     }
 }
diff --git a/NHSUKViewComponents.Web/ViewModels/SelectListViewModel.cs b/NHSUKViewComponents.Web/ViewModels/SelectListViewModel.cs
@@ -17,7 +17,8 @@ public SelectListViewModel
             string? hintText = null,
             string? errorMessage = null,
             bool hasError = false,
-            bool required = false
+            bool required = false,
+            string? requiredClientErrorMessage = default
         )
         {
             Id = id;
@@ -31,6 +32,7 @@ public SelectListViewModel
             ErrorMessage = errorMessage;
             HasError = hasError;
             Required = required;
+            RequiredClientSideErrorMessage = requiredClientErrorMessage;
         }
 
         public string Id { get; set; }
@@ -44,5 +46,6 @@ public SelectListViewModel
         public string? ErrorMessage { get; set; }
         public bool HasError { get; set; }
         public bool Required { get; set; }
+        public string? RequiredClientSideErrorMessage { get; set; }
     }
 }
diff --git a/NHSUKViewComponents.Web/ViewModels/TextAreaViewModel.cs b/NHSUKViewComponents.Web/ViewModels/TextAreaViewModel.cs
@@ -16,7 +16,8 @@ public TextAreaViewModel
             IEnumerable<string> errorMessages,
             string? cssClass = null,
             string? hintText = null,
-            int? characterCount = null
+            int? characterCount = null,
+            string? maxLengthClientSideErrorMessage = default
         )
         {
             var errorMessageList = errorMessages.ToList();
@@ -32,6 +33,7 @@ public TextAreaViewModel
             CharacterCount = characterCount;
             ErrorMessages = errorMessageList;
             HasError = errorMessageList.Any();
+            MaxLengthClientSideErrorMessage = maxLengthClientSideErrorMessage;
         }
 
         public string Id { get; set; }
@@ -45,5 +47,6 @@ public TextAreaViewModel
         public int? CharacterCount { get; set; }
         public IEnumerable<string> ErrorMessages { get; set; }
         public bool HasError { get; set; }
+        public string MaxLengthClientSideErrorMessage { get; set; }
     }
 }
diff --git a/NHSUKViewComponents.Web/ViewModels/TextInputViewModel.cs b/NHSUKViewComponents.Web/ViewModels/TextInputViewModel.cs
@@ -17,7 +17,8 @@ public TextInputViewModel(
             string? cssClass = null,
             string? hintText = null,
             bool required = false,
-            string? placeholder = null
+            string? placeholder = null,
+            string? requiredSideClientErrorMessage = default
         )
         {
             var errorMessageList = errorMessages.ToList();
@@ -35,6 +36,7 @@ public TextInputViewModel(
             ErrorMessages = errorMessageList;
             HasError = errorMessageList.Any();
             PlaceHolder = placeholder;
+            RequiredClientSideErrorMessage = requiredSideClientErrorMessage;
         }
 
         public string Id { get; set; }
@@ -50,6 +52,7 @@ public TextInputViewModel(
         public IEnumerable<string> ErrorMessages { get; set; }
         public readonly bool HasError;
         public string? PlaceHolder { get; set; }
+        public string? RequiredClientSideErrorMessage { get; set; }
     }
 
 }
diff --git a/NHSUKViewComponents.Web/Views/Shared/Components/ErrorSummary/Default.cshtml b/NHSUKViewComponents.Web/Views/Shared/Components/ErrorSummary/Default.cshtml
@@ -1,18 +1,33 @@
 ﻿@using NHSUKViewComponents.Web.ViewModels
 @model ErrorSummaryViewModel
 
-<div class="nhsuk-error-summary" aria-labelledby="error-summary-title" role="alert" tabindex="-1">
-  <h2 class="nhsuk-error-summary__title" id="error-summary-title">
-    There is a problem
-  </h2>
-  <div class="nhsuk-error-summary__body">
-    <ul class="nhsuk-list nhsuk-error-summary__list">
-      @foreach (var item in Model.Errors)
-      {
-        <li>
-          <a href="#@item.Key">@item.ErrorMessage</a>
-        </li>
-      }
-    </ul>
-  </div>
-</div>
+@if(Model.Errors.Any())
+{
+    <div class="nhsuk-error-summary" aria-labelledby="error-summary-title" role="alert" tabindex="-1">
+      <h2 class="nhsuk-error-summary__title" id="error-summary-title">
+        There is a problem
+      </h2>
+      <div class="nhsuk-error-summary__body">
+        <ul class="nhsuk-list nhsuk-error-summary__list">
+          @foreach (var item in Model.Errors)
+          {
+            <li>
+              <a href="#@item.Key">@item.ErrorMessage</a>
+            </li>
+          }
+        </ul>
+      </div>
+    </div>
+}
+else
+{
+    <div class="nhsuk-error-summary validation-summary-errors validation-summary-valid" data-valmsg-summary="true" aria-labelledby="error-summary-title" role="alert" tabindex="-1">
+        <h2 class="nhsuk-error-summary__title" id="error-summary-title">
+            There is a problem
+        </h2>
+        <div class="nhsuk-error-summary__body">
+            <ul class="nhsuk-list nhsuk-error-summary__list">
+            </ul>
+        </div>
+    </div>
+}
diff --git a/NHSUKViewComponents.Web/Views/Shared/Components/NumericInput/Default.cshtml b/NHSUKViewComponents.Web/Views/Shared/Components/NumericInput/Default.cshtml
@@ -2,34 +2,45 @@
 @using NHSUKViewComponents.Web.Helpers
 @model NumericInputViewModel
 <div class="nhsuk-form-group @(Model.HasError ? "nhsuk-form-group--error" : "")">
-  <label class="nhsuk-label" for="@Model.Id">
-    @Model.Label
-  </label>
-  @if (Model.HintText != null)
-  {
-    <div class="nhsuk-hint" id="@Model.Name-hint">
-      @Html.Raw(Model.HintText)
-    </div>
-  }
-  @if (Model.HasError)
-  {
-    <div id="@Model.Name-error" class="nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-3">
-      @foreach (var errorMessage in Model.ErrorMessages)
-      {
-        <span class="error-message--margin-bottom-1 nhsuk-error-message">
-          <span class="nhsuk-u-visually-hidden">Error:</span> @errorMessage
-        </span>
-      }
-    </div>
-  }
-  <input class="nhsuk-input @Model.Class @(Model.HasError ? "nhsuk-input--error" : "")"
-         id="@Model.Id"
-         name="@Model.Name"
-         value="@Model.Value"
-         type="@Model.Type"
-         pattern="[0-9]*"
-         inputmode="numeric"
-         aria-invalid="@(Model.HasError ? "true" : null)"
-         aria-describedby="@ViewComponentDynamicAttributeHelper.GetAriaDescribedByAttribute(Model.Name, Model.HasError, Model.HintText)"
-         aria-required="@(Model.Required ? "true" : "false" )" />
+    <label class="nhsuk-label" for="@Model.Id">
+        @Model.Label
+    </label>
+    @if (Model.HintText != null)
+    {
+        <div class="nhsuk-hint" id="@Model.Name-hint">
+            @Html.Raw(Model.HintText)
+        </div>
+    }
+    @if (Model.HasError)
+    {
+        <div id="@Model.Name-error" class="nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-3">
+            @foreach (var errorMessage in Model.ErrorMessages)
+            {
+                <span class="error-message--margin-bottom-1 nhsuk-error-message">
+                    <span class="nhsuk-u-visually-hidden">Error:</span> @errorMessage
+                </span>
+            }
+        </div>
+    }
+
+    if(!Model.HasError)
+    {
+        <div data-valmsg-for="@Model.Name" data-valmsg-replace="true" class="nhsuk-error-message nhsuk-u-padding-top-1 nhsuk-u-padding-bottom-3">
+        </div>
+    }
+
+    <input class="nhsuk-input @Model.Class @(Model.HasError ? "nhsuk-input--error" : "")"
+           id="@Model.Id"
+           name="@Model.Name"
+           value="@Model.Value"
+           type="@Model.Type"
+           pattern="[0-9]*"
+           inputmode="numeric"
+           aria-invalid="@(Model.HasError ? "true" : null)"
+           aria-describedby="@ViewComponentDynamicAttributeHelper.GetAriaDescribedByAttribute(Model.Name, Model.HasError, Model.HintText)"
+           aria-required="@(Model.Required ? "true" : "false" )"
+           data-val-regex-pattern="[0-9]*"
+           data-val-required="@(Model.Required ? Model.RequiredClientSideErrorMessage : "" )"
+           data-val-regex="@Model.RegularExClientSideErrorMessage"
+           data-val="@(Model.Required ? "true" : "false" )" />
 </div>
diff --git a/NHSUKViewComponents.Web/Views/Shared/Components/RadioList/Default.cshtml b/NHSUKViewComponents.Web/Views/Shared/Components/RadioList/Default.cshtml
diff --git a/NHSUKViewComponents.Web/Views/Shared/Components/SelectList/Default.cshtml b/NHSUKViewComponents.Web/Views/Shared/Components/SelectList/Default.cshtml
diff --git a/NHSUKViewComponents.Web/Views/Shared/Components/TextArea/Default.cshtml b/NHSUKViewComponents.Web/Views/Shared/Components/TextArea/Default.cshtml
diff --git a/NHSUKViewComponents.Web/Views/Shared/Components/TextInput/Default.cshtml b/NHSUKViewComponents.Web/Views/Shared/Components/TextInput/Default.cshtml

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,8 @@ public IViewComponentResult Invoke(`
`14`	`14`	`IEnumerable<RadiosItemViewModel> radios,`
`15`	`15`	`bool populateWithCurrentValues,`
`16`	`16`	`string hintText,`
`17`		`- bool required`
	`17`	`+ bool required,`
	`18`	`+ string? requiredClientSideErrorMessage = default`
`18`	`19`	`)`
`19`	`20`	`{`
`20`	`21`	`var radiosList = radios.Select(`
`@@ -31,7 +32,8 @@ bool required`
`31`	`32`	`label,`
`32`	`33`	`string.IsNullOrEmpty(hintText) ? null : hintText,`
`33`	`34`	`radiosList,`
`34`		`- required`
	`35`	`+ required,`
	`36`	`+ string.IsNullOrEmpty(requiredClientSideErrorMessage) ? null : requiredClientSideErrorMessage`
`35`	`37`	`);`
`36`	`38`
`37`	`39`	`return View(viewModel);`
`@@ -42,7 +44,8 @@ private bool IsSelectedRadio(string aspFor, RadiosItemViewModel radioItem, bool`
`42`	`44`	`var model = ViewData.Model;`
`43`	`45`	`var property = model.GetType().GetProperty(aspFor);`
`44`	`46`	`var value = property?.GetValue(model);`
`45`		`- return populateWithCurrentValue && value.Equals(radioItem.Value);`
	`47`	`+`
	`48`	`+ return populateWithCurrentValue && value != null && value.Equals(radioItem.Value);`
`46`	`49`	`}`
`47`	`50`	`}`
`48`	`51`	`}`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,8 @@ public IViewComponentResult Invoke(`
`15`	`15`	`IEnumerable<SelectListItem> selectListOptions,`
`16`	`16`	`string? hintText,`
`17`	`17`	`string? cssClass,`
`18`		`- bool required`
	`18`	`+ bool required,`
	`19`	`+ string? requiredClientSideErrorMessage = default`
`19`	`20`	`)`
`20`	`21`	`{`
`21`	`22`	`var model = ViewData.Model;`
`@@ -36,7 +37,8 @@ bool required`
`36`	`37`	`string.IsNullOrEmpty(hintText) ? null : hintText,`
`37`	`38`	`errorMessage,`
`38`	`39`	`hasError,`
`39`		`- required`
	`40`	`+ required,`
	`41`	`+ string.IsNullOrEmpty(requiredClientSideErrorMessage) ? null : requiredClientSideErrorMessage`
`40`	`42`	`);`
`41`	`43`	`return View(selectListViewModel);`
`42`	`44`	`}`
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,9 @@ public NumericInputViewModel(`
`16`	`16`	`IEnumerable<string> errorMessages,`
`17`	`17`	`string? cssClass = null,`
`18`	`18`	`string? hintText = null,`
`19`		`- bool required = false`
	`19`	`+ bool required = false,`
	`20`	`+ string? requiredClientSideErrorMessage = default,`
	`21`	`+ string? regularExClientSideErrorMessage = default`
`20`	`22`	`)`
`21`	`23`	`{`
`22`	`24`	`var errorMessageList = errorMessages.ToList();`
`@@ -31,6 +33,8 @@ public NumericInputViewModel(`
`31`	`33`	`ErrorMessages = errorMessageList;`
`32`	`34`	`HasError = errorMessageList.Any();`
`33`	`35`	`Required = required;`
	`36`	`+ RequiredClientSideErrorMessage = requiredClientSideErrorMessage;`
	`37`	`+ RegularExClientSideErrorMessage = regularExClientSideErrorMessage;`
`34`	`38`	`}`
`35`	`39`
`36`	`40`	`public string Id { get; set; }`
`@@ -42,5 +46,7 @@ public NumericInputViewModel(`
`42`	`46`	`public string? HintText { get; set; }`
`43`	`47`	`public IEnumerable<string> ErrorMessages { get; set; }`
`44`	`48`	`public bool Required { get; set; }`
	`49`	`+ public string? RequiredClientSideErrorMessage { get; set; }`
	`50`	`+ public string? RegularExClientSideErrorMessage { get; set; }`
`45`	`51`	`}`
`46`	`52`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9,14 +9,16 @@ public RadiosViewModel(`
`9`	`9`	`string label,`
`10`	`10`	`string hintText,`
`11`	`11`	`IEnumerable<RadiosItemViewModel> radios,`
`12`		`- bool required`
	`12`	`+ bool required,`
	`13`	`+ string? requiredClientSideErrorMessage = default`
`13`	`14`	`)`
`14`	`15`	`{`
`15`	`16`	`AspFor = aspFor;`
`16`	`17`	`Label = !required && !label.EndsWith("(optional)") ? label + " (optional)" : label;`
`17`	`18`	`HintText = hintText;`
`18`	`19`	`Radios = radios;`
`19`	`20`	`Required = required;`
	`21`	`+ RequiredClientSideErrorMessage = requiredClientSideErrorMessage;`
`20`	`22`	`}`
`21`	`23`
`22`	`24`	`public string AspFor { get; set; }`
`@@ -27,5 +29,6 @@ bool required`
`27`	`29`
`28`	`30`	`public IEnumerable<RadiosItemViewModel> Radios { get; set; }`
`29`	`31`	`public bool Required { get; set; }`
	`32`	`+ public string RequiredClientSideErrorMessage { get; set; }`
`30`	`33`	`}`
`31`	`34`	`}`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,8 @@ public SelectListViewModel`
`17`	`17`	`string? hintText = null,`
`18`	`18`	`string? errorMessage = null,`
`19`	`19`	`bool hasError = false,`
`20`		`- bool required = false`
	`20`	`+ bool required = false,`
	`21`	`+ string? requiredClientErrorMessage = default`
`21`	`22`	`)`
`22`	`23`	`{`
`23`	`24`	`Id = id;`
`@@ -31,6 +32,7 @@ public SelectListViewModel`
`31`	`32`	`ErrorMessage = errorMessage;`
`32`	`33`	`HasError = hasError;`
`33`	`34`	`Required = required;`
	`35`	`+ RequiredClientSideErrorMessage = requiredClientErrorMessage;`
`34`	`36`	`}`
`35`	`37`
`36`	`38`	`public string Id { get; set; }`
`@@ -44,5 +46,6 @@ public SelectListViewModel`
`44`	`46`	`public string? ErrorMessage { get; set; }`
`45`	`47`	`public bool HasError { get; set; }`
`46`	`48`	`public bool Required { get; set; }`
	`49`	`+ public string? RequiredClientSideErrorMessage { get; set; }`
`47`	`50`	`}`
`48`	`51`	`}`
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,8 @@ public TextAreaViewModel`
`16`	`16`	`IEnumerable<string> errorMessages,`
`17`	`17`	`string? cssClass = null,`
`18`	`18`	`string? hintText = null,`
`19`		`- int? characterCount = null`
	`19`	`+ int? characterCount = null,`
	`20`	`+ string? maxLengthClientSideErrorMessage = default`
`20`	`21`	`)`
`21`	`22`	`{`
`22`	`23`	`var errorMessageList = errorMessages.ToList();`
`@@ -32,6 +33,7 @@ public TextAreaViewModel`
`32`	`33`	`CharacterCount = characterCount;`
`33`	`34`	`ErrorMessages = errorMessageList;`
`34`	`35`	`HasError = errorMessageList.Any();`
	`36`	`+ MaxLengthClientSideErrorMessage = maxLengthClientSideErrorMessage;`
`35`	`37`	`}`
`36`	`38`
`37`	`39`	`public string Id { get; set; }`
`@@ -45,5 +47,6 @@ public TextAreaViewModel`
`45`	`47`	`public int? CharacterCount { get; set; }`
`46`	`48`	`public IEnumerable<string> ErrorMessages { get; set; }`
`47`	`49`	`public bool HasError { get; set; }`
	`50`	`+ public string MaxLengthClientSideErrorMessage { get; set; }`
`48`	`51`	`}`
`49`	`52`	`}`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,8 @@ public TextInputViewModel(`
`17`	`17`	`string? cssClass = null,`
`18`	`18`	`string? hintText = null,`
`19`	`19`	`bool required = false,`
`20`		`- string? placeholder = null`
	`20`	`+ string? placeholder = null,`
	`21`	`+ string? requiredSideClientErrorMessage = default`
`21`	`22`	`)`
`22`	`23`	`{`
`23`	`24`	`var errorMessageList = errorMessages.ToList();`
`@@ -35,6 +36,7 @@ public TextInputViewModel(`
`35`	`36`	`ErrorMessages = errorMessageList;`
`36`	`37`	`HasError = errorMessageList.Any();`
`37`	`38`	`PlaceHolder = placeholder;`
	`39`	`+ RequiredClientSideErrorMessage = requiredSideClientErrorMessage;`
`38`	`40`	`}`
`39`	`41`
`40`	`42`	`public string Id { get; set; }`
`@@ -50,6 +52,7 @@ public TextInputViewModel(`
`50`	`52`	`public IEnumerable<string> ErrorMessages { get; set; }`
`51`	`53`	`public readonly bool HasError;`
`52`	`54`	`public string? PlaceHolder { get; set; }`
	`55`	`+ public string? RequiredClientSideErrorMessage { get; set; }`
`53`	`56`	`}`
`54`	`57`
`55`	`58`	`}`