Part 7 - Courses dashboard

  • For easy debugging, you should start by including the JSON::dump helper function in your project

JSON dump

  • Show a list/dashboard of courses, sorted alphabetically
    • Bootstrap card component per course
      • Course name, course description and programme name
      • Button to manage students
        • For now we redirect to the course detail/show page
  • Form for filtering
    • Filter on course name or course description
    • Choose a programme in the dropdown list
    • Clicking on the 'Search' button submits the form and shows the filtered courses
    • The form also submits when
      • the user leaves the text input field (course name or description)
      • the user changes the dropdown value (programme)
  • Courses without filter:

Dashboard courses

  • Courses filtered on name/description:

Dashboard courses filter web

  • Courses filtered on programme:

Dashboard courses filter programme

  • Courses filtered on name/description and programme:

Dashboard courses filter web programme

  • Course filter without any results:

Dashboard courses filter web programme

Last Updated: 10/20/2020, 1:30:54 PM