https://github.com/vaadin-developer/sap-ui5-for-flow
Serverside UI5 SAP WebComponents in Java
https://github.com/vaadin-developer/sap-ui5-for-flow
flow java ruppert sap sven ui5 vaadin webcomponents
Last synced: 6 months ago
JSON representation
Serverside UI5 SAP WebComponents in Java
- Host: GitHub
- URL: https://github.com/vaadin-developer/sap-ui5-for-flow
- Owner: vaadin-developer
- License: apache-2.0
- Created: 2019-09-07T09:47:56.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-10-04T08:39:47.000Z (about 1 year ago)
- Last Synced: 2025-02-05T08:37:11.551Z (8 months ago)
- Topics: flow, java, ruppert, sap, sven, ui5, vaadin, webcomponents
- Language: Java
- Size: 851 KB
- Stars: 2
- Watchers: 7
- Forks: 2
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SAP UI 5 - Webcomponents for Vaadin Flow
## THIS README IS WORK IN PROGRESS
This repo is under active development.
In this early stage, changes are bigger if need.
After the release 1.0.0 is defined, the API will be stable.
## SAP Components
[Component Playground](https://sap.github.io/ui5-webcomponents/playground/)
* [Icons](https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons/?tab=grid&icon=activate)
* [Timeline](https://github.com/SAP/ui5-webcomponents/blob/master/packages/main/src/Timeline.js)
* [NPM UI5](https://www.npmjs.com/package/@ui5/webcomponents)
## Status
Here is an overview on the SAP UI 5 <-> Vaadin Flow mapping:
| SAP UI 5 | Vaadin Flow | Remarks |
| -------- | ----------- | ------- |
| [Badge](https://sap.github.io/ui5-webcomponents/playground/components/Badge/) | `org.rapidpm.vaadin.webcomponents.sapui5.UI5Badge`|
| [BusyIndicator](https://sap.github.io/ui5-webcomponents/playground/components/BusyIndicator/) | `org.rapidpm.vaadin.webcomponents.sapui5.UI5BusyIndicator`|
| [Button](https://sap.github.io/ui5-webcomponents/playground/components/Button/) |`org.rapidpm.vaadin.webcomponents.sapui5.UI5Button`|
| [Card](https://sap.github.io/ui5-webcomponents/playground/components/Card/) |`org.rapidpm.vaadin.webcomponents.sapui5.UI5Card`|
| [CheckBox](https://sap.github.io/ui5-webcomponents/playground/components/CheckBox/) ||
| [DatePicker](https://sap.github.io/ui5-webcomponents/playground/components/DatePicker/) ||
| [Dialog](https://sap.github.io/ui5-webcomponents/playground/components/Dialog/) ||
| [Icon](https://sap.github.io/ui5-webcomponents/playground/components/Icon/) |`org.rapidpm.vaadin.webcomponents.sapui5.UI5Icon`|
| [Input](https://sap.github.io/ui5-webcomponents/playground/components/Input/) ||
| [Label](https://sap.github.io/ui5-webcomponents/playground/components/Label/)||
| [Link](https://sap.github.io/ui5-webcomponents/playground/components/Link/) |`org.rapidpm.vaadin.webcomponents.sapui5.UI5Link`|
| [List](https://sap.github.io/ui5-webcomponents/playground/components/List/) | `org.rapidpm.vaadin.webcomponents.sapui5.UI5List` | Basic mapping, no listeners, features missing |
| [MessageStrip](https://sap.github.io/ui5-webcomponents/playground/components/MessageStrip/) |`org.rapidpm.vaadin.webcomponents.sapui5.UI5MessageStrip`|
| [MultiComboBox](https://sap.github.io/ui5-webcomponents/playground/components/MultiComboBox/)||
| [Panel](https://sap.github.io/ui5-webcomponents/playground/components/Panel/) ||
| [RadioButton](https://sap.github.io/ui5-webcomponents/playground/components/RadioButton/)| `org.rapidpm.vaadin.webcomponents.sapui5.UI5RadioButton` | Only the first change event is passed to flow |
| [Select](https://sap.github.io/ui5-webcomponents/playground/components/Select/)||
| [ShellBar](https://sap.github.io/ui5-webcomponents/playground/components/ShellBar/)||
| [Switch](https://sap.github.io/ui5-webcomponents/playground/components/Switch/)|`org.rapidpm.vaadin.webcomponents.sapui5.UI5Switch`|
| [TabContainer](https://sap.github.io/ui5-webcomponents/playground/components/TabContainer/) ||
| [Table](https://sap.github.io/ui5-webcomponents/playground/components/Table/) ||
| [TextArea](https://sap.github.io/ui5-webcomponents/playground/components/TextArea/) | `org.rapidpm.vaadin.webcomponents.sapui5.UI5TextArea` |
| [Timeline](https://sap.github.io/ui5-webcomponents/playground/components/Timeline/) |`org.rapidpm.vaadin.webcomponents.sapui5.UI5Timeline`|
| [Title](https://sap.github.io/ui5-webcomponents/playground/components/Title/) | `org.rapidpm.vaadin.webcomponents.sapui5.UI5Title` |
| [ToggleButton](https://sap.github.io/ui5-webcomponents/playground/components/ToggleButton/) |`org.rapidpm.vaadin.webcomponents.sapui5.UI5ToggleButton`|
## Maven
To understand what is going on during the build process use the following command
```bash
mvn fr.jcgay.maven.plugins:buildplan-maven-plugin:list
```
## Supported JDK
This example is running from JDK8 up to JDK13
## Support for Heroku
To support the Heroku pipeline we need a few preparations.
1) the app must be able to get a configured port for the http port during the start up
1) add the shade plugin to create a fat jar
1) create the file **Procfile** and add the line
```web: java -jar target/vaadin-app.jar -port $PORT```
* **web** - to activate the web profile
* **-jar** - define what fat jar must be started
* **-port** make the dynamic associated port available for the app
1) add a file **settings.xml** to configure the maven build process
### For this project
This project contains a demo that is using the SAP UI 5 WebComponents for Flow.
The Demo itself is located inside the module **03_demoapp**.
The URL to have a look at this demo is [https://flow-sap-ui5.herokuapp.com/](https://flow-sap-ui5.herokuapp.com/)
However, if you want to have a look at it on your machine you can run the Docker image that is provided as well.
The basic demoapp is created with the Vaadin App Starter. [https://start.vaadin.com](https://start.vaadin.com)
### Docker DemoApp
**TBD**
## target of this project
With this project, we want to provide a serverside java API to work with SAP UI 5
webcomponents. The Java-part is under Apache Lic.
## project structure / modules
## How to use it
## Roadmap - bird eye view
Happy Coding.
if you have any questions: ping me on Twitter [https://twitter.com/SvenRuppert](https://twitter.com/SvenRuppert)
or via mail.