Skip to content

General: Improve carousel in evaluation page#1823

Open
Bofan-Zhu wants to merge 30 commits intomainfrom
1763-improve-carouse-in-evaluation-page
Open

General: Improve carousel in evaluation page#1823
Bofan-Zhu wants to merge 30 commits intomainfrom
1763-improve-carouse-in-evaluation-page

Conversation

@Bofan-Zhu
Copy link
Contributor

@Bofan-Zhu Bofan-Zhu commented Jan 28, 2026

Checklist

General

Server

  • Important: I implemented the changes with a very good performance and prevented too many (unnecessary) and too complex database calls.
  • I strictly followed the principle of data economy for all database calls.
  • I strictly followed the server coding and design guidelines.
  • I documented the Java code using JavaDoc style.

Motivation and Context

The application cards in the review carousel currently lack substantive information, serving no clear purpose. We should surface the applicant's core details directly on the card to ensure key information is visible before the user starts scrolling.

Description

This PR:

  • adds avg rating to the application card
  • adds a rating util which converts the likert scale avg score -2 to +2 to a readable score 1 to 5
  • adds a star rating component with fill color corresponding to likert scale color
  • adds a profile image placeholder (needs to be replaced once users can upload their profile image) to the application card and to the application detail component for small screens
  • adjusts the layout of buttons

Steps for Testing

Prerequisites:

  1. Log in to TumApply as Professor
  2. Go to Application Review and view the card
  3. Check that everything still works as before
  4. Check application card with realistic data
  5. Check avg rating: rate with professor and employee or more employees

Review Progress

Code Review

  • Code Review 1

Manual Tests

  • Test 1

Screenshots

image image

@Bofan-Zhu Bofan-Zhu linked an issue Jan 28, 2026 that may be closed by this pull request
1 task
@github-actions github-actions bot added the client Pull requests that update TypeScript code. (Added Automatically!) label Jan 28, 2026
@github-actions
Copy link
Contributor

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@Bofan-Zhu Bofan-Zhu changed the title 1763 improve carouse in evaluation page General: Improve carousel in evaluation page Jan 28, 2026
@github-actions
Copy link
Contributor

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 6, 2026

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 6, 2026

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 6, 2026

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 6, 2026

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

🤖 No OpenAPI or client changes needed.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

🤖 No OpenAPI or client changes needed.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

🤖 No OpenAPI or client changes needed.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

@Bofan-Zhu Test coverage has been automatically updated in the PR description.

@Bofan-Zhu Bofan-Zhu added the shared Code changes in shared modules label Feb 9, 2026
@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

@Bofan-Zhu Test coverage could not be fully measured because some tests failed. Please check the workflow logs for details.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

🤖 No OpenAPI or client changes needed.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

🤖 No OpenAPI or client changes needed.

@Bofan-Zhu Bofan-Zhu marked this pull request as ready for review February 9, 2026 20:35
@Bofan-Zhu Bofan-Zhu requested a review from az108 as a code owner February 9, 2026 20:35
@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

🤖 No OpenAPI or client changes needed.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

📊 Client Test Coverage Too Low

🔍 View coverage locally:

npm run test:ci
open build/test-results/lcov-report/index.html

🌐 View coverage from GitHub:
Download the "coverage-report-client" artifact from this workflow run.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2026

🤖 No OpenAPI or client changes needed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

client Pull requests that update TypeScript code. (Added Automatically!) evaluation Code changes in evaluation module. ready for review server Pull requests that update Java code. (Added Automatically!) shared Code changes in shared modules tests

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve carouse in evaluation page

1 participant