Skip to content

Update filter and sort bar in Service Desk List

Create a vue app that will render issuable-list component with service desk issues only. The new view should include:

  • current Service Desk banner (app/views/projects/issues/service_desk/_service_desk_info_content.html.haml)
  • filtered search bar with tokens
  • because of how we mark service desk issues, author and type search tokens should not be included
  • at this point, the action button for the list should not be implemented ( &10706 (comment 1429078482) )

This change will be hidden behind the feature flag: #415385 (closed)

Proposed steps for implementation:

  1. Create the app for service desk issues and add queries that will show all the issues created by the bot and issues count for tabs
  2. Recreate info banner about service desk
  3. Define tokens for search bar
  4. Add sorting functionality
  5. Add loading state and improve empty state
    • empty state when there is no issues, that includes a version of info banner
    • empty state when search has no results
    • empty state when one of the tabs has no issues (no closed issues)
    • loading state for issues list
    • alert for errors with dismiss handle
    • handling of next/previous page

define grid columns if possible at the time (see: !121062 (closed)) won't do, the MR I was counting on was implemented only in JiHu

Edited by Paulina Sedlak-Jakubowska