Skip to content

GLQL: Add Crud to table view

What does this MR do and why?

Note this is very much still an POC.

As I'm a heavy user of GLQL and I'm absolutely in love, I looked into ways to make it even more informal for my use cases.

There are my proposed changes:

  • Move table, list and orderedList views into a Crud container
  • Display the count of items shown
  • Adds the ability to collapse a GLQL table view
  • Adds a new optional "title" prop to glql
  • Adds a new optional "description" prop to glql

These changes would allow us to use custom headings for a GLQL block and also an icon and the ability to collapse them. Crud has many features built in to to persist the state of the collapsed state would be an option and also adding any type of pager.

E.g.:

  ```glql
    title: Custom GLQL 🎉
    description: A custom GLQL which lists open issues with the label Bronco.
    display: table
    fields: state, title, assignee, labels("*"), labels("Bronco"), created, updated
    query: opened = true
    limit: 5
  ```

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
table
table_before table_after
table_before_dakr table_after_dark
list
list_before list_after
list_before_dark list_after_dark
orderedList
orderedList_before orderedList_after
orderedList_before_dark orderedList_after_dark

How to set up and validate locally

  1. Go to an issue (e.g. http://gdk.test:3000/flightjs/Flight/-/issues/35)
  2. Paste the GLQL snippet from above

Related to #512691 (closed)

Edited by Sascha Eggenberger

Merge request reports

Loading