Added button tag helper

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/AbpTagHelperService.cs

@@ -3,7 +3,7 @@ using Microsoft.AspNetCore.Razor.TagHelpers;
 
 namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers
 {
-    public class AbpTagHelperService<TTagHelper> : IAbpTagHelperService<TTagHelper>
+    public abstract class AbpTagHelperService<TTagHelper> : IAbpTagHelperService<TTagHelper>
         where TTagHelper : TagHelper
     {
         public TTagHelper TagHelper { get; set; }
@@ -12,10 +12,12 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers
 
         public virtual void Init(TagHelperContext context)
         {
+
         }
 
         public virtual void Process(TagHelperContext context, TagHelperOutput output)
         {
+
         }
 
         public virtual Task ProcessAsync(TagHelperContext context, TagHelperOutput output)

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Button/AbpButtonTagHelper.cs

@@ -0,0 +1,13 @@
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Button
+{
+    public class AbpButtonTagHelper : AbpTagHelper<AbpButtonTagHelper, AbpButtonTagHelperService>
+    {
+        public AbpButtonType ButtonType { get; set; } = AbpButtonType.Default;
+
+        public AbpButtonTagHelper(AbpButtonTagHelperService service) 
+            : base(service)
+        {
+
+        }
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Button/AbpButtonTagHelperService.cs

@@ -0,0 +1,20 @@
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Microsoft.AspNetCore.Razor.TagHelpers;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Button
+{
+    public class AbpButtonTagHelperService : AbpTagHelperService<AbpButtonTagHelper>
+    {
+        public override void Process(TagHelperContext context, TagHelperOutput output)
+        {
+            output.TagName = "button";
+            output.Attributes.Add("type", "button");
+            output.Attributes.AddClass("btn");
+
+            if (TagHelper.ButtonType != AbpButtonType.Default)
+            {
+                output.Attributes.AddClass("btn-" + TagHelper.ButtonType.ToString().ToLowerInvariant());
+            }
+        }
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Button/AbpButtonType.cs

@@ -0,0 +1,16 @@
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Button
+{
+    public enum AbpButtonType
+    {
+        Default,
+        Primary,
+        Secondary,
+        Success,
+        Danger,
+        Warning,
+        Info,
+        Light,
+        Dark,
+        Link
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Button/AbpLinkButtonTagHelper.cs

@@ -0,0 +1,18 @@
+using Microsoft.AspNetCore.Razor.TagHelpers;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Button
+{
+    [HtmlTargetElement("a", Attributes = "abp-button")]
+    [HtmlTargetElement("input", Attributes = "abp-button", TagStructure = TagStructure.WithoutEndTag)]
+    public class AbpLinkButtonTagHelper : AbpTagHelper<AbpLinkButtonTagHelper, AbpLinkButtonTagHelperService>
+    {
+        [HtmlAttributeName("abp-button")]
+        public AbpButtonType ButtonType { get; set; }
+
+        public AbpLinkButtonTagHelper(AbpLinkButtonTagHelperService service) 
+            : base(service)
+        {
+
+        }
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Button/AbpLinkButtonTagHelperService.cs

@@ -0,0 +1,30 @@
+using System;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Microsoft.AspNetCore.Razor.TagHelpers;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Button
+{
+    public class AbpLinkButtonTagHelperService : AbpTagHelperService<AbpLinkButtonTagHelper>
+    {
+        public override void Process(TagHelperContext context, TagHelperOutput output)
+        {
+            output.Attributes.AddClass("btn");
+
+            if (TagHelper.ButtonType != AbpButtonType.Default)
+            {
+                output.Attributes.AddClass("btn-" + TagHelper.ButtonType.ToString().ToLowerInvariant());
+            }
+
+            if (!output.Attributes.ContainsName("role"))
+            {
+                output.Attributes.Add("role", "button");
+            }
+
+            if (!output.Attributes.ContainsName("type") &&
+                output.TagName.Equals("input", StringComparison.InvariantCultureIgnoreCase))
+            {
+                output.Attributes.Add("type", "button");
+            }
+        }
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardBodyTagHelperService.cs

@@ -16,7 +16,7 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Card
             ProcessSubtitle(output);
         }
 
-        private void ProcessTitle(TagHelperOutput output)
+        protected virtual void ProcessTitle(TagHelperOutput output)
         {
             if (!TagHelper.Title.IsNullOrWhiteSpace())
             {
@@ -27,7 +27,7 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Card
             }
         }
 
-        private void ProcessSubtitle(TagHelperOutput output)
+        protected virtual void ProcessSubtitle(TagHelperOutput output)
         {
             if (!TagHelper.Subtitle.IsNullOrWhiteSpace())
             {

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/HtmlHeadingType.cs

@@ -1,4 +1,4 @@
-namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Card
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers
 {
     public enum HtmlHeadingType
     {

test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml

@@ -0,0 +1,55 @@
+@page
+@model Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components.ButtonsModel
+@{
+    ViewData["Title"] = "Buttons";
+}
+
+<h2>Buttons</h2>
+
+<p>Based on <a href="http://getbootstrap.com/docs/4.1/components/buttons/" target="_blank"> Bootstrap button</a>.</p>
+
+<h4># Example</h4>
+
+<div class="demo-with-code">
+    <div class="demo-area">
+        <abp-button>Default</abp-button>
+        <abp-button button-type="Primary">Primary</abp-button>
+        <abp-button button-type="Secondary">Secondary</abp-button>
+        <abp-button button-type="Success">Success</abp-button>
+        <abp-button button-type="Danger">Danger</abp-button>
+        <abp-button button-type="Warning">Warning</abp-button>
+        <abp-button button-type="Info">Info</abp-button>
+        <abp-button button-type="Light">Light</abp-button>
+        <abp-button button-type="Dark">Dark</abp-button>
+        <abp-button button-type="Link">Link</abp-button>
+    </div>
+    <div class="code-area">
+        <pre>
+&lt;abp-button&gt;Default&lt;/abp-button&gt;
+&lt;abp-button button-type="Primary"&gt;Primary&lt;/abp-button&gt;
+&lt;abp-button button-type="Secondary"&gt;Secondary&lt;/abp-button&gt;
+&lt;abp-button button-type="Success"&gt;Success&lt;/abp-button&gt;
+&lt;abp-button button-type="Danger"&gt;Danger&lt;/abp-button&gt;
+&lt;abp-button button-type="Warning"&gt;Warning&lt;/abp-button&gt;
+&lt;abp-button button-type="Info"&gt;Info&lt;/abp-button&gt;
+&lt;abp-button button-type="Light"&gt;Light&lt;/abp-button&gt;
+&lt;abp-button button-type="Dark"&gt;Dark&lt;/abp-button&gt;
+&lt;abp-button button-type="Link"&gt;Link&lt;/abp-button&gt;
+</pre>
+    </div>
+</div>
+
+<h4># Example</h4>
+
+<div class="demo-with-code">
+    <div class="demo-area">
+        <a abp-button="Primary" href="#">Link</a>
+        <abp-button button-type="Primary" type="submit">Button</abp-button>
+        <input abp-button="Primary" value="Input" />
+        <input abp-button="Primary" type="submit" value="Submit" />
+        <input abp-button="Primary" type="reset" value="Reset" />
+    </div>
+    <div class="code-area">
+        <pre></pre>
+    </div>
+</div>

test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Buttons.cshtml.cs

@@ -0,0 +1,17 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components
+{
+    public class ButtonsModel : PageModel
+    {
+        public void OnGet()
+        {
+
+        }
+    }
+}

test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Cards.cshtml

@@ -44,7 +44,7 @@
         <abp-card style="width: 18rem;">
             <abp-card-body title="Card title" subtitle="Card subtitle">
                 <abp-card-text>Some quick example text to build on the card title and make up the bulk of the card's content.</abp-card-text>
-                <a abp-card-link>Card link</a>
+                <a abp-card-link href="#">Card link</a>
                 <a abp-card-link href="#">Another link</a>
             </abp-card-body>
         </abp-card>

test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Index.cshtml

@@ -7,6 +7,7 @@
 <h2>Components</h2>
 
 <ul>
+    <li><a asp-page="Components/Buttons">Buttons</a></li>
     <li><a asp-page="Components/Cards">Cards</a></li>
 </ul>