New Instructor Quiz Attempt Page Design by Anindra123 · Pull Request #2271 · themeum/tutor

Anindra123 · 2025-12-22T11:11:05Z

Overview

This pr introduces a UI design overhaul for Quiz Attempts page for Instructor on frontend dashboard. The page has been made dynamic with PHP components that was created.

Changes

A new method format_quiz_attempts() was added in QuizModel class, this takes the query result of all the quiz attempts and formats it in an array for rendering the quiz attempt list properly.
- This is done because the current query result returns list of attempts
- Instead i need the quiz attempts in following format
```
 array(
 	'quiz_id' => '',
 	'course_title' => '',
 	'quiz_title' => '',
 	'attempts' => array()
 );
```
- This ensures the nesting of attempts work, since multiple attempts are under a single quiz.
Another method get_quiz_attempts_nav_data() was added in Quiz_Attempt_List which provides the nav links to be used by the Nav php dynamic UI component .
Pagination is done from the array instead of the query by using array_slice().
Replaced the kebab menu for each quiz item in list with Popover php dynamic UI component.
Also replaced the badges with its relative php UI component.
Utilized Confirmation Modal php component for deletion confirmation.
Added SearchFilter , Sorting components for searching and sorting list
Utilized DateFilter component and added the following changes to it :
- Added size() attribute for setting the button size.
- Added icon_size() attribute for setting the icon size.
Made the design mobile responsive.

Mobile Responsive Design

localhost_10010_dashboard-page_quiz-attempts__result=pending (1)

sazedul-haque · 2025-12-26T06:03:07Z

@@ -29,6 +29,7 @@
    @include tutor-breakpoint-down(sm) {
      padding-bottom: $tutor-spacing-16;
    }
+    padding-bottom: $tutor-spacing-7;


already has padding-bottom at line number: 27

sazedul-haque · 2025-12-26T06:06:59Z

-	tutor_load_template_from_custom_path( $pagination_template_frontend, $pagination_data );
-}
-?>
+	$confirm_delete           = Button::make()->label( __( "Yes, I'm sure", 'tutor' ) )


I have made a delete confirmation modal component. Please use there here after my PR is merged.

sazedul-haque · 2025-12-26T06:10:09Z

@@ -0,0 +1,23 @@
+<?php


No need this if delete confirmation modal component is used

sazedul-haque · 2025-12-26T06:11:31Z

@@ -33,7 +33,7 @@

  &-header {
    display: grid;
-    grid-template-columns: 340px 180px 1.5fr 1fr;
+    grid-template-columns: 300px 180px 1.5fr 1fr;


Double check with the design.

sazedul-haque · 2026-01-07T05:34:27Z

 @use '@Core/scss/tokens' as *;
 @use '@Core/scss/mixins' as *;

+.tutor-quiz-attempts-mobile-heading {


use utility classes for this.

sazedul-haque · 2026-01-07T05:35:08Z

      }
    }
