New Instructor Quiz Attempt Page Design

[Anindra123]

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 Modal php component for confirmation modal
• Added SearchFilter , Sorting components for searching and sorting list

[sazedul-haque]

already has padding-bottom at line number: 27

[sazedul-haque]

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

[sazedul-haque]

No need this if delete confirmation modal component is used

[sazedul-haque]

Double check with the design.