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); }