bpmn-visualization-examples icon indicating copy to clipboard operation
bpmn-visualization-examples copied to clipboard

[FEAT] Provide more features in the "Angular application" example

Open tbouffard opened this issue 2 years ago • 0 comments

Is your feature request related to a problem? Please describe. The initial implementation of the example (#20) was about proving that the integration was possible. Let's provide more features.

Describe the solution you'd like Here is a list of what could be done. Feel free to create an issue for the items below or propose new features by creating an issue

UI improvements Fix limitations explained in https://github.com/process-analytics/bpmn-visualization-examples/pull/411#issuecomment-1299788985

  • [ ] Fit options are not to reset the zoom level (use to set a component state): use radio button instead? See https://angular.io/guide/attribute-directives#setting-the-value-with-user-input
  • [ ] By clicking several times to the same "load button", a request is done to reload the diagram but it is not actually reloaded (the diagram content doesn't change in the component, no change is detected so the actual reload is not perform). Make this explicit in the UI: transform the "load diagram button" into a select? change the text of the button, disable it?
  • [ ] the smoke of the "rocket" is not aligned with the rocket image. This is probably because the title is larger than what the Angular boostraped application expects

New features

  • [ ] The name of the last loaded diagram and the used fit options should be reminded somewhere in the page
  • [ ] Provide more diagrams.
  • [ ] Load diagrams asynchronuously. Put diagram content in dedicated files and load them with dynamic imports. This should reduce the size of the main application chunk
  • [ ] Show diagram load error (probably by using component outputs). Provide a diagram that generates parsing error at load time (a text file with a single sentence generates such error)
  • [ ] Add interaction: add/remove overlays
  • [ ] Add interaction: add/remove CSS classes
  • [ ] Add interaction: update/reset the elements with the "Update Style" API
  • [ ] Add interaction: add popover to demonstrate the BpmnElementsRegistry API
  • [x] Add diagram navigation with buttons: reset zoom level, zoom button, ... #424
  • [x] Display log information in a notification zone (textArea?) after a load, fit, addOverlays, .... (maybe by using component outputs) #424
  • [ ] Display the version of bpmn-visualization that is used in the project (to be consistent with other projects) (probably by using component outputs).

Others

  • [ ] Make a live instance available on GitHub Pages. Will be done as part of #439
  • [x] Deploy preview on surge for Pull Requests. #438

tbouffard avatar Oct 14 '22 09:10 tbouffard