private static HElement Page(MainState state, HttpRequestMessage request)
{
var page = h.Div
(
h.Div(DateTime.UtcNow),
h.Div(DateTime.UtcNow.Second / 2 % 2 == 0),
h.Input(h.type("button"), h.onclick(";"), h.value("update")),
h.Input(h.type("button"), h.onclick(";;sync.server_element_event(this, e)"), h.value("manual update"), new hdata {
{ "command", "test" }
}),
h.Div(1, h.Attribute("js-init", "$(this).css('color', 'green')")),
h.Div(DateTime.UtcNow.Second / 2 % 2 == 0 ? new HRaw("12<b>a</b>q") : null),
h.Div
(
HWebApiSynchronizeHandler.Frames
.Select(frame => h.Div
(
h.Div($"{frame.Key}: {frame.Value.Cycle}"),
frame.Value.Updates.Select(update => h.Div(h.style("margin-left:10px"), $"{update.Key}: {update.Value.Elapsed}"))
)
)
),
h.Div
(
h.Raw($"121<b>{DateTime.UtcNow.Ticks}</b>12")
)
);
return(page);
}
private static HElement Page(MainState state, HttpRequestMessage request)
{
var page = h.Div
(
h.Div(DateTime.UtcNow),
h.Div(DateTime.UtcNow.Second / 2 % 2 == 0),
h.Input(h.type("button"), h.onclick(";"), h.value("update")),
h.Input(h.type("button"), h.onclick(";;sync.server_element_event(this, e)"), h.value("manual update"), new hdata { { "command", "test" } }),
h.Div(1, h.Attribute("js-init", "$(this).css('color', 'green')")),
h.Div(DateTime.UtcNow.Second / 2 % 2 == 0 ? new HRaw("12<b>a</b>q") : null),
h.Div
(
HWebApiSynchronizeHandler.Frames
.Select(frame => h.Div
(
h.Div($"{frame.Key}: {frame.Value.Cycle}"),
frame.Value.Updates.Select(update => h.Div(h.style("margin-left:10px"), $"{update.Key}: {update.Value.Elapsed}"))
)
)
),
h.Div
(
h.Raw($"121<b>{DateTime.UtcNow.Ticks}</b>12")
)
);
return page;
}
private static HElement Page(MainState state)
{
var page = h.Html
(
h.Head(
h.Element("title", "NitroBolt.Wui.WebConsole")
),
h.Body
(
h.Div
(
h.Raw(string.Format("1<b>{0:dd.MM.yy.HH:mm:ss.fff}</b> 2", DateTime.Now))
),
h.Input(h.type("text"), h.Attribute("onkeyup", ";"), new hdata{{"command", "text"}}),
h.Div(state.Text),
h.Div(h.A(h.href("multi.html"), "multi sync frames")),
h.Div(h.A(h.href("auth-view.html"), "auth-view"))
//h.Div(DateTime.UtcNow),
//h.Input(h.type("button"), h.onclick(";"), h.value("update")),
//h.Div(1, h.Attribute("js-init", "$(this).css('color', 'red')"))
)
);
return page;
}
private static HElement Page(MainState state)
{
var page = h.Div
(
h.Div(DateTime.UtcNow),
h.Input(h.type("button"), h.onclick(";"), h.value("update")),
h.Div(1, h.Attribute("js-init", "$(this).css('color', 'red')"))
);
return(page);
}
private static HElement Page(MainState state)
{
var page = h.Div
(
h.Div(DateTime.UtcNow),
h.Input(h.type("button"), h.onclick(";"), h.value("update")),
h.Div(1, h.Attribute("js-init", "$(this).css('color', 'red')"))
);
return page;
}
private static HElement Page(MainState state)
{
var page = h.Html
(
h.Head(
h.Element("title", "NitroBolt.Wui.WebConsole")
),
h.Body
(
h.Div
(
h.Raw(string.Format("1<b>{0:dd.MM.yy.HH:mm:ss.fff}</b> 2", DateTime.Now))
),
h.Input(h.type("text"), h.Attribute("onkeyup", ";"), new hdata { { "command", "text" } }),
h.Input(h.type("button"), h.onclick(";"), new hdata { { "command", "error" } }, h.value("throw error")),
h.Div(state.Text),
h.Div(h.A(h.href("./"), "main"), h.Span("("), h.A(h.href("main-raw"), "raw"), h.Span(")"), h.A(h.href("#"), "self-link", h.onclick("e.stopPropagation();"), h.data("command", "link"))),
h.Div(h.A(h.href("multi.html"), "multi sync frames")),
h.Div(h.A(h.href("auth?id=12"), "auth-view")),
//h.Div(DateTime.UtcNow),
//h.Input(h.type("button"), h.onclick(";"), h.value("update")),
//h.Div(1, h.Attribute("js-init", "$(this).css('color', 'red')"))
h.Div
(
h.Input(h.type("radio"), h.Attribute("name", "x"), h.value("v1"), h.onclick(";"), new hdata { { "command", "x" } }), h.Span("V1"),
h.Input(h.type("radio"), h.Attribute("name", "x"), h.value("v2"), h.onclick(";"), h.@checked(), new hdata { { "command", "x" } }), h.Span("V2"),
h.Input(h.type("radio"), h.Attribute("name", "x"), h.value("v3"), h.onclick(";"), new hdata { { "command", "x" } }), h.Span("V3")
),
h.Div
(
h.data("name", "radio-container"),
h.Div("radio + container"),
h.Input(h.type("radio"), h.Attribute("name", "x1"), h.data("name", "x"), h.value("v1")), h.Span("V1"),
h.Input(h.type("radio"), h.Attribute("name", "x1"), h.data("name", "x"), h.value("v2"), h.@checked()), h.Span("V2"),
h.Input(h.type("radio"), h.Attribute("name", "x1"), h.data("name", "x"), h.value("v3")), h.Span("V3"),
h.Input(h.data("name", "t"), h.type("text"), h.value("tt")),
h.Input(h.type("button"), h.value("send"), h.onclick(";"), new hdata { { "command", "x-container" }, { "container", "radio-container" } })
),
h.Div
(
h.data("name", "array-name-container"),
h.Div("array name"),
h.Div(h.Element("label", h.Input(h.type("checkbox"), h.data("name", "x[]"), h.value("1")), h.Span("A"))),
h.Div(h.Element("label", h.Input(h.type("checkbox"), h.data("name", "x[]"), h.value("2")), h.Span("B"))),
h.Div(h.Element("label", h.Input(h.type("checkbox"), h.data("name", "x[]"), h.value("3")), h.Span("C"))),
h.Input(h.type("button"), h.value("send"), h.onclick(";"), new hdata { { "command", "array-name" }, { "container", "array-name-container" } }),
h.Div(state.ArrayNameResult)
)
)
);
return page;
}
private static HElement Page(MainState state, HContext context)
{
var page = h.Div
(
h.Div(DateTime.UtcNow),
h.Div(DateTime.UtcNow.Second / 2 % 2 == 0),
h.Input(h.type("button"), h.onclick(";"), h.value("update")),
h.Input(h.type("button"), h.onclick(";;sync.server_element_event(this, e)"), h.value("manual update"), new hdata{{"command", "test"}}),
h.Div(1, h.Attribute("js-init", "$(this).css('color', 'green')")),
h.Div(DateTime.UtcNow.Second / 2 % 2 == 0 ? new HRaw("12<b>a</b>q"): null),
h.Div
(
HWebSynchronizeHandler.Updates(context.HttpContext)
.Select(update => h.Div(string.Format("{0}({1}): {2}", update.Handler, update.Cycle, update.Elapsed)))
)
);
return page;
}
private static HElement Page(MainState state, string prevTickId)
{
var page = h.Html
(
h.Head(
h.Element("title", "NitroBolt.Wui.WebConsole")
),
h.Body
(
h.Div
(
h.Raw(string.Format("1<b>{0:dd.MM.yy.HH:mm:ss.fff}</b> 2", DateTime.Now))
),
h.Div("Previous request tick id(from cookie): " + prevTickId),
h.Input(h.type("text"), h.Attribute("onkeyup", ";"), new hdata {
{ "command", "text" }
}),
h.Input(h.type("button"), h.onclick(";"), new hdata {
{ "command", "error" }
}, h.value("throw error")),
h.Div(state.Text),
h.Div(h.A(h.href("./"), "main"), h.Span("("), h.A(h.href("main-raw"), "raw"), h.Span(")"), h.A(h.href("#"), "self-link", h.onclick("e.stopPropagation();"), h.data("command", "link"))),
h.Div(h.A(h.href("multi.html"), "multi sync frames")),
h.Div(h.A(h.href("auth?id=12"), "auth-view")),
//h.Div(DateTime.UtcNow),
//h.Input(h.type("button"), h.onclick(";"), h.value("update")),
//h.Div(1, h.Attribute("js-init", "$(this).css('color', 'red')"))
h.Div
(
h.Input(h.type("radio"), h.Attribute("name", "x"), h.value("v1"), h.onclick(";"), new hdata {
{ "command", "x" }
}), h.Span("V1"),
h.Input(h.type("radio"), h.Attribute("name", "x"), h.value("v2"), h.onclick(";"), h.@checked(), new hdata {
{ "command", "x" }
}), h.Span("V2"),
h.Input(h.type("radio"), h.Attribute("name", "x"), h.value("v3"), h.onclick(";"), new hdata {
{ "command", "x" }
}), h.Span("V3")
),
h.Div
(
h.data("name", "radio-container"),
h.Div("radio + container"),
h.Input(h.type("radio"), h.Attribute("name", "x1"), h.data("name", "x"), h.value("v1")), h.Span("V1"),
h.Input(h.type("radio"), h.Attribute("name", "x1"), h.data("name", "x"), h.value("v2"), h.@checked()), h.Span("V2"),
h.Input(h.type("radio"), h.Attribute("name", "x1"), h.data("name", "x"), h.value("v3")), h.Span("V3"),
h.Input(h.data("name", "t"), h.type("text"), h.value("tt")),
h.Input(h.type("button"), h.value("send"), h.onclick(";"), new hdata {
{ "command", "x-container" }, { "container", "radio-container" }
})
),
h.Div
(
h.data("name", "array-name-container"),
h.Div("array name"),
h.Div(h.Element("label", h.Input(h.type("checkbox"), h.data("name", "x[]"), h.value("1")), h.Span("A"))),
h.Div(h.Element("label", h.Input(h.type("checkbox"), h.data("name", "x[]"), h.value("2")), h.Span("B"))),
h.Div(h.Element("label", h.Input(h.type("checkbox"), h.data("name", "x[]"), h.value("3")), h.Span("C"))),
h.Input(h.type("button"), h.value("send"), h.onclick(";"), new hdata {
{ "command", "array-name" }, { "container", "array-name-container" }
}),
h.Div(state.ArrayNameResult)
),
h.Div
(
h.data("name", "two-question-mark-container"),
h.Div("two question mark bug"),
h.TextArea("??", h.data("name", "text")),
h.Input(h.type("button"), h.value("send"), h.onclick(";"), new hdata {
{ "command", "two-question-mark" }, { "container", "two-question-mark-container" }
})
),
h.Div(
h.style("border:1px solid lightgray"),
h.Div("Data attributes"),
h.Div(h.style("padding:5px"), h.Attribute("data-x", 12), h.Attribute("data-xs", "[12, 13]"), h.Attribute("data-x-r", "r"), "text")
)
)
);
return(page);
}