protected override void RenderProcess(TagHelperContext context, TagHelperOutput output)
{
output.AddDataAttribute("toggle", "tooltip");
output.AddDataAttribute("placement", this.Placement.GetEnumInfo().Name);
output.AddDataAttribute("animation", this.Animation ? "true" : "false");
output.AddDataAttribute("delay", this.Delay.ToString());
output.AddDataAttribute("html", this.IsHtml ? "true" : "false");
}
protected override void RenderProcess(TagHelperContext context, TagHelperOutput output)
{
output.AddDataAttribute("toggle", "popover");
output.AddDataAttribute("container", "body");
output.AddDataAttribute("placement", this.Placement.GetEnumInfo().Name);
// Title
if (!string.IsNullOrEmpty(this.Title))
{
output.MergeAttribute("title", this.Title);
}
// Dismissible
if (this.Dismissible)
{
output.AddDataAttribute("trigger", "focus");
}
}
protected override async Task RenderProcessAsync(TagHelperContext context, TagHelperOutput output)
{
output.TagName = "div";
output.AddCssClass("carousel slide");
output.AddDataAttribute("ride", "carousel");
// Fade
if (this.IsFade)
{
output.AddCssClass("carousel-fade");
}
// Items
output.Content.SetHtmlContent(await output.GetChildContentAsync());
// Indicators
if (this.HasIndicators)
{
output.PreContent.AppendHtml("<ol class=\"carousel-indicators\">");
for (int i = 0; i < this.Items.Count; i++)
{
output.PreContent.AppendHtml(this.Items[i].Active
? $"<li data-target=\"#{this.Id}\" data-slide-to=\"{i}\" class=\"active\"></li>"
: $"<li data-target=\"#{this.Id}\" data-slide-to=\"{i}\"></li>");
}
output.PreContent.AppendHtml("</ol>");
}
// Item wrapper
output.Content.Wrap(new TagBuilder("div")
{
Attributes = { { "class", "carousel-inner" } }
});
// Controls
if (this.HasControls)
{
output.PostContent.AppendHtml($"<a class=\"carousel-control-prev\" href=\"#{this.Id}\" role=\"button\" data-slide=\"prev\"><span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span><span class=\"sr-only\">{Resources.Carousel_Previous}</span></a><a class=\"carousel-control-next\" href=\"#{Id}\" role=\"button\" data-slide=\"next\"><span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span><span class=\"sr-only\">{Resources.Carousel_Next}</span></a>");
}
}
