Skip to content

feat: OpenUI5/SAPUI5 todo sample using UI5 Web Components - #1

Open
ilhan007 wants to merge 1 commit into
UI5:mainfrom
ilhan007:main
Open

feat: OpenUI5/SAPUI5 todo sample using UI5 Web Components#1
ilhan007 wants to merge 1 commit into
UI5:mainfrom
ilhan007:main

Conversation

@ilhan007

Copy link
Copy Markdown
Contributor

Adds the OpenUI5/SAPUI5 counterpart of the existing framework samples (React / Angular / Vue) — a feature-identical Todo app, built with the OpenUI5/SAPUI5 programming model consuming @ui5/webcomponents.

What it does

  • Add / edit / delete todos; complete by selecting items in the multi-select lists (Incompleted ↔ Completed)
  • ShellBar with logo, theme-switcher popover (Horizon/Quartz incl. HC), profile popover
  • Settings dialog (RTL + compact density), Help dialog
  • Same initial todos + sap_horizon default theme as the other samples

How it's built (per the docs)

  • XML views + TypeScript controller (SAPUI5 programming model)
  • Web Components consumed via ui5-tooling-modules + ui5-tooling-transpile
  • Components declared as XML nodes (@ui5/webcomponents/dist namespaces); slots as aggregation wrappers; controller uses UI5 accessors (getValue, setOpen, getParameter, binding contexts)
  • Standard sapUi*Margin spacing classes; FormattedText for the help content

See the README for the full build/run walkthrough (npm install / npm start).

Verified locally: tsc clean, ui5 build succeeds, runs with a clean console in Chrome.

Feature-identical to the React/Angular/Vue samples, built with the
OpenUI5/SAPUI5 programming model (XML views + TypeScript controller)
consuming @ui5/webcomponents via ui5-tooling-modules + ui5-tooling-transpile.

- Add / edit / delete todos; complete via multi-select lists
- ShellBar with logo, theme-switcher popover, profile popover
- Settings dialog (RTL + compact density), help dialog
- Web Components as XML nodes; slots as aggregations; UI5 accessors in the controller
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant