eclipsesource / jsonforms-angular-material-playground

Playground for integrating JSONForms with Angular Material

This REPO is deprecated. Please use https://github.com/eclipsesource/jsonforms-angular-seed instead!

JsonformsAngularMaterialPlayground

JSONForm Angular playground.

Installation

Run npm ci to install the necessary dependencies.

Development server

Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run npm build to build the project. The build artifacts will be stored in the dist directory. Use the -prod flag for a production build.

Running unit tests

Run npm test to execute the unit tests via Karma.

Running end-to-end tests

Run npm e2e to execute the end-to-end tests via Protractor.

Customizations

For this showcase we hardcoded the schemas (schema.json, uischema.json) and the data (data.ts). You can replace them with your own or handle them completely dynamically.

We implemented three custom controls (custom.autocomplete.ts, lang.control.ts and data.control.ts). If you don't need them just remove them! See also store.ts where these custom renderers are registered.

In app.module.ts we customized the validation and executed a manual resolving step before handing the schemas over to JSON Forms. These steps are optional and can be skipped if needed.

jsonforms-angular-material-playground's Issues

Show current data

Update to JSONForms 2.1.0

publish playground on github.io

Add AutoComplete to example for orderstate

Tree has different colors for master and detail

ListWithDetail

• master should have fixed width
• delete button in master must be on hover
• preselect first entry

trigger store update on type

Put content into box

max width 1200

Boolean Control should be more aligned with the other controls

Sync schema and UISchema from Ionic Playground

example data should be valid

Not supporting Lazy Load

Hi Team,
When trying to route to my jsonforms module by lazy loading, it is throwing error,
ERROR Error: Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.
And after debugging, found that there is an import of 'BrowserAnimationModule' in @jsonform/angular-material module. Can you check this and fix it ?

Copy new Schema and ui schema from ionic playground

Update to JSONForms 2.0.12

Once the final release is available, we need to update the playground accordingly.

Add Telephone validation

Group must have a margin

Enable Enum renderer

Add Custom Renderer example

Tree should show a 'No Name set' if no label can be retrieved from data