improve contributor edit form

[alee]

From a user:

Also, as an interface troubleshooting note, when I tried to edit my coauthors' information, the 'edit' button didn't seem to work? I think it's a little weird that you have to hit enter after putting in an affiliation, but at least you have a text tooltip that pops up when that doesn't work.

[alee]

• [ ] remove "find a contributor" from the modal
• [ ] adjust the JS logic to automatically enter whatever data is there to avoid hitting enter after typing in the contributor
• [ ] server side validation shouldn't abort the entire process but save what it can and then return validation errors for the things it couldn't
• [ ] display validation errors [{}, {}, {'contributor': {'affiliations': [{}, {'name': [ErrorDetail(string='Ensure this field has no more than 100 characters.', code='max_length')]}]}}]
• [ ] don't clear out the frontend models after failed validation

[alee]

From Volker:

I finally managed to get the logic of adding contributors. This tiered organization is not intuitive: first save the contributor, then register it, then save again the entire list. Hiding the “register” function under the “save” click would help a lot!

Then I failed saving the new contributor in the list (“Server side validation failed”).

I tried with dummy names etc. then, and it worked.

I realized then that the validation did not accept this:

Centre d’Etude et de Découverte des Tortues Marines, CEDTM, 6 chemin Dubuisson, Appt. 5, 97436 Saint Leu, La Réunion, France

but it accepted:

Centre d’Etude et de Découverte des Tortues Marines, La Réunion, France

[sgfost]

Should be able to be simplified quite a bit with the following (working on implementing):

• Adding a new contributor is just one form that can either be filled out manually (similar to what exists with create new contrib. with some changes to better adjust to organizational contributors and using ROR search for affils.) or automatically filled (invisibly) by selecting an existing contributor
• Hitting 'register' will do the save/PUT for the current list + the new contributor that exists in the form
• Reordering/deleting will do an automatic save
• Editing an entry in the list will function similarly to how it does now by re-using the add form and updating the entry, here it will just do the saving (to the server) automatically

[sgfost]

Closing for now since merging in the vue 3 frontend should resolve these usability issues. Can reopen or create more specific issues if we run into anything in the future