feat: Editing packaging components on web site

[stephanegigandet]

A simple table in the product edit form in order to enter packaging components information.

Mobile:

It's not very user friendly, but it's a first step in order to be able to enter some data.

Also added new tags to the misc facet so that we can track packaging data:

• packagings-complete
• packagings-not-complete
• packagings-empty
• packagings-not-empty
• packagings-not-empty-but-not-complete

Will be done later in separate PRs:

• adding packagings_complete to the v3 product WRITE API
• better default ordering for the shape / material options (in particular moving all the numbered options for materials to the bottom of the list)
• ideally a more specific ordering of shape / material options that could depend on product category, previous selection for the component etc. (e.g. if it's beer, we put bottle at the top of shape, and if the shape is a bottle, we put glass on top of materials)
• suggestions to quickly add components based on product category and/or other packaging components

[stephanegigandet]

Hi @alexgarel and @raphael0202 , thanks a lot for the tests, review and suggestions. I believe I addressed all the points you raised.

The new version is currently live on .dev : https://world-fr.openfoodfacts.dev/cgi/product.pl?type=edit&code=7771608000022

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[alexgarel]

Cool, it works fine.

There is something we should however improve in the future:
The text field should be either erased, or regenerated after packaging update.

Currently if I remove a row in packaging (say tap) but do not pay attention and the element is present in text (1 tap), it won't be removed, and this really is counter intuitive to users.

Regenerating text comes with the advantage that it gives a clear template and is easy to modify. But the drawback is losing original input.

[stephanegigandet]

The text field should be either erased, or regenerated after packaging update.

The text often contains the text of the recycling instructions on the package. I would prefer to keep it.