Task 2: Complete List Views
Complete the List Views
list-jobs.html template. Currently, the page just establishes the
navigation bar and page title. You need to add code that will present relevant
Display List of Jobs
This page needs to show full job listings—ID, employer, location, etc.
list-jobs.html, create a loop to display each job passed in from the controller. The job data should be presented in tables, with each job in its own table. Be sure to check in
ListControllerto find the variable names available to the template.
Adding the CSS class
"job-listing"to a table provides some nice styling, courtesy of Carly’s work!
Construct a table for each job, with one job field per row, referring to the demo app if you need a visual on how to display the job listings.
Be sure to test your code by running the program and clicking links from different categories on the
a. Clicking the Web - Back End link yields 6 jobs. b. iOS yields 4 jobs. c. New York yields 1 job. d. Etc.
View All Link
list.html template. This file builds the table to display all of
the links for the different
Job fields. However, the link for the
column is missing.
You can fix this several different ways, but two options are presented below. Note that you only need to implement ONE option, not both.
ListControllerto include another key/value pair. Check the method that renders the template to help identify the name to use for the key.
list.htmlto fill in the empty table cell with the necessary link. Check
ListControllerto help identify the data to pass in for the query parameters.
Be sure to test your code by clicking your new View All link in the table. There are 98 jobs in the data file.