Skip to content

Implement #382 - Rework UI#381

Merged
lionel-nj merged 23 commits intopackage-web-app-as-jarfrom
rework-ui
Sep 28, 2020
Merged

Implement #382 - Rework UI#381
lionel-nj merged 23 commits intopackage-web-app-as-jarfrom
rework-ui

Conversation

@lionel-nj
Copy link
Copy Markdown
Contributor

@lionel-nj lionel-nj commented Sep 25, 2020

Summary:

This PR provides support to rework UI.

Expected behavior:

  • Add a dropzone for configuration file
    • add support to transfer data to server side
      • test interface
      • test server side
  • Add a button to launch the validator
    • add support to launch process
      • test interface
      • test server side
  • Add a visualisation of the configuration file
    • add support to display json data
      • test interface
      • test server side
  • Add a visualisation of the validation report
    • add support to display beautifed json data
      • test interface
      • test server side

Capture d’écran, le 2020-09-25 à 11 47 23

Please make sure these boxes are checked before submitting your pull request - thanks!

  • Run the unit tests with gradle test to make sure you didn't break anything
  • Format the title like "Fix #<issue_number> - " (for example - "Fix Bug: Running using documented Docker documentation fails #1111 - Check for null value before using field")
  • Linked all relevant issues
  • Include screenshot(s) showing how this pull request works and fixes the issue(s)

@lionel-nj lionel-nj self-assigned this Sep 25, 2020
@lionel-nj lionel-nj changed the title Implement # - Rework UI Implement #382 - Rework UI Sep 25, 2020
lionel-nj added 2 commits September 25, 2020 13:34
- test controller
- test service manager
- add exception handling
@lionel-nj lionel-nj changed the base branch from build-local-web-ui to package-web-app-as-jar September 25, 2020 18:05
@lionel-nj lionel-nj marked this pull request as ready for review September 25, 2020 18:06
@lionel-nj lionel-nj requested a review from a user September 25, 2020 19:59
lionel-nj added 4 commits September 28, 2020 09:59
 - axios: http requests:
 - material-ui: progress circles
- Rename methods to be consistent with http requests
- Add progress circle
- Add support to clear HTML on drop of other configuration file
Copy link
Copy Markdown

@ghost ghost left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice progress in a relatively short time, well done!

LGTM

@lionel-nj lionel-nj merged commit 452cfeb into package-web-app-as-jar Sep 28, 2020
@lionel-nj lionel-nj deleted the rework-ui branch September 28, 2020 20:56
lionel-nj added a commit that referenced this pull request Sep 29, 2020
* Add support to allow CORS

* Add support to package web app as jar

-add dependency on client module
- add task to build jar in client module

* Adapt GitHub workflow to generate .jar from spring boot application

* Touch

* Modify default port for server launch

* Use relative default path to access validation report

* Modify GitHub workflow to run checks on different branch

* Reset hard coded path to validation report

* Remove support for CORS since irrelevant now

* Add configuration file to prevent generation of package-lock.json

https://www.codementor.io/@johnkennedy/get-rid-of-that-npm-package-lock-json-e0bj7ai42

* Add unit test to check get mapping in spring boot application

* Modify GitHub workflow

- persist jar of web app
- rework action names

* Modify build.gradle files to adapt name of built artifacts

* Prep next release

* Bump version number

* Add details for execution of bootJar command

* Update README.md and RELEASE.md with instructions regarding web app

* Update link to screenshot in documentation

* Implement #382 - Rework UI (#381)

* Rename file for clarity

* Add dropzone elements into UI

* Add support to render execution parameter configuration file within UI after drag and drop action

* web client: Add support to review exec param config file

* Implement builder pattern for DefaultConfig

* Add dependency to beautify json files

* Implement validation of GTFS archive

* Remove 80% opacity on dropzone

* Improve rendering of json content as table

* Add support on client side to handle fee validation

* Rename files according to conventions

* Disable caching

* Improve code modularity

- create Constants.js file to store constants
- create ApiRequest.js file to store functions used to call API

* Server: Implement method to get path to report

* Add eof line

* Server side: add unit tests

- test controller
- test service manager
- add exception handling

* remove redundant time consuming test

* Implement test of interface with jet

* Add dependency on librairies:
 - axios: http requests:
 - material-ui: progress circles

* - Leverage PostMapping in order to pass data to backend
- Rename methods to be consistent with http requests
- Add progress circle
- Add support to clear HTML on drop of other configuration file

* Additional unit tests

* Comment test to be fixed

* Add explicit call to method deleteTable to avoid no-unused-vars error

* Change validation success message for clarity

* Center display validation report report

* Add console comment to inform success of application start
  - add link to http://localhost:8090

* Add option --beautify

 - define said option as "true" by default
 - add new key to option list
 - adapt mechanisms to retrieve value
 - define default value in default-execution-parameters.json
 - adapt tests
 - write additional tests to verify said implementation
- Remove empty lines

* Block interface interactions when validation process is running

- add props.id to button for reference
- add commands to release/hold buttons and dropzone

* Modify GitHub workflow

* Remove unused script

* Make CircularProgress bigger

- keep only 1 CircularProgress
- change color to blue  (Default)

* Leverage JsonPretty to display examples of configuration files

* Adjust CSS for table rendering json configuration file

* Remove service worker usage

* Update icons and page title

* Update README.md

* Update README.md

* Remove unused components

* Adjust import statements

* Rename components

* Rename components

* Touch

* Rename module client->react client

* Rename module client->react client

* Reset GitHub workflow

* PR feedback

- fix typos
- improve documentation
- update GitHub workflow

* - update GitHub workflow
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.

2 participants