internal override void RenderElement(RenderContext context, Action <TagBuilder> onRender = null) { var dialog = new TagBuilder("div", "modal"); dialog.MergeAttribute("id", context.RootId); SetSize(dialog); dialog.RenderStart(context); RenderHeader(context); RenderLoadIndicator(context); var content = new TagBuilder("div", "modal-content"); OnCreateContent(content); if (Height != null) { content.MergeStyle("height", Height.Value); } if (Padding != null) { Padding.MergeStyles("padding", content); } content.RenderStart(context); RenderChildren(context); content.RenderEnd(context); RenderFooter(context); dialog.RenderEnd(context); }
internal override void RenderElement(RenderContext context, Action <TagBuilder> onRender = null) { var dialog = new TagBuilder("div", "modal"); dialog.MergeAttribute("id", context.RootId); dialog.MergeAttribute("v-cloak", String.Empty); dialog.AddCssClassBoolNo(UserSelect, "user-select"); dialog.MergeAttribute("data-controller-attr", GetControllerAttributes()); SetSize(dialog); dialog.RenderStart(context); RenderHeader(context); RenderLoadIndicator(context); var content = new TagBuilder("div", "modal-content"); OnCreateContent(content); if (Height != null) { content.MergeStyle("min-height", Height.Value); } if (Padding != null) { Padding.MergeStyles("padding", content); } content.AddCssClassBool(IsContentIsIFrame, "content-iframe"); // bug fix (3px height) content.RenderStart(context); if (Taskpad != null) { var grid = new TagBuilder("div", "dialog-grid"); if (Taskpad is Taskpad tp && tp.Width != null) { grid.MergeStyle("grid-template-columns", $"1fr {tp.Width.Value}"); } grid.RenderStart(context); var gridContent = new TagBuilder("div", "dialog-grid-content"); gridContent.RenderStart(context); RenderChildren(context); gridContent.RenderEnd(context); Taskpad.RenderElement(context); grid.RenderEnd(context); } else { RenderChildren(context); } content.RenderEnd(context); RenderFooter(context); dialog.RenderEnd(context); }
internal virtual void MergeAttributes(TagBuilder tag, RenderContext context, MergeAttrMode mode = MergeAttrMode.All) { if (mode.HasFlag(MergeAttrMode.Visibility)) { MergeVisibilityAttribures(tag, context); } if (mode.HasFlag(MergeAttrMode.Tip)) { MergeBindingAttributeString(tag, context, "title", "Tip", Tip); } if (mode.HasFlag(MergeAttrMode.Wrap)) { if (Wrap != WrapMode.Default) { tag.AddCssClass(Wrap.ToString().ToKebabCase()); } } if (mode.HasFlag(MergeAttrMode.Margin)) { if (Margin != null) { Margin.MergeStyles("margin", tag); } if (Padding != null) { Padding.MergeStyles("padding", tag); } } if (Absolute != null) { Absolute.MergeAbsolute(tag); } tag.MergeAttribute("id", HtmlId); }
internal virtual void MergeAttributes(TagBuilder tag, RenderContext context, MergeAttrMode mode = MergeAttrMode.All) { if (mode.HasFlag(MergeAttrMode.Visibility)) { MergeBindingAttributeBool(tag, context, "v-if", nameof(If), If); MergeBindingAttributeBool(tag, context, "v-show", nameof(Show), Show); // emulate v-hide MergeBindingAttributeBool(tag, context, "v-show", nameof(Hide), Hide, bInvert: true); } if (mode.HasFlag(MergeAttrMode.Tip)) { MergeBindingAttributeString(tag, context, "title", "Tip", Tip); } if (mode.HasFlag(MergeAttrMode.Wrap)) { if (Wrap != WrapMode.Default) { tag.AddCssClass(Wrap.ToString().ToKebabCase()); } } if (mode.HasFlag(MergeAttrMode.Margin)) { if (Margin != null) { Margin.MergeStyles("margin", tag); } if (Padding != null) { Padding.MergeStyles("padding", tag); } if (Absolute != null) { Absolute.MergeAbsolute(tag); } } }
public override void RenderElement(RenderContext context, Action <TagBuilder> onRender = null) { var dialog = new TagBuilder("div", "modal"); dialog.MergeAttribute("id", context.RootId); dialog.MergeAttribute("v-cloak", String.Empty); dialog.AddCssClassBoolNo(UserSelect, "user-select"); dialog.MergeAttribute("data-controller-attr", GetControllerAttributes()); if (!String.IsNullOrEmpty(TestId) && context.IsDebugConfiguration) { dialog.MergeAttribute("test-id", TestId); } SetSize(dialog); dialog.RenderStart(context); if (ShowWaitCursor) { new TagBuilder("wait-cursor", "dialog") .MergeAttribute(":ready", "$data.$ready") .Render(context, TagRenderMode.Normal); } RenderHeader(context); RenderLoadIndicator(context); var content = new TagBuilder("div", "modal-content"); OnCreateContent(content); if (Height != null) { content.MergeStyle("min-height", Height.Value); } if (Padding != null) { Padding.MergeStyles("padding", content); } content.AddCssClassBool(IsContentIsIFrame, "content-iframe"); // bug fix (3px height) content.RenderStart(context); if (Taskpad != null) { var grid = new TagBuilder("div", "dialog-grid"); if (Taskpad is Taskpad tp && tp.Width != null) { grid.MergeStyle("grid-template-columns", $"1fr {tp.Width.Value}"); } grid.RenderStart(context); var gridContent = new TagBuilder("div", "dialog-grid-content"); gridContent.RenderStart(context); RenderChildren(context); gridContent.RenderEnd(context); Taskpad.RenderElement(context); grid.RenderEnd(context); } else { RenderChildren(context); } content.RenderEnd(context); RenderFooter(context); dialog.RenderEnd(context); }
public override void RenderElement(RenderContext context, Action <TagBuilder> onRender = null) { var dialog = new TagBuilder("div", "modal"); dialog.MergeAttribute("id", context.RootId); dialog.MergeAttribute("v-cloak", String.Empty); dialog.AddCssClassBoolNo(UserSelect, "user-select"); dialog.MergeAttribute("data-controller-attr", GetControllerAttributes()); dialog.AddCssClassBool(Maximize, "maximize"); dialog.AddCssClassBool(ButtonOnTop, "button-on-top"); if (!String.IsNullOrEmpty(TestId) && context.IsDebugConfiguration) { dialog.MergeAttribute("test-id", TestId); } if (Maximize) { dialog.MergeAttribute("v-maximize", "true"); } else { SetSize(dialog); } dialog.RenderStart(context); if (ShowWaitCursor) { new TagBuilder("wait-cursor", "dialog") .MergeAttribute(":ready", "$data.$ready") .Render(context, TagRenderMode.Normal); } if (CollectionView != null) { CollectionView.RenderStart(context, tag => { tag.AddCssClass("cw-dialog"); }); } RenderHeader(context); RenderLoadIndicator(context); var content = new TagBuilder("div", "modal-content"); OnCreateContent(content); if (Height != null) { content.MergeStyle("min-height", Height.Value); } if (Padding != null) { Padding.MergeStyles("padding", content); } content.AddCssClassBool(IsContentIsIFrame, "content-iframe"); // bug fix (3px height) if (Background != BackgroundStyle.Default) { content.AddCssClass("background-" + Background.ToString().ToKebabCase()); } content.AddCssClassBool(Overflow, "overflow"); content.RenderStart(context); if (Taskpad != null) { var gridContent = new TagBuilder("div", "dialog-grid-content"); var grid = new TagBuilder("div", "dialog-grid"); if (Taskpad is Taskpad tp && tp.Width != null) { if (tp.Position == TaskpadPosition.Left) { grid.MergeStyle("grid-template-columns", $"{tp.Width.Value} 1fr"); gridContent.MergeStyle("grid-column", "2"); } else { grid.MergeStyle("grid-template-columns", $"1fr {tp.Width.Value}"); gridContent.MergeStyle("grid-column", "1"); } } grid.RenderStart(context); gridContent.RenderStart(context); RenderChildren(context); gridContent.RenderEnd(context); Taskpad.RenderElement(context); grid.RenderEnd(context); } else { RenderChildren(context); } content.RenderEnd(context); RenderFooter(context); if (CollectionView != null) { CollectionView.RenderEnd(context); } RenderAccelCommands(context); RenderContextMenus(); dialog.RenderEnd(context); }