public Task OnGet()
{
var document = LaraUI.Page.Document;
SampleAppBootstrap.AppendTo(document.Head);
var builder = new LaraBuilder(document.Body);
builder.Push("div", "container")
.Push("table", "table table-hover")
.Push("thead", "thead-light")
.Push("tr")
.Push("th")
.Attribute("scope", "col")
.AppendText("First name")
.Pop()
.Push("th")
.Attribute("scope", "col")
.AppendText("Last name")
.Pop()
.Pop()
.Push("tbody")
.Push("tr")
.Push("td").AppendText("John").Pop()
.Push("td").AppendText("Jones").Pop()
.Pop()
.Push("tr")
.Push("td").AppendText("Amy").Pop()
.Push("td").AppendText("Smith").Pop()
.Pop()
.Pop()
.Pop()
.Pop()
.Pop();
return(Task.CompletedTask);
}
public Task OnGet()
{
var document = LaraUI.Page.Document;
// This sample application loads the CSS library 'Bootstrap'
SampleAppBootstrap.AppendTo(document.Head);
document.Body.AppendChild(new KitchenSinkComponent());
return(Task.CompletedTask);
}
public Task OnGet()
{
var document = LaraUI.Page.Document;
SampleAppBootstrap.AppendTo(document.Head);
var counter = Element.Create("my-counter");
document.Body.AppendChild(counter);
counter.Class = "m-3";
return(Task.CompletedTask);
}
public Task OnGet()
{
var document = LaraUI.Page.Document;
SampleAppBootstrap.AppendTo(document.Head);
var builder = new LaraBuilder(document.Body);
builder.Push("my-checkbox", "m-3")
.Attribute("label", "check me out")
.Pop();
return(Task.CompletedTask);
}
public Task OnGet()
{
var document = LaraUI.Page.Document;
SampleAppBootstrap.AppendTo(document.Head);
var builder = new LaraBuilder(document.Body);
builder.Push("div", "p-2")
.Push("span")
.BindInnerText(_data, x => x.Counter.ToString())
.Pop()
.Pop()
.Push("div", "p-2")
.Push("button", "btn btn-primary")
.On("click", () => _data.IncreaseCounter())
.AppendText("increase")
.Pop()
.Pop();
return(Task.CompletedTask);
}
public Task OnGet()
{
var document = LaraUI.Page.Document;
SampleAppBootstrap.AppendTo(document.Head);
var builder = new LaraBuilder(document.Body);
builder.Push("my-card", "m-3")
.Attribute("heading", "this is the title")
.Attribute("subtitle", "this is the subtitle")
.Push("span")
.AppendText("text 1")
.Pop()
.Push("br")
.Pop()
.Push("span")
.AppendText("text 2")
.Pop()
.Pop();
return(Task.CompletedTask);
}
public Task OnGet()
{
var document = LaraUI.Page.Document;
SampleAppBootstrap.AppendTo(document.Head);
var builder = new LaraBuilder(document.Body);
builder.Push("div", "p-2")
.Push("button", "btn btn-primary")
.AppendText("add row")
.On("click", () => _data.AddRow())
.Pop()
.Pop()
.Push("div", "p-2")
.Push("table")
.Push("tbody")
.BindChildren(_data.Rows, CreateRowCallback)
.Pop()
.Pop()
.Pop();
return(Task.CompletedTask);
}
public Task OnGet()
{
var document = LaraUI.Page.Document;
SampleAppBootstrap.AppendTo(document.Head);
var builder = new LaraBuilder(document.Body);
builder.Push("div", "container")
.Push("div", "form-group form-check")
.Push("input", "form-check-input")
.GetCurrent(out var checkbox)
.Attribute("type", "checkbox")
.On("click", () => _data.Checked = checkbox.HasAttribute("checked"))
.Pop()
.Push("label")
.Attribute("for", checkbox.EnsureElementId())
.Push("span")
.BindInnerText(_data, () => _data.GetCheckedDescription())
.Pop()
.Pop()
.Pop()
.Pop();
return(Task.CompletedTask);
}
public Task OnGet() // OnGet method from interface IPage
{
var document = LaraUI.Page.Document;
// This sample application loads the CSS library 'Bootstrap'
SampleAppBootstrap.AppendTo(document.Head);
// Load custom controls in document body
var builder = new LaraBuilder(document.Body);
builder.Push("div", "container p-4")
.AddNode(new CounterSample().Root)
.AddNode(new CheckboxSample().Root)
.AddNode(new SelectSample().Root)
.AddNode(new MultiselectSample().Root)
.AddNode(new LockingSample().Root)
.AddNode(new LongRunningSample().Root)
.Push("div", "mt-3")
.Push("div")
.Push("a")
.Attribute("href", LaraBuilderExample.PageAddress)
.AppendText("LaraBuilder example")
.Pop()
.Pop()
.Push("div", "mt-2")
.Push("a")
.Attribute("href", ReactiveSimplePage.PageAddress)
.AppendText("Reactive programming example 1")
.Pop()
.Pop()
.Push("div")
.Push("a")
.Attribute("href", RactiveCollectionPage.PageAddress)
.AppendText("Reactive programming example 2")
.Pop()
.Pop()
.Push("div")
.Push("a")
.Attribute("href", ReactiveFeedPage.PageAddress)
.AppendText("Reactive programming example 3")
.Pop()
.Pop()
.Push("div", "mt-2")
.Push("a")
.Attribute("href", CounterPage.PageAddress)
.AppendText("Web component example 1")
.Pop()
.Pop()
.Push("div")
.Push("a")
.Attribute("href", CheckboxPage.PageAddress)
.AppendText("Web component example 2")
.Pop()
.Pop()
.Push("div")
.Push("a")
.Attribute("href", CardPage.PageAddress)
.AppendText("Web component example 3")
.Pop()
.Pop()
.Push("div", "mt-2")
.Push("a")
.Attribute("href", AutocompletePage.Address)
.AppendText("Autocomplete example")
.Pop()
.Pop()
.Push("div", "mt-2")
.Push("a")
.Attribute("href", UploadFilePage.Address)
.AppendText("File upload example")
.Pop()
.Pop()
.Pop()
.Pop();
return(Task.CompletedTask);
}
