Pages Editor: implement Associated Tutorials

[shaunanoordin]

PR Overview

Part of: Pages Editor MVP project and FEM Lab super-project Follows #7048 Staging branch URL: https://pr-7052.pfe-preview.zooniverse.org/lab/1982/workflows/editor/3711?env=staging

This PR implements the "Associated Tutorials" feature on the Workflow Settings sub-page.

• New component: AssociatedTutorials
• New behaviour/feature: on Pages Editor (for any Workflow) -> Workflow Settings...
  • The Associated Tutorials feature should list all Tutorials available to the Project (caveat: up to a max of 100.)
  • The Associated Tutorials feature should show which Tutorial is linked to the Workflow via radio buttons. There's an option for "no tutorial".
  • Clicking on the radio button should link/unlink the Tutorial to/from the Workflow.

Linking Tutorials was a bit weird.

• Unlike Subject Sets, a Workflow should have either 0 or 1 Tutorial. It shouldn't have multiple; not sure how our PFE or FEM Classifiers would even handle 2+ tutorials.
• Unlike Subject Sets, a Workflow's linked tutorial(s) aren't listed in workflow1234.links. Instead, we have to query /api/tutorials?workflow_id=1234

Screenshot: example workflow with 2 available tutorials, and the first selected as this wf's tutorial.

Testing

• Open the staging URL. You should be looking at a test workflow (e.g. staging wf 3711)
• Click on the Workflow Settings tab/button to view the sub-page.
• Look for the Associated Tutorials feature.
  • It should list all available tutorials, and show which one (if any) is selected as the wf's tutorial.
  • Click on a tutorial to set it.
  • Reload the page to confirm.

Status

Ready for review!

This PR is currently targeting pages-editor-pt15 for review purposes. Do not merge until 7048 is ready and this branch's merge is re-targeted to master.

[shaunanoordin]

PR Update

• minor: rearranged order of functions in AssociatedTutorials, for better readability
• information/documentation: added better information when a project has no tutorials
• Typo with error messages fixed

Alright, let's go! Thank you again for the review 👍

[coveralls]

coverage: 56.98% (+0.03%) from 56.951% when pulling 23dd1fad198a0d9f38d0b91cf34341dcd8c4773b on pages-editor-pt16 into 72ed40a28526ac16301358f8a278cf8167ae2bc6 on master.