+
+    &.mobile-filter {


use grid for responsive design instead of using double markup.

sazedul-haque · 2026-01-07T05:35:36Z

+	 *
+	 * @return self
+	 */
+	public function size( string $size ): self {


Rename this to trigger_size

sazedul-haque · 2026-01-07T05:35:57Z

 			$instructor_name = tutor_utils()->display_name( $author_id );
 			$instructor_url  = tutor_utils()->profile_url( $author_id, true );
-		} elseif ( tutor()->lesson_post_type === $post_type ) {
+		} else {


shewa12

Please check the request changes.

shewa12 · 2026-01-12T07:46:01Z

+			$quiz_id   = $quiz_attempt->quiz_id ?? 0;
+			$course_id = $quiz_attempt->course_id ?? 0;
+
+			$course_title = get_the_title( $course_id ) ?? '';


Quiz attempts have the course ID, if we take the title too, then we can skip the get_post_title for each quiz attempt.

shewa12 · 2026-01-12T08:10:14Z

+ * @since 4.0.0
+ */
+
+$attempts_count = count( $attempts );


First need to check if the $attempts var is an array then count

shewa12 · 2026-01-12T09:56:40Z

+$attempts_count  = $attempts_count ?? 0;
+$badge           = Badge::make()->label( 'Failed' )->variant( Variant::CANCELLED )->circle();
+$kebab_button    = Button::make()
+					->icon(


We can just use the icon name in the following way:

Button::make() ->label( 'Switch to Learner' ) ->size( Size::MEDIUM ) ->variant( Variant::PRIMARY_SOFT ) ->icon( Icon::RELOAD ) ->attr( 'data-id', 101 ) ->render();

New Instructor Quiz Attempt Page Design

ccf904d

Anindra123 added the 4.0.0 Tutor v4.w0w label Dec 22, 2025

Anindra123 added 4 commits December 22, 2025 18:03

added delete functionality with alpine

48aa924

added modal for confirmation

09abf05

Merge branch '4.0.0-dev' into v4-quiz-attempts

1902041

attempt delete and filters added

5b53645

Anindra123 requested review from sazedul-haque and shewa12 December 23, 2025 09:28

Anindra123 marked this pull request as ready for review December 23, 2025 09:28

sazedul-haque requested changes Dec 26, 2025

View reviewed changes

sazedul-haque reviewed Dec 26, 2025

View reviewed changes

Anindra123 added 9 commits January 5, 2026 12:32

Merge branch '4.0.0-dev' into v4-quiz-attempts

eeb384e

added changes

bf6ebbb

Merge branch '4.0.0-dev' into v4-quiz-attempts

445c46f

update formatting

e7c82cf

update formatting

9a8ea3e

updated confirmation modal and preview trigger to use php component

a688d4d

added datefilter and updated it to fix the button style

33951ee

Merge branch '4.0.0-dev' into v4-quiz-attempts

af4761f

Added mobile responsive design

b3fc0f4

Anindra123 requested a review from sazedul-haque January 6, 2026 08:05

sazedul-haque requested changes Jan 7, 2026

View reviewed changes

Anindra123 added 3 commits January 8, 2026 11:36

Merge branch '4.0.0-dev' into v4-quiz-attempts

58ef464

updated css and added required changes

a2b4194

updated class selector

a3e7533

Anindra123 requested a review from sazedul-haque January 8, 2026 08:57

shewa12 reviewed Jan 12, 2026

View reviewed changes

Anindra123 added 2 commits January 16, 2026 17:16

Merge branch '4.0.0-dev' into v4-quiz-attempts

af782d0

added given changes

0d1a8a5

sazedul-haque approved these changes Jan 19, 2026

View reviewed changes

Anindra123 merged commit ab9bd8a into 4.0.0-dev Jan 19, 2026
0 of 13 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

New Instructor Quiz Attempt Page Design#2271

New Instructor Quiz Attempt Page Design#2271
Anindra123 merged 19 commits into4.0.0-devfrom
v4-quiz-attempts

Anindra123 commented Dec 22, 2025 •

edited

Loading

Uh oh!

sazedul-haque Dec 26, 2025

Uh oh!

sazedul-haque Dec 26, 2025

Uh oh!

sazedul-haque Dec 26, 2025

Uh oh!

sazedul-haque Dec 26, 2025

Uh oh!

sazedul-haque Jan 7, 2026

Uh oh!

sazedul-haque Jan 7, 2026

Uh oh!

sazedul-haque Jan 7, 2026

Uh oh!

sazedul-haque Jan 7, 2026

Uh oh!

shewa12 left a comment

Uh oh!

shewa12 Jan 12, 2026

Uh oh!

shewa12 Jan 12, 2026

Uh oh!

shewa12 Jan 12, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

Anindra123 commented Dec 22, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Overview

Changes

Mobile Responsive Design

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

shewa12 left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Anindra123 commented Dec 22, 2025 •

edited

Loading