Merge pull request #47 from IowaComputerGurus/feature/form-check-support

Added support for Alerts Headers #44

Author: mitchelsellers

src/AspNetCore.Utilities.Bootstrap5TagHelpers.Sample/Views/Home/Index.cshtml

@@ -73,21 +73,29 @@
                 </code>
             </td>
         </tr>
-        <tr>
-            <th>Warning Dismissible</th>
-            <td>
-                <alert alert-color="Warning" dismissible="true">
-                    This is a dismissible warning alert!
-                </alert>
-            </td>
-            <td>
-                <code>
-                    &lt;alert alert-color=&quot;Warning&quot; dismissible=&quot;false&quot;&gt;
-                    This is a dismissible warning alert!
-                    &lt;/alert&gt;
-                </code>
-            </td>
-        </tr>
+    <tr>
+        <th>Warning Dismissible</th>
+        <td>
+            <alert alert-color="Warning" dismissible="true">
+                This is a dismissible warning alert!
+            </alert>
+        </td>
+        <td>
+            <code>
+                &lt;alert alert-color=&quot;Warning&quot; dismissible=&quot;false&quot;&gt;
+                This is a dismissible warning alert!
+                &lt;/alert&gt;
+            </code>
+        </td>
+    </tr>
+    <tr>
+        <th>Alert With Header</th>
+        <td>
+            <alert alert-color="Info" heading-text="This is a Header">
+                    Look at me! I have a header!
+            </alert>
+        </td>
+    </tr>
     </tbody>
 </table>
 

src/AspNetCore.Utilities.Bootstrap5TagHelpers/AlertTagHelper.cs

@@ -26,6 +26,11 @@ public class AlertTagHelper : TagHelper
     /// </summary>
     public bool Dismissible { get; set; } = false;
 
+    /// <summary>
+    ///     If supplied this will render as a heading inside the alert.
+    /// </summary>
+    public string? HeadingText { get; set; }
+
     /// <summary>
     ///     Processes the tag helper
     /// </summary>
@@ -50,10 +55,21 @@ public override async Task ProcessAsync(TagHelperContext context, TagHelperOutpu
             output.AddClass("fade", HtmlEncoder.Default);
             output.AddClass("show", HtmlEncoder.Default);
         }
+
         output.Attributes.Add("role", "alert");
 
+        if (!string.IsNullOrEmpty(HeadingText))
+        {
+            var headingBuilder = new TagBuilder("h4");
+            headingBuilder.AddCssClass("alert-heading");
+            headingBuilder.InnerHtml.Append(HeadingText);
+            output.PreContent.AppendHtml(headingBuilder);
+        }
+
         if (!Dismissible)
+        {
             return;
+        }
 
         var buttonBuilder = new TagBuilder("button");
         buttonBuilder.Attributes.Add("type", "button");
@@ -62,7 +78,7 @@ public override async Task ProcessAsync(TagHelperContext context, TagHelperOutpu
         buttonBuilder.Attributes.Add("aria-label", "Close");
 
         //Get existing content
-        var existing = await output.GetChildContentAsync();
+        TagHelperContent existing = await output.GetChildContentAsync();
         output.Content.AppendHtml(existing.GetContent());
         output.Content.AppendHtml(buttonBuilder);
     }