Integrate shopping cart into lesson resource selection side panel

[AlexVelezLl]

Summary

• Integrates shopping cart into lesson resource selection side panel.
• Implemts functionality to add selected resources to lesson.
• Adds a guard to show a closing confirmation modal when closing the modal with modified changes.

Compartir.pantalla.-.2025-01-13.16_12_02.mp4

References

Closes #12990.

Reviewer guidance

• Create or edit a lesson
• Change browser route path from "/lesson" to "lessontemp".
• Select/deselect resources to add to the lesson.
• Check the shopping cart, its reactiveness, buttons, etc.
• Check that save button works in different scenarios.

Implementation notes

As we shouldnt have repeated resources in a lesson, I have make sure to save unique resoures in the list. This implies that if a user is selecting a resource that is already in the lesson, it will just "ignore" it (because of the unification process). So it wont take it into account to make the save request, neither to show the close confirmation message if no new resources are being added. Does this makes sense?

[AlexVelezLl]

This isnt actually a completely new file, this was moved from https://github.com/learningequality/kolibri/pull/12996/files#diff-31fd90e627499b35b0a5e2f15e2b3fb570cb32543799343fd4549daf91bbe2a4

[github-actions]

Build Artifacts

Asset type	Download link
PEX file	kolibri-0.18.0a0.dev0_git.395.g713c540d.pex
Windows Installer (EXE)	kolibri-0.18.0a0.dev0+git.395.g713c540d-windows-setup-unsigned.exe
Debian Package	kolibri_0.18.0a0.dev0+git.395.g713c540d-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.18.0a0.dev0+git.395.g713c540d.dmg
Android Package (APK)	kolibri-0.18.0a0.dev0+git.395.g713c540d-0.1.4-debug.apk
Raspberry Pi Image	kolibri-pi-image-0.18.0a0.dev0+git.395.g713c540d.zip
TAR file	kolibri-0.18.0a0.dev0+git.395.g713c540d.tar.gz
WHL file	kolibri-0.18.0a0.dev0+git.395.g713c540d-py2.py3-none-any.whl

[marcellamaki]

A few notes from an initial read through - I'll do a second review tomorrow. I also haven't run this locally yet or tried it out.

@pcenov I'll add you here for manual QA - please let me or Alex know if you have any questions about how to test these changes. Thank you!

[pcenov]

Hi @AlexVelezLl and @marcellamaki, I confirm that this is implemented as specified above. Noticed the following potential issues:

1. As noted by Alex in the description of the PR the resources which have already been added to the lesson are not marked as selected when one reopens the modal. This wasn't the case in the previous version where all added resources are marked as selected. So that question is - can we have the same implementation here, so that a coach will have a clear indication which resources are already added?

Current implementation:

selection.mp4

Previous:

previous.mp4

2. It's not possible to preview a resource both by clicking on a card or on the link (perhaps not in scope for this PR?):

cannot.preview.a.resource.mp4

3. Clicking the back arrow always brings me to the "Manage lesson resources" page while when I am navigating within folders I was expecting to be able to go back to the previous folder:

the.back.arrow.mp4

[rtibbles]

As noted by Alex in the description of the PR the resources which have already been added to the lesson are not marked as selected when one reopens the modal. This wasn't the case in the previous version where all added resources are marked as selected. So that question is - can we have the same implementation here, so that a coach will have a clear indication which resources are already added?

I think this is desirable - with one change from the previous behaviour - the checkboxes should be marked as selected, but disabled. This is an intentional change we introduced in the quiz workflow, so that resource selection was a 'shopping cart' experience - going to find new resources to include - not a selection and deselection experience. Removing resources is done from the lesson itself, not the resource selection flow.

[rtibbles]

For 2 - we have two follow up issues for the preview behaviours, so yes, I think out of scope for this PR! #12988 and #12989

For 3 - my understanding is that this is currently intended behaviour. I think we shouldn't block the PR for this, and I know there are other back arrow confusions in resource selection in quiz too, so we should keep a close eye on people's reactions to this as we do broader internal testing.

[AlexVelezLl]

Thank @rtibbles! I have pushed the changes to have these checkboxes selected but disabled :)

Compartir.pantalla.-.2025-01-24.09_04_54.mp4

[pcenov]

Thanks @AlexVelezLl - I confirm that the checkboxes of the already added resources are disabled now.