Feature: Data Tables

[Nouxx]

Feature

Data Table component : allow to interact with Cerberus entities (testcase, data libraries, applications, etc.)

Specs

Filtering

• The datatable datas are filtered by system
• I can filter in all columns with a global search field
• I can filter on a specific column with a search field associated
• I can filter on a column which is not displayed
• By default filters are not checked
• Filters selection are validated when I click outside the select display
• There is a temporisation on search field (ex : request beggins at 500ms or 2/3 caracters)

Columns

• I can drag and drop columns
• I can not scroll horizontaly
• Columns are not resizable = Columns width is adjusted automatically
• I can add or remove columns (no maximum)
• I can sort on columns that are displayed
• Default column are : Application / Test Folder / TestCase Id / Label / Description / Status / Priority
• Columns are automaticaly updated from user preferencies (no save button)

Actions

• Action buttons are displayed on hover
• If checkboxes are selected, mass actions buttons are displayed
• When I click on a line, I am redirected to the TC Script
• Hover Action button list : Edit TestCase Header / Run TestCase / Duplicate TC / Delete TC /
• Top Action button list : Edit TestCase Header / Run TestCase / Duplicate TC / Delete TC /
• Top Mass Action button list : Run Testcase / Edit Label / Edit Status / Edit Priority / Delete TC /
• Pagination & item number are fixed and must be visible no matter on many test case are rendered

To Do

V0

• Colums display
• Filters
• Server side pagination
• Create API v2 ReadTestCase

V1

• Colums sizing (to validate)
• Colums sort
• Users prefs management (dependency with Keycloak auth)
• Component standardization
• Results depending on system selection

Draft

[Galand-V]

Returns from the 08-02-19 meeting :

• Add the behaviour deselect all on the mass action checkbox
• Add pophover on the description field
• Add space for label column (reduce TCid ?)
• Modify contrat ? (css tag color inversion)
• Investigate on a scroll to load datas instead of the page numbering
• Delete the caseSensitive in the search field
• Modify the "filter" picto in the respective columns. Display only 1 type instead of the 2 present

Question : if the massaction checkbox is ticked but all the rows are not loaded, does the massAction will affect only the loaded elements or the entire result to be displayed ?

Thank you @Anthony-Jhoiro for your good work ;)