private void CreateTabHeader(FWListElement tabNav, int tabNumber, FWTabItem item)
{
var listItem = tabNav.Add(new FWListItemElement());
{
listItem.AddCssClass("nav-item m-tabs__item");
var anchor = listItem.Add(new FWAnchorElement($"#{item.Id}"));
anchor.AddCssClass("nav-link m-tabs__link");
anchor.Add(item.Title);
anchor.Attributes.Add("data-toggle", "tab");
anchor.Attributes.Add("role", "tab");
anchor.Attributes.Add("aria-expanded", (tabNumber == _activeTab).ToString().ToLower());
//Marks the anchor as binded to prevent adding the load screen
anchor.Attributes.Add("data-binded", "true");
anchor.Attributes.Add("data-type", "fw-tab-item");
if (tabNumber == _activeTab)
{
anchor.AddCssClass("active");
}
if (item.IsLazyLoaded)
{
anchor.Attributes.Add("data-url", item.Url);
anchor.Attributes.Add("data-targetid", item.Id);
anchor.Attributes.Add("data-cache", item.Cached.ToString().ToLower());
}
}
}
/// <summary>
/// Gets the portlet action list element.
/// </summary>
private FWListElement GetPortletActions()
{
if (_actions == null)
{
_actions = new FWListElement();
_actions.AddCssClass("m-portlet__nav");
}
return(_actions);
}
private FWMainMenu(FWMenuItemType itemType, IUrlHelper urlHelper)
{
_urlHelper = urlHelper;
_currentTag = new FWListElement();
_currentTag.AddCssClass("m-menu__nav m-menu__nav--dropdown-submenu-arrow");
ItemType = itemType;
}
public IFWMenuBuilder Holder(string label, string icon)
{
var anchor = new FWAnchorElement("javascript:;");
anchor.AddCssClass("m-nav__link m-dropdown__toggle");
if (!string.IsNullOrWhiteSpace(icon))
{
anchor.Add(CreateHolderIcon(icon));
}
if (!string.IsNullOrWhiteSpace(label))
{
var span = new FWSpanElement();
span.AddCssClass("topbar-text");
span.Add(label);
anchor.Add(span);
anchor.Add(CreateHolderIcon("fa fa-angle-down"));
}
_userMenu.Add(anchor);
var itemsWrapper = new FWDivElement();
itemsWrapper.AddCssClass("m-dropdown__wrapper");
var modalArrow = itemsWrapper.Add(new FWSpanElement());
modalArrow.AddCssClass("m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust");
var modalArrowIcon = modalArrow.Add(new FWTagBuilder("i"));
modalArrowIcon.AddCssClass("fa fa-chevron-up");
var innerDiv = itemsWrapper.Add(new FWDivElement());
innerDiv.AddCssClass("m-dropdown__inner");
var modalBody = innerDiv.Add(new FWDivElement());
modalBody.AddCssClass("m-dropdown__body");
var modalContent = modalBody.Add(new FWDivElement());
modalContent.AddCssClass("m-dropdown__content");
_menuItems = new FWListElement();
_menuItems.AddCssClass("m-nav m-nav--skin-light");
modalContent.Add(_menuItems);
_userMenu.Add(itemsWrapper);
return(this);
}
/// <summary>
/// Creates a new menu group.
/// </summary>
/// <param name="label">The group text.</param>
/// <param name="icon">The group icon.</param>
/// <returns>The fluent FWMenuControl object.</returns>
public IFWMenuBuilder Holder(string label, string icon)
{
FWMainMenu child = new FWMainMenu(FWMenuItemType.Holder, _urlHelper);
_menuHolder = new FWListItemElement();
_menuHolder.AddCssClass("m-menu__item m-menu__item--submenu");
_menuAnchor = new FWAnchorElement("javascript:;");
_menuAnchor.AddCssClass("m-menu__link m-menu__toggle");
_menuAnchor.Add(CreateItemIcon(icon));
_menuAnchor.Add(string.Format("<span class=\"m-menu__link-text\">{0}</span>", label));
_menuArrow = new FWTagBuilder("i")
{
DataType = "fw-menu-arrow"
};
_menuArrow.AddCssClass("fw-menu-arrow");
_menuAnchor.Add(_menuArrow);
_menuHolder.Add(_menuAnchor);
var subHolder = new FWDivElement();
subHolder.AddCssClass("m-menu__submenu");
if (ItemType != FWMenuItemType.Main)
{
subHolder.AddCssClass("m-menu__submenu--classic m-menu__submenu--right");
}
var subHolderArrow = new FWSpanElement("<span aria-hidden=\"true\"></span>");
subHolderArrow.AddCssClass("fw-submenu-arrow");
subHolder.Add(subHolderArrow);
var innerList = new FWListElement();
innerList.AddCssClass("m-menu__subnav");
subHolder.Add(innerList);
_menuHolder.Add(subHolder);
this._currentTag.Add(_menuHolder);
child._currentTag = innerList;
child._parent = this;
return(child);
}
public void CreatePagination(FWDivElement parentElement)
{
if (Total > Display)
{
FWListElement ul = new FWListElement();
ul.AddCssClass("fw-pager-nav");
//Calculates the indexes
int totalPages = (int)Math.Ceiling((double)(Total / (double)Display));
int lowerLimit, upperLimit;
lowerLimit = upperLimit = Page;
//Search boundaries
for (var b = 1; b < 5 && b < totalPages;)
{
if (lowerLimit > 1)
{
lowerLimit--; b++;
}
if (b < 5 && upperLimit < totalPages)
{
upperLimit++; b++;
}
}
bool isFirstPage = (Page == 1);
//Adds the first button
ul.Add(CreatePaginationItem("fw-pager-link--first", ViewResources.Pagination_First, "<i class=\"fa fa-angle-double-left\"></i>", 1, isFirstPage));
ul.Add(CreatePaginationItem("fw-pager-link--prev", ViewResources.Pagination_Prev, "<i class=\"fa fa-angle-left\"></i>", Page - 1, isFirstPage));
for (int i = lowerLimit; i <= upperLimit; i++)
{
ul.Add(CreatePaginationItem((i == Page) ?
"fw-pager-link-number fw-pager-link--active" :
"fw-pager-link-number", null, i.ToString(), i));
}
bool isLastPage = (Page == totalPages);
ul.Add(CreatePaginationItem("fw-pager-link--next", ViewResources.Pagination_Next, "<i class=\"fa fa-angle-right\"></i>", Page + 1, isLastPage));
ul.Add(CreatePaginationItem("fw-pager-link--last", ViewResources.Pagination_Last, "<i class=\"fa fa-angle-double-right\"></i>", totalPages, isLastPage));
parentElement.Add(ul);
}
}