Skip to content

Instantly share code, notes, and snippets.

@atdiar
Last active June 8, 2022 20:37
Show Gist options
  • Save atdiar/56fc86e213de05f1eb556d8dbaf97539 to your computer and use it in GitHub Desktop.
Save atdiar/56fc86e213de05f1eb556d8dbaf97539 to your computer and use it in GitHub Desktop.
declarative UI w? signature change
ui.New(
doc.NewDocument("Todo-App"),
NoModifier,
E(doc.NewSection("Appsection","todoapp"),
NoModifier,
E(doc.NewHeader("mainheader","header"),
NoModifier,
E(doc.NewH1("todo", "apptitle").SetText("Todo"), NoModifier),
E(NewTodoInput("todo", "new-todo"), NoModifier),
),
E(doc.NewSection("mainsection","main"),
NoModifier,
E(doc.NewInput("checkbox", "toggle-all", "toggle-all"),
Modifier(Listen("click",toggleallhandler,doc.NativeEventBridge)),
),
E(doc.NewLabel("toggle-all-Label", "toggle-all-label").For(ToggleAllInput.AsElement()),NoModifier),
E(NewTodosListElement("todo-list", "todo-list", doc.EnableLocalPersistence()),
Modifier(InitRouter),
),
E(doc.NewFooter("mainfooter","footer"),
NoModifier,
E(NewTodoCount("todo-count", "todo-count"),NoModifier),
E(Filterlist,NoModifier),
E(ClearCompleteBtn("clear-complete", "clear-complete"),
Modifier(Listen("click",ClearCompleteHandler,doc.NativeEventBridge)),
),
),
),
E(doc.NewFooter("Appfooter","infofooter"),
NoModifier,
E(doc.NewParagraph("editinfo","editinfo").SetText("Double-click to edit a todo"), NoModifier),
E(doc.NewParagraph("createdWith,createdWith").SetText("Created with: "),
NoModifier,
E(doc.NewAnchor("particleui", "particleui").SetHREF("http://github.com/atdiar/particleui").SetText("ParticleUI"), NoModifier),
),
),
),
), NoModifier)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment