Provide filter for jobs list table

[fanyangCS]

No description provided.

[scarlett2018]

cleaning old issues, @fanyangCS please help to evaluate whether this is still an issue, thanks.

[squirrelsc]

As there may be a lot of jobs in job list, a filter is helpful to find interested one. Currently, there is a search box, and can search in any column. But it's not so intuitive, and friendly. It's better to provide some filters, like My jobs, Running, Failed as so on. So that user can get them with one click.

[fanyangCS]

#2111

[Gerhut]

Artboards

• Only the content part will be implemented.
• This design is align to Microsoft Office UI Fabric

[Gerhut]

Test case:

1. Job lists rendered fine, could go into details page
2. Paginator works fine
3. Filters
   a. All filters works fine
   b. Filtered label displayed in the label, with (+n) when multiple
   c. Change the filters will reset the pagination
   d. Clear filter (cross icon at the right of the filter bar)
4. Ordered by Name / Date Modified / User / Duration / Vrtual Cluster / Status
5. "Stop" button
   a. For simple job, right of the row.
   b. For multiple jobs at the top bar.
6. "New" button, linked to submit job page.
7. The filter state will persist after browser close and open.
8. The initial filter:�to recover the initial filter: run window.localStorage.removeItem("pai-job-filter") in console.
   a. If user is admin, default no filtered.
   b. If not, default filtered user's jobs.