Add * by required field (#8328)

* add an * to required fields

Author: lyndaidaii

src/Bootstrap/dist/css/bootstrap-theme.css

@@ -42,6 +42,11 @@
     display: inline-block;
     width: 100%;
   }
+
+  .required:after {
+    color: red;
+    content: " *";
+  }
 }
 
 .manage-members-listing tbody:first-child {

src/Bootstrap/less/theme/page-manage-organizations.less

@@ -27,4 +27,9 @@
   .or-row {
     margin: 20px;
   }
+
+  .required:after{
+    color: red;
+    content: " *";
+  }
 }

src/Bootstrap/less/theme/page-sign-in.less

@@ -106,18 +106,34 @@ public static HtmlString HasErrorFor<TModel, TProperty>(this HtmlHelper<TModel>
 
         public static HtmlString ShowLabelFor<TModel, TProperty>(this HtmlHelper<TModel> html, Expression<Func<TModel, TProperty>> expression)
         {
-            return ShowLabelFor(html, expression, labelText: null);
+            return ShowLabelFor(html, expression, labelText: null, isrequired: false);
         }
 
-        public static HtmlString ShowLabelFor<TModel, TProperty>(this HtmlHelper<TModel> html, Expression<Func<TModel, TProperty>> expression, string labelText)
+        public static HtmlString ShowLabelFor<TModel, TProperty>(this HtmlHelper<TModel> html, Expression<Func<TModel, TProperty>> expression, bool isrequired)
+        {
+            return ShowLabelFor(html, expression, labelText: null, isrequired);
+        }
+
+        public static HtmlString ShowLabelFor<TModel, TProperty>(this HtmlHelper<TModel> html, Expression<Func<TModel, TProperty>> expression, string labelText, bool isrequired)
         {
             var metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData);
             var propertyName = metadata.PropertyName.ToLower();
 
-            return html.LabelFor(expression, labelText, new
+            if (isrequired)
             {
-                id = $"{propertyName}-label"
-            });
+                return html.LabelFor(expression, labelText, new
+                {
+                    id = $"{propertyName}-label",
+                    @class = "required"
+                });
+            }
+            else
+            {
+                return html.LabelFor(expression, labelText, new
+                {
+                    id = $"{propertyName}-label"
+                });
+            }
         }
 
         public static HtmlString ShowPasswordFor<TModel, TProperty>(this HtmlHelper<TModel> html, Expression<Func<TModel, TProperty>> expression)

src/NuGetGallery/ExtensionMethods.cs

@@ -19,7 +19,7 @@
     </div>
 
     <div class="form-group @Html.HasErrorFor(m => m.Register.Username)">
-        @Html.ShowLabelFor(m => m.Register.Username)
+        @Html.ShowLabelFor(m => m.Register.Username, isrequired: true)
         @Html.ShowTextBoxFor(m => m.Register.Username)
         @Html.ShowValidationMessagesFor(m => m.Register.Username)
     </div>

src/NuGetGallery/Views/Authentication/_Register.cshtml

@@ -52,7 +52,7 @@
                     @Html.Hidden("version", @Model.Version, new { id = "input-list-package" })
                     <div class="form-group @Html.HasErrorFor(package => package.Listed)">
                         @Html.ShowCheckboxFor(package => package.Listed)
-                        @Html.ShowLabelFor(package => package.Listed, "List in search results.")
+                        @Html.ShowLabelFor(package => package.Listed, "List in search results.", isrequired: false)
                         @Html.ShowValidationMessagesFor(package => package.Listed)
 
                         <p>Unlisted packages cannot be installed directly and do not show up in search results.</p>

src/NuGetGallery/Views/Packages/_ManageListing.cshtml

@@ -42,7 +42,7 @@
                         </div>
                     }
                     <div class="form-group @Html.HasErrorFor(m => m.ChangeEmail.NewEmail)">
-                        @Html.ShowLabelFor(m => m.ChangeEmail.NewEmail)
+                        @Html.ShowLabelFor(m => m.ChangeEmail.NewEmail, isrequired: true)
                         @Html.ShowTextBoxFor(m => m.ChangeEmail.NewEmail)
                         @Html.ShowValidationMessagesFor(m => m.ChangeEmail.NewEmail)
                     </div>

src/NuGetGallery/Views/Shared/_AccountChangeEmail.cshtml

@@ -319,7 +319,7 @@
 
         <div class="row">
             <div class="col-sm-7 form-group">
-                <label data-bind="attr: { for: PackageOwnerId,
+                <label class="required" data-bind="attr: { for: PackageOwnerId,
                                             id: PackageOwnerId() + '-label' }">Package Owner</label>
                 <select class="form-control"
                         data-bind="attr: { id: PackageOwnerId,