Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FORMS-1207 - New Map Component for CHEFS #1437

Open
wants to merge 119 commits into
base: main
Choose a base branch
from

Conversation

abhilash-aot
Copy link
Collaborator

Description

Map component with Point and Circle Marker for getting the latitude and longitude.
Parent ticket : https://bcdevex.atlassian.net/browse/FORMS-1207

This PR introduces a new map component in the Chefs application, integrated into the form designer. This component allows designers to set the center point, default markers, and enables users to view readonly maps within forms. The map component supports both point and circle markers to capture latitude and longitude coordinates.

This change is required to enhance the form designer capabilities, allowing users to interact with and visualize geographical data directly within forms. It solves the problem of needing an intuitive and interactive way to input and display location data.

Fixes #<issue_number> (if applicable)

Types of changes

  • feat (a new feature)

Checklist

  • I have read the CONTRIBUTING doc
  • I have checked that unit tests pass locally with my changes
  • I have run the npm script lint on the frontend and backend
  • I have added tests that prove my fix is effective or that my feature works
  • I have added necessary documentation (if appropriate)
  • I have approval from the product owner for the contribution in this pull request

Further comments

This addition aims to provide a robust and user-friendly way to manage and display geospatial data in forms. Alternatives considered included integrating with other map services or using simpler text input fields for coordinates, but those did not meet the usability requirements.

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

RyanBirtch-aot and others added 2 commits October 25, 2024 18:46
test: FORMS-1527 Cypress test scripts for both export  and print temp…

This comment has been minimized.

@abhilash-aot abhilash-aot marked this pull request as ready for review October 29, 2024 22:57
Update for Map component include in form Designer
Copy link

Copy link
Collaborator

@usingtechnology usingtechnology left a comment

Choose a reason for hiding this comment

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

Screenshot 2024-11-01 at 12 51 23 PM Screenshot 2024-11-01 at 12 50 50 PM

Code looks good but have a couple of questions for you.

Also, the tooltip or whatever on the cursor gets hidden by the popout menus (like finish, cancel on draw) and it's confusing (to me). perhaps we can get rid of the notes on the cursor?


render() {
return super.render(
`<div id="map-${this.componentID}" style="height:400px; z-index:1;"> </div>`
Copy link
Collaborator

Choose a reason for hiding this comment

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

can we make the height a property the designer sets?

Copy link
Collaborator

Choose a reason for hiding this comment

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

Yes, but height customizability never really came up in the ux reviews. I can pass it by minshen

{
html: '<h2>Default Values</h2>',
key: 'simplecontent1',
type: 'simplecontent',
Copy link
Collaborator

Choose a reason for hiding this comment

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

can we use the formio version not our custom simple ones? at some point we may remove the simple ones and then we'd need to know to update this component too.

Copy link
Collaborator

Choose a reason for hiding this comment

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

updated in latest commit

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.

3 participants