Add "reset all" button to background display options

[hikemaniac]

I often tune up brightness and contrast for some spots of the aerial imagery, where the image is very dark. Occasionally I change other values as well. As soon as I leave these dark spots I don't need the effects anymore and I have to reset every option manually. In such cases it would be helpful to have a "reset all"-button. Is it possible to add such a minor but time-saving feature?

Related to #4789

[hardik-codes]

@bhousel May I start working on this issue??

[quincylvania]

@hardik-codes I don't think anyone else has started it so go ahead!

[hardik-codes]

Ok then @quincylvania

[bhousel]

Yes @hardik-codes - for this one, just add a small link with the text "reset all" somewhere in the bottom of the pane.

[theNaut1lus]

Would love to work on this as my first issue. (if no one else is) @bhousel @quincylvania

[quincylvania]

@co16353sidak I'm not sure if @hardik-codes still plans to submit a PR but it's been awhile so you can probably give it a try!

[theNaut1lus]

@quincylvania If you can give me a suggestion on where to start that would be wonderful.

[quincylvania]

@co16353sidak You'll want to add the button to the bottom of modules/ui/background_display_options.js. To add the translatable label text, add a value to data/core.yaml and reference it with the t function.

I hope that's enough to get you started! Feel free to reach out to me or the iD channel on the OSM US Slack.

[SahibArora]

Hi @quincylvania, if its still open, I can help :)

[quincylvania]

@SahibArora Well no one has submitted a PR yet so feel free to try it!

[SahibArora]

Thank you! @hikemaniac, I will give it a shot

[alphagamer7]

Hi @quincylvania, I am attempting this too, I did the functionality and it works but the npm run all gives the following error Unexpected token name «key», expected punc «;» Probably because I am using ES6+ language features. Also when I do npm run test it gives the following ReferenceError: Can't find variable: iD, although npm run build works as expected.

Also, Could I please have an invite for the slack group to ask further questions. (email - athif.shaffy@gmail.com )
Thanks!

[quincylvania]

@alphagamer7 Hmm I've never seen that error but it looks like a syntax problem. Try not using newer JavaScript features 😅

You can sign up for slack yourself here. Turns out I posted the wrong link for that!

[SahibArora]

Ok, then @alphagamer7, you go for it. Thanks @quincylvania for the chance, I will have a look if I could help in anything else.