/// <summary>
/// In HTML konvertieren+
/// </summary>
/// <returns>Die Seite als HTML-Baum</returns>
public override IHtmlNode Render()
{
var flexbox = new ControlPanelFlexbox
(
Sidebar,
Content
)
{
Layout = TypeLayoutFlexbox.Default,
Align = TypeAlignFlexbox.Stretch,
Styles = new List <string>()
{
"min-height: 85%;"
}
};
base.Content.Add(Header);
base.Content.Add(Toast);
base.Content.Add(Breadcrumb);
base.Content.Add(SearchOptions);
base.Content.Add(flexbox);
base.Content.Add(Footer);
return(base.Render());
}
/// <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>
/// <returns>Die Seite als HTML-Baum</returns>
public override IHtmlNode Render()
{
var statusCode = new ControlText()
{
Text = StatusCode.ToString(),
Format = TypeFormatText.H2,
Margin = new PropertySpacingMargin(PropertySpacing.Space.One),
Padding = new PropertySpacingPadding(PropertySpacing.Space.Four)
};
var title = new ControlText()
{
Text = StatusTitle,
Format = TypeFormatText.H3,
Margin = new PropertySpacingMargin(PropertySpacing.Space.Two, PropertySpacing.Space.Three)
};
var message = new ControlPanelCard(new ControlText()
{
Text = StatusMessage,
Margin = new PropertySpacingMargin(PropertySpacing.Space.Two, PropertySpacing.Space.Three)
})
{
BackgroundColor = new PropertyColorBackground(TypeColorBackground.Light)
};
var panel = new ControlPanel(title, message)
{
Margin = new PropertySpacingMargin(PropertySpacing.Space.Three)
};
var flex = new ControlPanelFlexbox(statusCode, panel)
{
Layout = TypeLayoutFlexbox.Inline,
Justify = TypeJustifiedFlexbox.Start,
Align = TypeAlignFlexbox.Stretch
};
Content.Add(Header);
Content.Add(flex);
return(base.Render());
}
/// <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
});
}
