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

Implementing Frontend Changes for Recomendations #873

Open
wants to merge 9 commits into
base: main
Choose a base branch
from

Conversation

PabloRaigoza
Copy link
Contributor

@PabloRaigoza PabloRaigoza commented Nov 13, 2023

Summary

This change is the second step to implementing recommendations. #866 implemented changes for storing popular courses for requirements. This PR implements the frontend for displaying course recommendations. The next step is to create calls to firebase to retrieve course recommendations to population.

TODO

  • Make sure that displaying 50 courses (with a scrolling sidebar) is intended design.

Test Plan

Given a requirement, use the new frontend to make sure that all courses are present if we are able to query.

@PabloRaigoza PabloRaigoza requested a review from a team as a code owner November 13, 2023 01:43
@dti-github-bot
Copy link
Member

dti-github-bot commented Nov 13, 2023

[diff-counting] Significant lines: 194.

Copy link
Contributor

github-actions bot commented Nov 13, 2023

Visit the preview URL for this PR (updated for commit 735b9cd):

https://cornelldti-courseplan-dev--pr873-pablo-recomendations-n6iskcqo.web.app

(expires Sat, 30 Dec 2023 16:36:25 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 6d4e0437c4559ed895272bbd63991394f1e0e933

Copy link
Collaborator

@andxu282 andxu282 left a comment

Choose a reason for hiding this comment

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

I think you can delete the cypress/screenshots

src/components/Requirements/RequirementSideBar.vue Outdated Show resolved Hide resolved
getCoursesTooltipText() {
return `<div class="introjs-tooltipTop"><div class="introjs-customTitle">These are your Courses</div><div class="introjs-customProgress">2/4</div>
</div><div class = "introjs-bodytext">Drag and drop courses into your schedule! Click on them to learn more information like their descriptions.</div>`;
},
/**
* @brief Modify this.state.showAllCourses to show all courses based on showAllCourses object
Copy link
Collaborator

Choose a reason for hiding this comment

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

I like these documentations

Copy link
Collaborator

@zachary-kent zachary-kent left a comment

Choose a reason for hiding this comment

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

Can we make this backwards compatible, if possible? That is, if there are no suggestions for a given requirement, then fall back to the previous approach,

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants