Added popover tag helper hoverable functionality

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Popover/AbpPopoverTagHelper.cs

@@ -18,6 +18,8 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Popover
 
         public bool? Dismissible { get; set; }
 
+        public bool? Hoverable { get; set; }
+
         public string AbpPopover { get; set; }
 
         public string AbpPopoverRight { get; set; }

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Popover/AbpPopoverTagHelperService.cs

@@ -23,6 +23,11 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Popover
         protected virtual void SetDisabled(TagHelperContext context, TagHelperOutput output)
         {
             var triggerAsHtml = TagHelper.Dismissible ?? false ? "datatrigger=\"focus\" " : "";
+            // If not dismissable for hoverable condition
+            if (string.IsNullOrEmpty(triggerAsHtml))
+            {
+                triggerAsHtml = TagHelper.Hoverable ?? false ? "data-trigger=\"hover\" " : string.Empty;
+            }
             var dataPlacementAsHtml = "data-placement=\"" + GetDirectory().ToString().ToLowerInvariant() + "\" ";
             var titleAttribute = output.Attributes.FirstOrDefault(at => at.Name == "title");
             var titleAsHtml = titleAttribute == null ? "" : "title=\"" + titleAttribute.Value + "\" ";
@@ -40,6 +45,11 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Popover
             if (TagHelper.Dismissible ?? false)
             {
                 output.Attributes.Add("data-trigger", "focus");
+            }
+            // Dismissible has priority over hoverable
+            else if (TagHelper.Hoverable ?? false)
+            {
+                output.Attributes.Add("data-trigger", "hover");
             }
         }
 

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

@@ -36,7 +36,7 @@
         <abp-button abp-popover="Hi, i'm popover content!">
             Popover Default
         </abp-button>
-        <abp-button abp-popover-top="Hi, i'm popover content!" title="Popover Title">
+        <abp-button abp-popover-top="Hi, i'm popover content!" title="Popover Title" hoverable="true">
             Popover With Title
         </abp-button>
         <abp-button abp-popover-right="Hi, i'm popover content!" title="Popover Title" dismissible="true">