/// <summary>
/// In HTML konvertieren
/// </summary>
/// <param name="context">Der Kontext, indem das Steuerelement dargestellt wird</param>
/// <returns>Das Control als HTML</returns>
public override IHtmlNode Render(RenderContext context)
{
var panel = new ControlPanel
(
Headline
)
{
BackgroundColor = LayoutSchema.ContentBackground,
Width = TypeWidth.OneHundred
};
panel.Content.AddRange(Preferences);
panel.Content.AddRange(Primary);
panel.Content.AddRange(Secondary);
var flexbox = new ControlPanelFlexbox(panel, Property)
{
Layout = TypeLayoutFlexbox.Default,
Align = TypeAlignFlexbox.Stretch,
Height = TypeHeight.OneHundred
};
var elements = new List <IHtmlNode>();
elements.Add(Toolbar.Render(context));
elements.Add(flexbox.Render(context));
return(new HtmlElementTextContentDiv(elements)
{
ID = ID,
Class = Css.Concatenate("content", GetClasses()),
Style = Style.Concatenate("display: block;", GetStyles()),
Role = Role
});
}
/// <summary>
/// In HTML konvertieren
/// </summary>
/// <param name="context">Der Kontext, indem das Steuerelement dargestellt wird</param>
/// <returns>Das Control als HTML</returns>
public override IHtmlNode Render(RenderContext context)
{
var navigation = new List <IControlNavigationItem>(Preferences);
navigation.AddRange(Primary);
navigation.AddRange(Secondary);
var content = new ControlPanelFlexbox
(
new ControlText()
{
Text = context.I18N(context.Page.Title),
TextColor = LayoutSchema.HeadlineTitle,
Format = TypeFormatText.H2,
Padding = new PropertySpacingPadding(PropertySpacing.Space.One),
Margin = new PropertySpacingMargin(PropertySpacing.Space.None, PropertySpacing.Space.Two, PropertySpacing.Space.None, PropertySpacing.Space.Null)
},
new ControlNavigation("functions", navigation)
{
Layout = TypeLayoutTab.Default,
ActiveColor = LayoutSchema.HeaderNavigationActiveBackground,
ActiveTextColor = LayoutSchema.HeaderNavigationActive,
LinkColor = LayoutSchema.HeaderNavigationLink
}
)
{
Layout = TypeLayoutFlexbox.Default,
Align = TypeAlignFlexbox.Center
};
return(new HtmlElementSectionHeader(content.Render(context))
{
ID = ID,
Class = Css.Concatenate("", GetClasses()),
Style = Style.Concatenate("display: block;", GetStyles()),
Role = Role
});
}
