Merge pull request #8 from TechnologyEnhancedLearning/Fix/TD-1203-add-placeholder-to-the-text-input-control

TD-1203 add-placeholder-to-the-text-input-control

Author: OluwatobiAwe

NHSUKViewComponents.Web/ViewComponents/TextInputViewComponent.cs

@@ -18,6 +18,7 @@ public class TextInputViewComponent : ViewComponent
         /// <param name="autocomplete">Leave blank to set no autocomplete on the input element.</param>
         /// <param name="cssClass"></param>
         /// <param name="required"></param>
+        /// <param name="placeholderText"></param>
         /// <returns></returns>
         public IViewComponentResult Invoke(
             string aspFor,
@@ -28,7 +29,8 @@ public IViewComponentResult Invoke(
             string hintText,
             string autocomplete,
             string cssClass,
-            bool required
+            bool required,
+            string? placeholderText = null
         )
         {
             var model = ViewData.Model;
@@ -50,9 +52,11 @@ bool required
                 errorMessages,
                 string.IsNullOrEmpty(cssClass) ? null : cssClass,
                 string.IsNullOrEmpty(hintText) ? null : hintText,
-                required
+                required,
+                string.IsNullOrEmpty(placeholderText) ? null : placeholderText
             );
             return View(textBoxViewModel);
         }
     }
+
 }

NHSUKViewComponents.Web/ViewModels/TextInputViewModel.cs

@@ -16,7 +16,8 @@ public TextInputViewModel(
             IEnumerable<string> errorMessages,
             string? cssClass = null,
             string? hintText = null,
-            bool required = false
+            bool required = false,
+            string? placeholder = null
         )
         {
             var errorMessageList = errorMessages.ToList();
@@ -33,6 +34,7 @@ public TextInputViewModel(
             Required = required;
             ErrorMessages = errorMessageList;
             HasError = errorMessageList.Any();
+            PlaceHolder = placeholder;
         }
 
         public string Id { get; set; }
@@ -47,5 +49,7 @@ public TextInputViewModel(
         public bool Required { get; set; }
         public IEnumerable<string> ErrorMessages { get; set; }
         public readonly bool HasError;
+        public string? PlaceHolder { get; set; }
     }
+
 }