Web UI discussion (v2.0.0)

[wlthomson]

Description

Epic for planning and tracking front-end web UI tasks for v2.0.0.

Initiative / goal

Implement front-end web server for:

• Navigating universal codes data (e.g. traverse data by expanding tree nodes)
• Filtering/searching universal codes data.
• Submitting data to the universal codes server, e.g. products, reference prices etc.

Scope

• Design/implement interface for navigating universal code data (#5).
• Design/implement interface for submitting universal code data.
• Design/implement admin interface for viewing/approving submitted data.
• Design/implement interface for logging in.
• Implement authentication and access control logic for users/admins (#6).

Issues

• [x] Implement Product Lookup in Web UI: #5.
• [x] Initialise web UI project: #51.
• [x] Add UI table component: #54.
• [x] Add GraphQL client to web UI: #56.
• [x] Refactor repo as nx monorepo: #58.
• [x] Centralise hardcoded urls and settings: #59.
• [ ] Include 3rd party disclaimers in application: #64.
• [x] Add logic for populating EntityBrowser with backend data: #70.
• [x] Add UI searchbar/input components: #71.
• [x] Add frontend authorisation logic: #76.
• [x] Add UI login input components: #77.
• [x] Add prettier config to web project: 83.
• [x] Refactor web project components, types: #85.
• [x] Add EntityBrowser component: #86.
• [x] Add redux-saga to web project: #94.
• [x] Dockerise services: #99.
• [x] Handle apollo errors in web ui: #100.
• [x] Add docker orchestration tools: #106.
• [ ] Add storybook viewport plugin: #107.
• [x] Fix nx web project paths: #110.
• [x] Add redux to web project: #112.
• [x] Refactor UI components as nx library: #114.
• [x] Update monorepo projects with consistent formatting: #120.
• [x] Remove web prettier config: #124.
• [x] Entity Browser not returning results: #126.
• [x] Fix broken nx refactor: #129.
• [x] Style the app bar: #131.
• [x] CORS issue with front end auth: #132.
• [x] Lift up EntityBrowser callbacks: #134.
• [x] Add support for redux dev tools: #136.
• [x] Remove Apollo client from web app: #137.
• [x] Update alert actions: #142.
• [x] Tidy up nx refactor cruft: #143.
• [x] Update UI library storybooks: #147.
• [x] Split docker-compose into local and deployed version: #151.
• [x] Apply styling to explorer: #152.
• [x] Create footer component: #153.
• [ ] Update avatar with login link and user details: #154.
• [x] Create component(s) for toggling entity types to display: #155.
• [ ] Add tests for data library classes: #157.
• [ ] Add commit hook to lint and type check code: #158.
• [x] Add toggle button menu to web UI: #163.
• [x] No data in explorer: #166.
• [x] Add pagination to explorer: #168.
• [x] Add filter to explorer request: #170.
• [x] Add ordering of results to explorer: #174.
• [x] Refactor entities redux shape: #175.
• [x] UI tidy: #179.
• [x] Fix NX Storybook UI Error: #181.
• [x] Add mock data to Explorer story: #183.
• [x] Start SearchResults page: #185.
• [x] Add shared web app styles imports: #186.
• [x] Refactor web and library components: #187.
• [ ] Refactor EntityBrowser props: #190.
• [ ] Remove class instances from web redux shape: #191.
• [x] Update dependencies: #194.
• [x] Connect the type filter: #195.
• [x] Layout for details page: #198.
• [x] Add error route: #202.
• [x] Add theme context to redux refactor branch: #205.
• [x] Add reducers to redux refactor branch: #206.
• [x] Migrate details page to reduxified app: #209.
• [x] Migrate entity details saga to updated app structure: #212.
• [ ] Add minimal entity details interface: #214.
• [ ] Data fetch notification timing: #218.

[wlthomson]

@katherine-sussol

[wlthomson]

Update:

Have updated the description a bit just with my thoughts. This isn't too relevant at this stage, but no harm in getting started thinking about it now!