Skip to content

BGDIINF_SB-2764 : add feedback form#363

Merged
pakb merged 7 commits intodevelopfrom
feat-BGDIINF_SB-2764_feedback_form
Feb 2, 2023
Merged

BGDIINF_SB-2764 : add feedback form#363
pakb merged 7 commits intodevelopfrom
feat-BGDIINF_SB-2764_feedback_form

Conversation

@pakb
Copy link
Contributor

@pakb pakb commented Jan 30, 2023

that enables the user to rate his experience with a 5 star scale, and write his message directly in the UI (instead of letting him write it in his email editor).

Also fixing a bug on tablet layout where the links were not rendered properly in the menu/settings section, as the UI was still considered being in desktop mode, thus the feedback and more info buttons were still rendered as links.

TODO :

  • Switch the mailTo link system to using the (not yet developped) service-feedback endpoint to register the ratings/feedbacks

Test link

@pakb pakb requested a review from ltshb January 30, 2023 12:31
Copy link
Contributor

@ltshb ltshb left a comment

Choose a reason for hiding this comment

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

Very Nice.

I would put the rating before the feedback and let the lazy user give a simple rating, but thats my personal opinion.

@ltshb
Copy link
Contributor

ltshb commented Feb 1, 2023

@pakb When using the service-feedback I proposed to use the following params:

  • ua = current user agent
  • version = version of the current application
  • subject = [web-mapviewer] [rating: x/5] User Feedback

On DEV and INT emails can be seen on the geoservices-tech@swisstopo.ch

@pakb pakb requested a review from ltshb February 1, 2023 12:50
@pakb pakb marked this pull request as ready for review February 1, 2023 12:51
pakb added 4 commits February 1, 2023 14:16
that enables the user to rate his experience with a 5 star scale, and write his message directly in the UI (instead of letting him write it in his email editor).

Also fixing a bug on tablet layout where the links were not rendered properly in the menu/settings section, as the UI was still considered being in desktop mode, thus the feedback and more info buttons were still rendered as links.
Send feedback to the backend, also simplifying the UI the user uses to send feedback
The user now can see if his request to send a feedback was successful or not, and also cannot send more than once the same feedback (but if he closes the form, he can now start a new feedback)
@pakb pakb force-pushed the feat-BGDIINF_SB-2764_feedback_form branch from be04f2f to a80841c Compare February 1, 2023 13:18
@ltshb
Copy link
Contributor

ltshb commented Feb 1, 2023

@pakb I would reduce the max size of the modal window
image
It is quite big.

@ltshb
Copy link
Contributor

ltshb commented Feb 1, 2023

@pakb the rating preview that you did was quite nice but don't work anymore or did you removed it ?

@pakb
Copy link
Contributor Author

pakb commented Feb 1, 2023

I tried to simplify it as much as possible as it was on other website. Plus I didn't like that it was pushing the whole stars because they are centered, so the star you clicked wasn't under your cursor anymore.

Size : yes I could give a max size for very large screen maybe. I didn't see much issue because I've tested only on small "devices" 😉

Copy link
Contributor

@ltshb ltshb left a comment

Choose a reason for hiding this comment

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

Very nice just some comments

enlarging a little bit the modal component on mobile
adding some extra height to the text area in the feedback form
changing the fail text to something more specific
better handling of error in the process of sending the feedback (KML loading error or short link generation error)
changing the feedback API file so that rating (and max rating) are optional, so that we can use the same endpoint in the future for the "Report a problem" feature
@pakb pakb force-pushed the feat-BGDIINF_SB-2764_feedback_form branch from e24560a to eade0b3 Compare February 1, 2023 16:32
@pakb pakb requested a review from ltshb February 1, 2023 16:45
while sending a feedback : fallback to sending full URL if the short link couldn't be generated
@ltshb
Copy link
Contributor

ltshb commented Feb 2, 2023

@pakb The deselect of rating (two click on a star) don't work on iphone, the star stay selected but the send button is then disable. I propose to totally remove the deselect feature as it is not needed.

Copy link
Contributor

@ltshb ltshb left a comment

Choose a reason for hiding this comment

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

Just a minor bug on Iphone.

To be honest I would not shorten the url, this url is not used by the user, only by us, and I don't see the advantage of having it shorten. In case of problem report it might even be a disadvantage, as we might need to know the exact url that the user used (we would need to do a curl --head on the short url to get it).

@pakb
Copy link
Contributor Author

pakb commented Feb 2, 2023

That's a good point, although the goal initially was to let the user know that we are going to send this "short permalink" to the service desk, in order to be fully transparent. I've not yet added this line saying "This permalink will be send alongside".

I can send the full URL, that would work too yes...

as there's some CSS glitch on iOS where the colour stays active even when the class "checked" has been removed. Meaning the user has the feeling that something is selected, but the "Send" button is disabled.
@pakb pakb merged commit cdd1767 into develop Feb 2, 2023
@pakb pakb deleted the feat-BGDIINF_SB-2764_feedback_form branch February 2, 2023 08:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants