Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Capa problem types submenu [FC-0059] #1207

Merged

Conversation

ChrisChV
Copy link
Contributor

@ChrisChV ChrisChV commented Aug 7, 2024

Description

This PR adds a new submenu in the problem filter menu item to filter by Capa Problem Types.

image

Supporting information

Testing instructions

  • Use this branch of edx-platform
  • Create a new library
  • Enable the library-authoring MFE to edit library components
  • Go to library-authoring MFE and create problem components for the library. Edit each component and add different problem types.
  • Disable the library-authoring MFE.
  • Run tutor dev run cms bash and ./manage.py cms reindex_studio to recreate the index
  • Go to the library Home and test the new filter by problems

@ChrisChV ChrisChV requested a review from a team as a code owner August 7, 2024 03:48
@openedx-webhooks openedx-webhooks added the open-source-contribution PR author is not from Axim or 2U label Aug 7, 2024
@openedx-webhooks
Copy link

Thanks for the pull request, @ChrisChV!

What's next?

Please work through the following steps to get your changes ready for engineering review:

🔘 Get product approval

If you haven't already, check this list to see if your contribution needs to go through the product review process.

  • If it does, you'll need to submit a product proposal for your contribution, and have it reviewed by the Product Working Group.
    • This process (including the steps you'll need to take) is documented here.
  • If it doesn't, simply proceed with the next step.

🔘 Provide context

To help your reviewers and other members of the community understand the purpose and larger context of your changes, feel free to add as much of the following information to the PR description as you can:

  • Dependencies

    This PR must be merged before / after / at the same time as ...

  • Blockers

    This PR is waiting for OEP-1234 to be accepted.

  • Timeline information

    This PR must be merged by XX date because ...

  • Partner information

    This is for a course on edx.org.

  • Supporting documentation
  • Relevant Open edX discussion forum threads

🔘 Get a green build

If one or more checks are failing, continue working on your changes until this is no longer the case and your build turns green.

🔘 Let us know that your PR is ready for review:

Who will review my changes?

This repository is currently maintained by @openedx/2u-tnl. Tag them in a comment and let them know that your changes are ready for review.

Where can I find more information?

If you'd like to get more details on all aspects of the review process for open source pull requests (OSPRs), check out the following resources:

When can I expect my changes to be merged?

Our goal is to get community contributions seen and reviewed as efficiently as possible.

However, the amount of time that it takes to review and merge a PR can vary significantly based on factors such as:

  • The size and impact of the changes that it introduces
  • The need for product review
  • Maintenance status of the parent repository

💡 As a result it may take up to several weeks or months to complete a review and merge your PR.

@bradenmacdonald bradenmacdonald changed the title [FC-0059] feat: Capa problem types submenu feat: Capa problem types submenu [FC-0059] Aug 9, 2024
@mphilbrick211 mphilbrick211 added the FC Relates to an Axim Funded Contribution project label Aug 12, 2024
Copy link
Contributor

@navinkarkera navinkarkera left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ChrisChV The filter works nicely except for few cases as mentioned below:

vokoscreenNG-2024-08-15_16-27-11.mp4

return [...currentFilters, e.target.value];
});
}, [setBlockTypesFilter]);

return (
<SearchFilterWidget
appliedFilters={blockTypesFilter.map(blockType => ({ label: <BlockTypeLabel type={blockType} /> }))}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should also clear problemTypeFilters on Clear Filter click no?
This comment is about line 216 clearFilter={() => setBlockTypesFilter([])}, as it is not part of the diff, I cannot directly comment on it.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment on lines +171 to +176
// To filter normal block types and problem types as 'OR' query
const typeFilters = [[
...blockTypesFilterFormatted,
...problemTypesFilterFormatted,
].flat()];

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

vokoscreenNG-2024-08-15_16-28-28.mp4

Because of the OR condition between block types and problem types, filtering problem types after selecting whole problem block does not work. We can probably remove problem block type if problem types are selected.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated: f744344

Copy link

codecov bot commented Aug 21, 2024

Codecov Report

Attention: Patch coverage is 98.27586% with 1 line in your changes missing coverage. Please review.

Project coverage is 93.06%. Comparing base (d99a09e) to head (300ecf6).
Report is 1 commits behind head on master.

Files Patch % Lines
src/search-manager/data/apiHooks.ts 50.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##           master    #1207      +/-   ##
==========================================
+ Coverage   93.02%   93.06%   +0.04%     
==========================================
  Files         756      756              
  Lines       13730    13777      +47     
  Branches     2917     2984      +67     
==========================================
+ Hits        12772    12822      +50     
+ Misses        923      920       -3     
  Partials       35       35              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

@navinkarkera navinkarkera left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ChrisChV Nice! Added some suggestions, feel free to ignore them 👍

  • I tested this by filtering problem blocks in different combinations.
  • I read through the code
  • I checked for accessibility issues
  • Includes documentation

Just one question about the filter behaviour: The filter button doesn't show any data related to problem subtypes:

image

Is this expected?

src/search-manager/FilterByBlockType.tsx Outdated Show resolved Hide resolved
src/search-manager/FilterByBlockType.tsx Outdated Show resolved Hide resolved
src/search-manager/FilterByBlockType.tsx Outdated Show resolved Hide resolved
src/search-manager/FilterByBlockType.tsx Outdated Show resolved Hide resolved
@ChrisChV
Copy link
Contributor Author

Is this expected?

I asked here: #1196 (comment)

Copy link
Contributor

@pomegranited pomegranited left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 Works perfectly. Great work @ChrisChV !

  • I tested this using the PR instructions.
  • I read through the code
  • I checked for accessibility issues by using my keyboard alone to navigate.
  • Includes documentation (code comments)
  • User-facing strings are extracted for translation

Copy link
Contributor

@bradenmacdonald bradenmacdonald left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

src/search-manager/FilterByBlockType.tsx Show resolved Hide resolved
src/search-manager/messages.ts Show resolved Hide resolved
@bradenmacdonald
Copy link
Contributor

Thanks @ChrisChV. Go ahead and merge at your convenience when the build is green.

@ChrisChV ChrisChV merged commit 64ffadd into openedx:master Aug 28, 2024
8 checks passed
@openedx-webhooks
Copy link

@ChrisChV 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.

@ChrisChV ChrisChV deleted the chris/FAL-3781-filter-capa-problem-type branch August 28, 2024 13:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FC Relates to an Axim Funded Contribution project open-source-contribution PR author is not from Axim or 2U
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

6 participants