Make the Nutri-Score detection prediction actionable ("Delete" button & Thumbnail)

[teolemon]

What

• Show source image in Nutri-Score detection prediction notifications on Slack
• Add a 1-click "Remove value" button
• Add an "Edit product" button

Why

• Those predictions are applied automatically, and it should be easy to check them, and to rectify errors)

How

• Logo notifications (and others) already include the source image, so code reuse should be possible.
• Code pointer: https://github.com/openfoodfacts/robotoff/blob/master/robotoff/slack.py

Related

• Do not apply nutriscore prediction if it does not match the current nutriscore of the product. #115
• Two different Nutri-Score at the same time #355

Mockup

[alexgarel]

@Jagrutiti: you should first try to Add an "Edit product" button as it's a simple url to build: https://world.openfoodfacts.org/cgi/product.pl?type=edit&code=<code_goes_here>

[alexgarel]

For image, you should get the crop, see LogoAnnotation.get_crop_image_url

[alexgarel]

As said on slack:

you will have to go before notify_automatic_processing, at import processus to try to put the right source_image to the insight

Look at extract_nutriscore_label in robotoff.insights.extraction you should:

1. add the source image as parameter to extract_nutriscore_label, and then add it to the Prediction as source_image
2. extract LogoAnnotation.get_crop_image_url as a crop_image_url function in models, and make LogoAnnotation.get_crop_image_url just call it with right parameter.
3. in slack notification function, when there is a source_image, if there is a bounding_box in the data parameter, use it to build an url using crop_image_url (and keeping actual behaviour if there is none)

[raphael0202]

Is this issue fixed?