public static Elt DateTimeRangeSearch(string name, Var <bool> useCriteriaLens, Var <string> beforeDateLens, Var <string> beforeTimeLens,
Var <string> afterDateLens, Var <string> afterTimeLens)
{
return(Html.span(Html.checkbox(useCriteriaLens), name + ": ", Html.br(),
Html.span(ClearableDateInput(beforeDateLens), ClearableTimeInput(beforeTimeLens)),
Html.span(ClearableDateInput(afterDateLens), ClearableTimeInput(afterTimeLens))));
}
public static Doc Render(Action <Msg> dispatch,
View <Model> view)
{
var doc = Html.div(
Html.button("+", () => dispatch(new Increment()), null),
Html.span(Html.text(view.V.Counter.ToString())),
Html.button("-", () => dispatch(new Decrement()), null)
);
return(doc);
}
public static Doc Render(Action <Msg> dispatch,
View <Model> view)
{
var doc = Html.div(
Html.button("Increment", () => dispatch(new Increment()), null),
Html.span(Html.text("Value: " + view.V.Counter)),
Html.button("Decrement", () => dispatch(new Decrement()), null)
);
return(doc);
}
public static Elt CheckableNumberInput(string name, Var <bool> useInput, Var <int> valueLens,
int defaultValue)
{
return(Html.span(Html.checkbox(useInput), name,
Html.input(Html.attr.type("number"), valueLens, Html.attr.placeholder(defaultValue.ToString()))));
}
public static Elt CheckableTextInput(string name, Var <bool> useInput, Var <string> valueLens, string defaultValue)
{
return(Html.span(Html.checkbox(useInput), name, Html.input(valueLens, Html.attr.placeholder(defaultValue))));
}
public static Elt CheckableTextInput(string name, Var <bool> useInput, Var <string> valueLens)
{
return(Html.span(Html.checkbox(useInput), name, Html.input(valueLens)));
}
public static Elt ClearableTimeInput(Var <string> timeLens)
{
return(Html.span(Html.input(timeLens, Html.attr.type("time"), Html.style("line-height", "unset")), Html.button("Clear", () => timeLens.Value = "")));
}
public static Elt DateRangeSearch(string name, Var <bool> useCriteriaLens, Var <string> beforeLens, Var <string> afterLens)
{
return(Html.span(Html.checkbox(useCriteriaLens), name + ": ", Html.input(beforeLens, Html.attr.type("date")), Html.input(afterLens, Html.attr.type("date"))));
}
public static Elt OptionSearch(string name, Var <string> criteriaLens, View <IEnumerable <string> > optionView,
Var <bool> useCriteriaLens, Action <global::WebSharper.JavaScript.Dom.Element, global::WebSharper.JavaScript.Dom.Event> changeAction)
{
return(Html.span(Html.checkbox(useCriteriaLens), name + ": ", Html.@select(criteriaLens, optionView, (q) => q ?? "Please Select a " + name + "..."),
[email protected](changeAction)));
}
public static Elt TextSearch(string name, Var <string> criteriaLens, Var <bool> useCriteriaLens)
{
return(Html.span(Html.checkbox(useCriteriaLens), name, Html.input(criteriaLens)));
}
