Create and register the patterns for course list block

[Imran92]

Implements #5423

Changes proposed in this Pull Request

• Added 6 patterns for course list block

Testing instructions

• Add a Course List block in the block editor
• Click on 'Choose' to open the pattern selection modal
• Make sure along with the existing patterns, 6 new patterns are there as per our design. 3 of them should be of Grid structure, 3 of them should be of list structure.

Course Signup and Course Progress block is not currently available in the Page editor. Making the Course Progress block available in the Page editor is in progress and we'll replace the Course Signup block with a new one as part of our upcoming tasks. So for now it's better to test these patterns in the course editor GB page

Screenshot / Video

Screen.Recording.2022-08-10.at.2.51.02.AM.mov

[codecov]

Codecov Report

Merging #5433 (8d586cd) into feature/courses-list (f3b6df3) will decrease coverage by 0.03%.
The diff coverage is 0.00%.

❗ Current head 8d586cd differs from pull request most recent head 63b9f2b. Consider uploading reports for the commit 63b9f2b to get more accurate results

@@                    Coverage Diff                     @@
##             feature/courses-list    #5433      +/-   ##
==========================================================
- Coverage                   44.67%   44.63%   -0.04%     
+ Complexity                   8779     8755      -24     
==========================================================
  Files                         419      419              
  Lines                       31320    31295      -25     
  Branches                      239      239              
==========================================================
- Hits                        13991    13970      -21     
+ Misses                      17155    17151       -4     
  Partials                      174      174              

Impacted Files	Coverage Δ
...des/block-patterns/class-sensei-block-patterns.php	27.69% <0.00%> (+1.22%)	⬆️
...e-list/class-sensei-course-list-block-patterns.php	0.00% <0.00%> (ø)
includes/blocks/class-sensei-block-take-course.php	73.33% <ø> (ø)
includes/class-sensei-admin.php	22.03% <0.00%> (-0.12%)	⬇️
includes/class-sensei-quiz.php	59.18% <0.00%> (ø)
includes/class-sensei-course-structure.php	91.19% <0.00%> (ø)
...urse-theme/class-sensei-course-theme-templates.php	0.00% <0.00%> (ø)
...ssets/shared/helpers/player/round-with-decimals.js
includes/admin/class-sensei-learner-management.php	2.23% <0.00%> (+0.01%)	⬆️
includes/class-sensei-lesson.php	38.58% <0.00%> (+0.07%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update f3b6df3...63b9f2b. Read the comment docs.

[gabrielcaires]

@Imran92 I am seeing it:

I think we are missing some styling (Example: There is a shadow on each course DIV/Block)

Is the idea to have the other cards update the patterns? Example: When I finished the course categories, should I update the patterns as part of my card?

[Imran92]

@Imran92 I am seeing it:

I think we are missing some styling (Example: There is a shadow on each course DIV/Block)

Is the idea to have the other cards update the patterns? Example: When I finished the course categories, should I update the patterns as part of my card?

You're right, we'll have other cards to update the patterns once the Category and Course Action block is done. Making the "Course Signup" block available for pages will be counterproductive for now as we'll have to remove it again later. Can you kindly test the block in the Course editor for now? I'm updating the testing instructions to mention it there

[donnapep]

@Imran92 Course progress is ready in #5443 and Course Actions block is ready in #5430. I think you will need the Course Actions PR before you'll be able to finish this one. Perhaps we could get course progress merged first (it's a quick review) and then rebase this one against the Course Actions PR?

[Imran92]

@Imran92 Course progress is ready in #5443 and Course Actions block is ready in #5430. I think you will need the Course Actions PR before you'll be able to finish this one. Perhaps we could get course progress merged first (it's a quick review) and then rebase this one against the Course Actions PR?

Hi @donnapep , all the blocks are now added to our patterns. Can you kindly take a look? Thanks a million :)

[donnapep]

@Imran92 Looks like it needs a rebase. 🙂

[Imran92]

@donnapep thanks, I've merged it with the latest feature branch

[donnapep]

I did a quick test and am only seeing 3 of the patterns load. There are empty boxes for the rest:

[Imran92]

Good catch @donnapep ! Fixed it here 63b9f2b, can you kindly do a pull? Thank you ☺️

[donnapep]

🥳 🎉 💯 🥇

Addressed and updated in code