Webiant Logo Webiant Logo
☌

  1. No results found.

    Try your search with a different keyword or use * as a wildcard.

NopTabsTagHelper.cs

using Microsoft.AspNetCore.Mvc.Rendering;
using Microsoft.AspNetCore.Mvc.ViewFeatures;
using Microsoft.AspNetCore.Razor.TagHelpers;
using Nop.Web.Framework.Extensions;

namespace Nop.Web.Framework.TagHelpers.Admin;

/// 
/// "nop-tabs" tag helper
/// 
[HtmlTargetElement("nop-tabs", Attributes = ID_ATTRIBUTE_NAME)]
public partial class NopTabsTagHelper : TagHelper
{
    #region Constants

    protected const string ID_ATTRIBUTE_NAME = "id";
    protected const string TAB_NAME_TO_SELECT_ATTRIBUTE_NAME = "asp-tab-name-to-select";
    protected const string RENDER_SELECTED_TAB_INPUT_ATTRIBUTE_NAME = "asp-render-selected-tab-input";

    #endregion

    #region Fields

    protected readonly IHtmlHelper _htmlHelper;

    #endregion

    #region Ctor

    public NopTabsTagHelper(IHtmlHelper htmlHelper)
    {
        _htmlHelper = htmlHelper;
    }

    #endregion

    #region Methods

    /// 
    /// Asynchronously executes the tag helper with the given context and output
    /// 
    /// Contains information associated with the current HTML tag
    /// A stateful HTML element used to generate an HTML tag
    /// A task that represents the asynchronous operation
    public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
    {
        ArgumentNullException.ThrowIfNull(context);

        ArgumentNullException.ThrowIfNull(output);

        //contextualize IHtmlHelper
        var viewContextAware = _htmlHelper as IViewContextAware;
        viewContextAware?.Contextualize(ViewContext);

        //create context item
        var tabContext = new List();
        context.Items.Add(typeof(NopTabsTagHelper), tabContext);

        //get tab name which should be selected
        //first try get tab name from query
        var tabNameToSelect = ViewContext.HttpContext.Request.Query["tabNameToSelect"];

        //then from attribute
        if (!string.IsNullOrEmpty(TabNameToSelect))
            tabNameToSelect = TabNameToSelect;

        //then save tab name in tab context to access it in tab item
        if (!string.IsNullOrEmpty(tabNameToSelect))
            context.Items.Add("tabNameToSelect", tabNameToSelect);

        //execute child tag helpers
        await output.GetChildContentAsync();

        //tabs title
        var tabsTitlediv = new TagBuilder("div");
        tabsTitlediv.AddCssClass("card-header p-0 pt-1 border-bottom-0");

        var tabsTitle = new TagBuilder("ul");
        tabsTitle.AddCssClass("nav");
        tabsTitle.AddCssClass("nav-tabs");
        tabsTitle.Attributes.Add("id", "custom-content-above-tab");
        tabsTitle.Attributes.Add("role", "tablist");

        //tabs content
        var tabsContentout = new TagBuilder("div");
        tabsContentout.AddCssClass("card-body");

        var tabsContent = new TagBuilder("div");
        tabsContent.AddCssClass("tab-content");

        var outputiner = new TagBuilder("div");
        outputiner.AddCssClass("card card-primary card-outline card-outline-tabs");

        foreach (var tabItem in tabContext)
        {
            tabsTitle.InnerHtml.AppendHtml(tabItem.Title);
            tabsContent.InnerHtml.AppendHtml(tabItem.Content);
        }

        tabsTitlediv.InnerHtml.AppendHtml(await tabsTitle.RenderHtmlContentAsync());
        tabsContentout.InnerHtml.AppendHtml(await tabsContent.RenderHtmlContentAsync());
        //append data
        output.Content.AppendHtml(await tabsTitlediv.RenderHtmlContentAsync());
        output.Content.AppendHtml(await tabsContentout.RenderHtmlContentAsync());

        _ = bool.TryParse(RenderSelectedTabInput, out var renderSelectedTabInput);
        if (string.IsNullOrEmpty(RenderSelectedTabInput) || renderSelectedTabInput)
        {
            //render input contains selected tab name
            var selectedTabInput = new TagBuilder("input");
            selectedTabInput.Attributes.Add("type", "hidden");
            selectedTabInput.Attributes.Add("id", "selected-tab-name");
            selectedTabInput.Attributes.Add("name", "selected-tab-name");
            selectedTabInput.Attributes.Add("value", _htmlHelper.GetSelectedTabName());
            output.PreContent.SetHtmlContent(await selectedTabInput.RenderHtmlContentAsync());

            //render tabs script
            if (output.Attributes.ContainsName("id"))
            {
                var script = new TagBuilder("script");
                script.InnerHtml.AppendHtml(
                    "$(function() {" +
                    "bindBootstrapTabSelectEvent('" + output.Attributes["id"].Value + "', 'selected-tab-name');" +
                    "});");
                var scriptTag = await script.RenderHtmlContentAsync();
                output.PostContent.SetHtmlContent(scriptTag);
            }
        }

        output.TagName = "div";

        var itemClass = "card card-primary card-outline card-outline-tabs nav-tabs-custom";
        //merge classes
        var classValue = output.Attributes.ContainsName("class")
            ? $"{output.Attributes["class"].Value} {itemClass}"
            : itemClass;

        output.Attributes.SetAttribute("class", classValue);
    }

    #endregion

    #region Properties

    /// 
    /// Name of the tab which should be selected
    /// 
    [HtmlAttributeName(TAB_NAME_TO_SELECT_ATTRIBUTE_NAME)]
    public string TabNameToSelect { set; get; }

    /// 
    /// Indicates whether the tab is default
    /// 
    [HtmlAttributeName(RENDER_SELECTED_TAB_INPUT_ATTRIBUTE_NAME)]
    public string RenderSelectedTabInput { set; get; }

    /// 
    /// ViewContext
    /// 
    [HtmlAttributeNotBound]
    [ViewContext]
    public ViewContext ViewContext { get; set; }

    #endregion
}