[Vulnerabilities dashboards] Add global vulnerabilities dashboards #5896

Machi3mfl · 2023-09-18T16:05:33Z

Description

This PR, adds the following features:

New global vulnerabilities dashboard
Replace the inventory panel

Test

Generate random data for the vulnerabilities module ([Update dashboards] Global vulnerabilities dashboards #5763 (comment))
Go to Modules -> Vulnerabilities and test following

Test	Result
Check that the dashboard tab looks like the reference in the comment (#5896 (comment)).	⚫
Check that the inventory tab looks like the reference in the comment (#5896 (comment)).	⚫
Use search bar input to filter any word and check if the dashboard shows the corresponding results.	⚫
Select an option from one of the recommended filters and check that the corresponding filter is added and the dashboard changes according to the applied filter.	⚫
Add a filter through interaction with a visualization and check that the dashboard updates.	⚫
Add a filter on search bar and the dashboard changes according to the applied filter.	⚫
Use search bar input to filter any word and check if the table shows the corresponding results.	⚫
Use the input and type an incorrect word to check if the no results message is shown.	⚫
Use the add filters button, select any filter and check if the table shows the corresponding results.	⚫
Use the page and rows per page selector, and check if is working as expected.	⚫
Use the data grid toolbar controls functionality (columns selector, density, sort fields, full screen).	⚫
Use export formatted control (export table to CSV button).	⚫
Use the header columns controls (column visibility, column sorting, column position).	⚫
Click on the inspect document button and check the flyout functionality, the details must show the row clicked on the table.	⚫

Check List

All tests pass
- yarn test:jest
New functionality includes testing.
New functionality has been documented.
Update CHANGELOG.md
Commits are signed per the DCO using --signoff

…boards (#5947) * Add useDashboardConfiguration and unit test hook * Changed how the initial hook configuration is set

* Add search bar hooks * Rename searchbar hook * Add unit test to use search bar configuration hook * Fix some unit test titles * Remove console.log * Solve requested changes * Fix request changes and hook filename

…rch bar by default (#5970) Remove agent id filter in searchbar

* Add data grid hook * Add doc viewer component and hook * Add ui utils components * Add new vuls inventory component * Add vuls inventory in module rendering * Add full height container * Add inventory table columns * Remove columns fields filter by keyword type

…d plugins (#5966) * Add useDashboardConfiguration and unit test hook * Changed how the initial hook configuration is set * Create dashboard using embedded visualizations by value. * [Vulnerabilities dashboards] Add search bar services (#5960) * Add search bar hooks * Rename searchbar hook * Add unit test to use search bar configuration hook * Fix some unit test titles * Remove console.log * Solve requested changes * Fix request changes and hook filename * [Vulnerabilities dashboards] Fix wrong agent.id filters loaded in search bar by default (#5970) Remove agent id filter in searchbar * Recommended filters are added and communication problems between the dashboard and the searchbar are solved * Update Vulnerability detector dashboard filters visualization and VULNERABILITIES_INDEX_PATTERN_ID constant * Change KPI dashboard and fix bad request * Separates filter panels from dashboard panels * Add Accumulation of the most detected vulnerabilities visualization and change --------- Co-authored-by: Maximiliano Ibarra <[email protected]>

Fix vulnerability dashboard filters

…vuls dashboard tab

Machi3mfl · 2023-11-01T20:12:13Z

Inventory tab

Test cases

Use search bar input to filter any word and check if the table shows the corresponding results

Use the input and type an incorrect word to check if the no results message is shown

Use the add filters button, select any filter and check if the table shows the corresponding results

Use the page and rows per page selector, and check if is working as expected

Use the data grid toolbar controls functionality (columns selector, density, sort fields, full screen)

Use export formatted control (export table to CSV button)

Use the header columns controls (column visibility, column sorting, column position)

Click on the inspect document button and check the flyout functionality, the details must show the row clicked on the table.

github-actions · 2023-11-02T14:06:21Z

Code coverage (Jest)	%	values
Statements	11.77%	( 4095 / 34780 )
Branches	7.98%	( 1870 / 23429 )
Functions	11.26%	( 937 / 8320 )
Lines	11.95%	( 3981 / 33301 )

lucianogorza · 2023-11-02T14:57:13Z

CR 🟢

TEST 🟢

Test	Result
Check that the dashboard tab looks like the reference in the comment (#5896 (comment)).	🟢
Check that the inventory tab looks like the reference in the comment (#5896 (comment)).	🟢
Use search bar input to filter any word and check if the dashboard shows the corresponding results.	🟢
Select an option from one of the recommended filters and check that the corresponding filter is added and the dashboard changes according to the applied filter.	🟢
Add a filter through interaction with a visualization and check that the dashboard updates.	🟡
Add a filter on search bar and the dashboard changes according to the applied filter.	🟢
Use search bar input to filter any word and check if the table shows the corresponding results.	🟢
Use the input and type an incorrect word to check if the no results message is shown.	🟢
Use the add filters button, select any filter and check if the table shows the corresponding results.	🟢
Use the page and rows per page selector, and check if is working as expected.	🟡
Use the data grid toolbar controls functionality (columns selector, density, sort fields, column visibility, full screen).	🟡
Use export formatted control (export table to CSV button).	🟢
Click on the inspect document button and check the flyout functionality, the details must show the row clicked on the table.	🟢

Details

🟢 Check that the dashboard tab looks like the reference in the comment

Chrome 🟢

Light mode

Dark mode

🟢 Check that the inventory tab looks like the reference in the comment

Chrome 🟢

Light mode

Dark mode

🟢 Use search bar input to filter any word and check if the dashboard shows the corresponding results

Chrome 🟢

🟢 Select an option from one of the recommended filters and check that the corresponding filter is added and the dashboard changes according to the applied filter

Chrome 🟢

🟡 Add a filter through interaction with a visualization and check that the dashboard updates

Chrome 🟡

When the user clicks on the The most vulnerable endpoints dashboard, the filter agent.id: agent19 appears repeated in the modal. Then the filter is applied correctly.

🟢 Add a filter on search bar and the dashboard changes according to the applied filter

Chrome 🟢

🟢 Use search bar input to filter any word and check if the table shows the corresponding results

Chrome 🟢

🟢 Use the input and type an incorrect word to check if the no results message is shown

Chrome 🟢

🟢 Use the add filters button, select any filter and check if the table shows the corresponding results

Chrome 🟢

🟡 Use the page and rows per page selector, and check if is working as expected

Chrome 🟡

Pagination 🟡

Error message:

search_phase_execution_exception: [illegal_argument_exception] Reason: Result window is too large, from + size must be less than or equal to: [10000] but was [14940]. See the scroll api for a more efficient way to request large data sets. This limit can be set by changing the [index.max_result_window] index level setting.

Rows per page 🟢

🟡 Use the data grid toolbar controls functionality (columns selector, density, sort fields, column visibility, full screen)

Chrome 🟡

Columns selector 🟢

Density 🟢

Sort fields 🟡

When drag the sort fields the background turns to red

Column visibility 🟢

Full screen 🟢

🟢 Use export formatted control (export table to CSV button)

Chrome 🟢

🟢 Click on the inspect document button and check the flyout functionality, the details must show the row clicked on the table

Chrome 🟢

jbiset · 2023-11-02T15:08:42Z

Dashboard Tab

Light mode

Dark mode

jbiset

CR: 🟢

TEST

Test	Result
Check that the dashboard tab looks like the reference in the comment (#5896 (comment)).	🟢
Check that the inventory tab looks like the reference in the comment (#5896 (comment)).	🟢
Use search bar input to filter any word and check if the dashboard shows the corresponding results.	🟢
Select an option from one of the recommended filters and check that the corresponding filter is added and the dashboard changes according to the applied filter.	🟢
Add a filter through interaction with a visualization and check that the dashboard updates.	🟡
Add a filter on search bar and the dashboard changes according to the applied filter.	🟢
Use search bar input to filter any word and check if the table shows the corresponding results.	🟢
Use the input and type an incorrect word to check if the no results message is shown.	🟢
Use the add filters button, select any filter and check if the table shows the corresponding results.	🟢
Use the page and rows per page selector, and check if is working as expected.	🟡
Use the data grid toolbar controls functionality (columns selector, density, sort fields, full screen).	🟡
Use export formatted control (export table to CSV button).	🟡
Use the header columns controls (column visibility, column sorting, column position).	🟢
Click on the inspect document button and check the flyout functionality, the details must show the row clicked on the table.	🟢

DETAILS

🟢 Check that the dashboard tab looks like the reference in the comment (https://pull/5896#issuecomment-1790919849).

🟢 Check that the inventory tab looks like the reference in the comment (https://pull/5896#issuecomment-1789606985)

🟢 Use search bar input to filter any word and check if the dashboard shows the corresponding results.

🟢 Select an option from one of the recommended filters and check that the corresponding filter is added and the dashboard changes according to the applied filter.

🟡 Add a filter through interaction with a visualization and check that the dashboard updates

🟢 Add a filter on search bar and the dashboard changes according to the applied filter

🟢 Use search bar input to filter any word and check if the table shows the corresponding results

🟢 Use the input and type an incorrect word to check if the no results message is shown

🟢 Use the add filters button, select any filter and check if the table shows the corresponding results.

🟡 Use the page and rows per page selector, and check if is working as expected

NOTE: Bad request when from + size is not less than or equal to 10000
Related documentation: https://opensearch.org/docs/latest/im-plugin/index-settings/#dynamic-index-settings

🟡 Use the data grid toolbar controls functionality (columns selector, density, sort fields, full screen) and Use the header columns controls (column visibility, column sorting, column position).

🟢 Columns selector

🟢 Density

🟡 Sort fields

NOTE: When dragging the sort fields the background turns red but then they swap correctly

🟢 Full screen

🟢 Column visibility

🟡 Use export formatted control (export table to CSV button).

NOTE: Same error as in pagination

🟢 Click on the inspect document button and check the flyout functionality, the details must show the row clicked on the table

Machi3mfl added 2 commits September 18, 2023 13:02

Added plugins dependencies

37b42a2

Add new inventories tabs scaffolding

9a2ff52

Machi3mfl requested a review from a team as a code owner September 18, 2023 16:05

Machi3mfl linked an issue Sep 18, 2023 that may be closed by this pull request

[Update dashboards] Global vulnerabilities dashboards #5763

Closed

33 tasks

Machi3mfl added 2 commits September 27, 2023 11:06

Refactor arquitecture

5d5333d

Add searchbar folder

350d7f7

Machi3mfl changed the title ~~[Vulnerabilities dashboards] Global vulnerabilities dashboard~~ [Vulnerabilities dashboards] Global vulnerabilities dashboards Sep 27, 2023

jbiset and others added 12 commits September 29, 2023 15:09

Add useDashboardConfiguration hook for configuring vulnerability dash…

2ccf4cf

…boards (#5947) * Add useDashboardConfiguration and unit test hook * Changed how the initial hook configuration is set

[Vulnerabilities dashboards] Add search bar services (#5960)

8b76f24

* Add search bar hooks * Rename searchbar hook * Add unit test to use search bar configuration hook * Fix some unit test titles * Remove console.log * Solve requested changes * Fix request changes and hook filename

[Vulnerabilities dashboards] Fix wrong agent.id filters loaded in sea…

4bacf97

…rch bar by default (#5970) Remove agent id filter in searchbar

Fix default filters on usesearchbar configuration

fcf1e78

[Vulnerabilities dashboards] Fix vulnerability dashboard filters (#6065)

73cd071

Fix vulnerability dashboard filters

Remove date picker from searchbar on vuls inventory tab

68686f0

Remove date picker from searchbar and open vs close visualization on …

f583dd3

…vuls dashboard tab

Change Accumulation of the most detected vulnerabilities chart

1267640

Add data grid csv export

457917a

Add error management and export csv calls pagination

edb04e2

Machi3mfl changed the base branch from 4.7.0 to 4.8.0 November 1, 2023 20:12

Machi3mfl added 2 commits November 1, 2023 17:12

Merge branch '4.8.0' into feat/5763-global-vulnerabilities-dashboard

2c91837

Merge branch '4.8.0' into feat/5763-global-vulnerabilities-dashboard

d95a4bc

Machi3mfl changed the title ~~[Vulnerabilities dashboards] Global vulnerabilities dashboards~~ [Vulnerabilities dashboards] Add global vulnerabilities dashboards Nov 2, 2023

Machi3mfl added 4 commits November 2, 2023 10:45

Remove unused hook

09d3a84

Update CHANGELOG

194e065

Fix CHANGELOG

ec01296

Remove explore agent in header

8cb2210

lucianogorza self-requested a review November 2, 2023 14:15

lucianogorza approved these changes Nov 2, 2023

View reviewed changes

jbiset approved these changes Nov 2, 2023

View reviewed changes

asteriscos merged commit 0744482 into 4.8.0 Nov 3, 2023
2 checks passed

asteriscos deleted the feat/5763-global-vulnerabilities-dashboard branch November 3, 2023 10:15

asteriscos mentioned this pull request Jan 15, 2024

Release 4.8.0 - Alpha 2 - Wazuh UI regression testing #6307

Closed

1 task

lucianogorza mentioned this pull request Feb 6, 2024

Release 4.8.0 - Beta 1 - Wazuh UI regression testing #6386

Closed

1 task

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Vulnerabilities dashboards] Add global vulnerabilities dashboards #5896

[Vulnerabilities dashboards] Add global vulnerabilities dashboards #5896

Machi3mfl commented Sep 18, 2023 •

edited by jbiset

Loading

Machi3mfl commented Nov 1, 2023

github-actions bot commented Nov 2, 2023

lucianogorza commented Nov 2, 2023 •

edited

Loading

Light mode

Dark mode

Light mode

Dark mode

Pagination 🟡

Rows per page 🟢

Columns selector 🟢

Density 🟢

Sort fields 🟡

Column visibility 🟢

Full screen 🟢

jbiset commented Nov 2, 2023

jbiset left a comment

[Vulnerabilities dashboards] Add global vulnerabilities dashboards #5896

[Vulnerabilities dashboards] Add global vulnerabilities dashboards #5896

Conversation

Machi3mfl commented Sep 18, 2023 • edited by jbiset Loading

Description

Test

Check List

Machi3mfl commented Nov 1, 2023

Inventory tab

Test cases

github-actions bot commented Nov 2, 2023

lucianogorza commented Nov 2, 2023 • edited Loading

CR 🟢

TEST 🟢

Details

Light mode

Dark mode

Light mode

Dark mode

Pagination 🟡

Rows per page 🟢

Columns selector 🟢

Density 🟢

Sort fields 🟡

Column visibility 🟢

Full screen 🟢

jbiset commented Nov 2, 2023

Dashboard Tab

Light mode

Dark mode

jbiset left a comment

Choose a reason for hiding this comment

CR: 🟢

TEST

DETAILS

🟢 Columns selector

🟢 Density

🟡 Sort fields

🟢 Full screen

🟢 Column visibility

Machi3mfl commented Sep 18, 2023 •

edited by jbiset

Loading

lucianogorza commented Nov 2, 2023 •

edited

Loading