Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Left menu changes #6086

Merged

Conversation

yenienserrano
Copy link
Member

@yenienserrano yenienserrano commented Nov 1, 2023

Description

Changes in the left menu order
Change of styles in Home > Overview
Changed left menu and breadcrumbs names
Redirects were changed so that it does not refresh the page and to have it centralized in the applications file.

Issues Resolved

Evidence

image
image
image

Test

Legend:
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

UI

Test Chrome
See the menu titles without camel case and the sub sections in camel case, in the breadcrumb it should look the same.
The Home > Overview icon styles should be the same as those in the menu (test it in dark and light mode)
Breadcrumb redirect well to the agent
In the agent view: The pinned applications should redirect to the respective application without reloading the page and if you hover it should show the url to which it redirects.
In the agent view: When the menu is opened with the More button the options should redirect to the respective application without reloading the page and if hovered the url to which it redirects should appear.
In the agent view: The Open MITRE ATT&CK button should redirect to the MITRE ATT&CK application without reloading the page and if hovered the url to which it redirects should appear.
In the agent view: On the FIM card the icon should redirect to FIM without reloading the page and if hovered the url should appear.
In the agent view: On the SCA: last scan card the icon should redirect to SCA without reloading the page and if the cursor is hovered over the url it redirects to should appear.
In the agent view: On the SCA: last scan card the title should redirect to SCA without reloading the page and hovering over it should display the url it redirects to.
In the agent view: On the SCA: last scan card The caption should redirect to SCA without reloading the page and if hovered over should display the url to which it redirects.
In the overview: Without agents the Add agent button should redirect to the Endpoint Summary application without making a page reload and if hovered the url to which it redirects should appear.
In the overview: The cards should redirect to their respective application without reloading the page and if you hover on the title you should see the url you are redirected to.
In the healthcheck: The Go to settings button should redirect to the Server APIs application without reloading the page and if you hover it should show the url to which it redirects.
Applications with sample data: The button that takes you to sample data from the applications should redirect to the Sample Data application without making a page reload and if you hover it should appear the url to which it redirects.
In Endpoint Summary: The action buttons of the table should redirect to the IT Hygiene application without reloading the page and if hovered the url to which it redirects should appear.
In the configuration of an agent: The group buttons should redirect to the Endpoint Groups application without reloading the page and if hovered the url should be displayed.
In statistics: The Settings button should redirect to the App Settings application without a page reload and if hovered the url to which it redirects should appear.

Details

⚫ See the menu titles without camel case and the sub sections in camel case, in the breadcrumb it should look the same.

Chrome - ⚫

⚫ The Home > Overview icon styles should be the same as those in the menu (test it in dark and light mode)

Chrome - ⚫

⚫ Breadcrumb redirect well to the agent

Chrome - ⚫

⚫ In the agent view: The pinned applications should redirect to the respective application without reloading the page and if you hover it should show the url to which it redirects.

Chrome - ⚫

⚫ In the agent view: When the menu is opened with the `More` button the options should redirect to the respective application without reloading the page and if hovered the url to which it redirects should appear.

Chrome - ⚫

⚫ In the agent view: The Open MITRE ATT&CK button should redirect to the MITRE ATT&CK application without reloading the page and if hovered the url to which it redirects should appear.

Chrome - ⚫

⚫ In the agent view: On the `FIM` card the icon should redirect to `FIM` without reloading the page and if hovered the url should appear.

Chrome - ⚫

⚫ In the agent view: On the `SCA: last scan` card the icon should redirect to `SCA` without reloading the page and if the cursor is hovered over the url it redirects to should appear.

Chrome - ⚫

⚫ In the agent view: On the `SCA: last scan` card the title should redirect to `SCA` without reloading the page and hovering over it should display the url it redirects to.

Chrome - ⚫

⚫ In the agent view: On the `SCA: last scan` card The caption should redirect to `SCA` without reloading the page and if hovered over should display the url to which it redirects.

Chrome - ⚫

⚫ In the overview: Without agents the `Add agent` button should redirect to the `Endpoint Summary` application without making a page reload and if hovered the url to which it redirects should appear.

Chrome - ⚫

⚫ In the overview: The cards should redirect to their respective application without reloading the page and if you hover on the title you should see the url you are redirected to.

Chrome - ⚫

⚫ In the healthcheck: The `Go to settings` button should redirect to the `Server APIs` application without reloading the page and if you hover it should show the url to which it redirects.

Chrome - ⚫

⚫ - Applications with sample data: The button that takes you to sample data from the applications should redirect to the `Sample Data` application without making a page reload and if you hover it should appear the url to which it redirects.

Chrome - ⚫

⚫ - In Endpoint Summary: The action buttons of the table should redirect to the `IT Hygiene` application without reloading the page and if hovered the url to which it redirects should appear.

Chrome - ⚫

⚫ - In the configuration of an agent: The group buttons should redirect to the `Endpoint Groups` application without reloading the page and if hovered the url should be displayed.

Chrome - ⚫

⚫ - In statistics: The `Settings` button should redirect to the `App Settings` application without a page reload and if hovered the url to which it redirects should appear.

Chrome - ⚫

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

@yenienserrano yenienserrano requested a review from a team as a code owner November 1, 2023 18:39
@JuanGarriuz JuanGarriuz self-requested a review November 2, 2023 07:05
@chantal-kelm chantal-kelm self-requested a review November 2, 2023 15:12
Copy link
Contributor

github-actions bot commented Nov 2, 2023

Code coverage (Jest) % values
Statements 11.81% ( 4031 / 34111 )
Branches 8.03% ( 1850 / 23012 )
Functions 11.07% ( 900 / 8129 )
Lines 11.97% ( 3918 / 32707 )

@asteriscos asteriscos self-requested a review November 2, 2023 17:02
@asteriscos
Copy link
Member

asteriscos commented Nov 2, 2023

Test

Legend:
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

UI

Test Chrome
See the menu titles without camel case and the sub sections in camel case, in the breadcrumb it should look the same. 🟢
The Home > Overview icon styles should be the same as those in the menu (test it in dark and light mode) 🟢
Breadcrumb redirect well to the agent 🟢
In the agent view: The pinned applications should redirect to the respective application without reloading the page and if you hover it should show the url to which it redirects. 🟢
In the agent view: When the menu is opened with the More button the options should redirect to the respective application without reloading the page and if hovered the url to which it redirects should appear. 🟢
In the agent view: The Open MITRE ATT&CK button should redirect to the MITRE ATT&CK application without reloading the page and if hovered the url to which it redirects should appear. 🟢
In the agent view: On the FIM card the icon should redirect to FIM without reloading the page and if hovered the url should appear. 🟢
In the agent view: On the SCA: last scan card the icon should redirect to SCA without reloading the page and if the cursor is hovered over the url it redirects to should appear. 🟢
In the agent view: On the SCA: last scan card the title should redirect to SCA without reloading the page and hovering over it should display the url it redirects to. 🟢
In the agent view: On the SCA: last scan card The caption should redirect to SCA without reloading the page and if hovered over should display the url to which it redirects. 🟢
In the overview: Without agents the Add agent button should redirect to the Endpoint Summary application without making a page reload and if hovered the url to which it redirects should appear. 🟢
In the overview: The cards should redirect to their respective application without reloading the page and if you hover on the title you should see the url you are redirected to. 🟢
In the healthcheck: The Go to settings button should redirect to the Server APIs application without reloading the page and if you hover it should show the url to which it redirects. 🟢
Applications with sample data: The button that takes you to sample data from the applications should redirect to the Sample Data application without making a page reload and if you hover it should appear the url to which it redirects. 🟢
In Endpoint Summary: The action buttons of the table should redirect to the IT Hygiene application without reloading the page and if hovered the url to which it redirects should appear. 🟢
In the configuration of an agent: The group buttons should redirect to the Endpoint Groups application without reloading the page and if hovered the url should be displayed. 🟢
In statistics: The Settings button should redirect to the App Settings application without a page reload and if hovered the url to which it redirects should appear. 🟢

Important

🟡 The breadcrumb flickers and changes its state several times on each navigation. This should be fixed.

Details

🟢 See the menu titles without camel case and the sub sections in camel case, in the breadcrumb it should look the same.

Chrome - 🟢

image

🟢 The Home > Overview icon styles should be the same as those in the menu (test it in dark and light mode)

Chrome - 🟢

image

image

🟢 Breadcrumb redirect well to the agent

Chrome - 🟢

Peek 2023-11-02 18-18

🟢 In the agent view: The pinned applications should redirect to the respective application without reloading the page and if you hover it should show the url to which it redirects.

Chrome - 🟢

Peek 2023-11-02 18-18

🟢 In the agent view: When the menu is opened with the `More` button the options should redirect to the respective application without reloading the page and if hovered the url to which it redirects should appear.

Chrome - 🟢

Peek 2023-11-02 18-18

🟢 In the agent view: The Open MITRE ATT&CK button should redirect to the MITRE ATT&CK application without reloading the page and if hovered the url to which it redirects should appear.

Chrome - 🟢

Peek 2023-11-02 19-13

🟢 In the agent view: On the `FIM` card the icon should redirect to `FIM` without reloading the page and if hovered the url should appear.

Chrome - 🟢

Peek 2023-11-02 19-14

🟢 In the agent view: On the `SCA: last scan` card the icon should redirect to `SCA` without reloading the page and if the cursor is hovered over the url it redirects to should appear.

Chrome - 🟢

Peek 2023-11-02 19-15

🟢 In the agent view: On the `SCA: last scan` card the title should redirect to `SCA` without reloading the page and hovering over it should display the url it redirects to.

Chrome - 🟢

Peek 2023-11-02 19-15

🟢 In the agent view: On the `SCA: last scan` card The caption should redirect to `SCA` without reloading the page and if hovered over should display the url to which it redirects.

Chrome - 🟢

Peek 2023-11-02 19-16

🟢 In the overview: Without agents the `Add agent` button should redirect to the `Endpoint Summary` application without making a page reload and if hovered the url to which it redirects should appear.

Chrome - 🟢

Peek 2023-11-02 19-51

🟢 In the overview: The cards should redirect to their respective application without reloading the page and if you hover on the title you should see the url you are redirected to.

Chrome - 🟢

Peek 2023-11-02 19-54

🟢 In the healthcheck: The `Go to settings` button should redirect to the `Server APIs` application without reloading the page and if you hover it should show the url to which it redirects.

Chrome - 🟢

Peek 2023-11-02 19-10

🟢 - Applications with sample data: The button that takes you to sample data from the applications should redirect to the `Sample Data` application without making a page reload and if you hover it should appear the url to which it redirects.

Chrome - 🟢

Peek 2023-11-02 19-56

🟢 - In Endpoint Summary: The action buttons of the table should redirect to the `IT Hygiene` application without reloading the page and if hovered the url to which it redirects should appear.

Chrome - 🟢

Peek 2023-11-02 19-57

Peek 2023-11-02 19-58

🟢 - In the configuration of an agent: The group buttons should redirect to the `Endpoint Groups` application without reloading the page and if hovered the url should be displayed.

Chrome - 🟢

Peek 2023-11-02 19-59

🟢 - In statistics: The `Settings` button should redirect to the `App Settings` application without a page reload and if hovered the url to which it redirects should appear.

Chrome - 🟢

Peek 2023-11-02 20-00

@chantal-kelm
Copy link
Member

chantal-kelm commented Nov 2, 2023

Test Chrome
See the menu titles without camel case and the sub sections in camel case, in the breadcrumb it should look the same. 🟢
The Home > Overview icon styles should be the same as those in the menu (test it in dark and light mode) 🟢
Breadcrumb redirect well to the agent 🟢
In the agent view: The pinned applications should redirect to the respective application without reloading the page and if you hover it should show the url to which it redirects. 🟢
In the agent view: When the menu is opened with the More button the options should redirect to the respective application without reloading the page and if hovered the url to which it redirects should appear. 🟢
In the agent view: The Open MITRE ATT&CK button should redirect to the MITRE ATT&CK application without reloading the page and if hovered the url to which it redirects should appear. 🟢
In the agent view: On the FIM card the icon should redirect to FIM without reloading the page and if hovered the url should appear. 🟢
In the agent view: On the SCA: last scan card the icon should redirect to SCA without reloading the page and if the cursor is hovered over the url it redirects to should appear. 🟢
In the agent view: On the SCA: last scan card the title should redirect to SCA without reloading the page and hovering over it should display the url it redirects to. 🟢
In the agent view: On the SCA: last scan card The caption should redirect to SCA without reloading the page and if hovered over should display the url to which it redirects. 🟢
In the overview: Without agents the Add agent button should redirect to the Endpoint Summary application without making a page reload and if hovered the url to which it redirects should appear. 🟢
In the overview: The cards should redirect to their respective application without reloading the page and if you hover on the title you should see the url you are redirected to. 🟡
In the healthcheck: The Go to settings button should redirect to the Server APIs application without reloading the page and if you hover it should show the url to which it redirects. 🟢
Applications with sample data: The button that takes you to sample data from the applications should redirect to the Sample Data application without making a page reload and if you hover it should appear the url to which it redirects. 🟢
In Endpoint Summary: The action buttons of the table should redirect to the IT Hygiene application without reloading the page and if hovered the url to which it redirects should appear. 🟢
In the configuration of an agent: The group buttons should redirect to the Endpoint Groups application without reloading the page and if hovered the url should be displayed. 🟢
In statistics: The Settings button should redirect to the App Settings application without a page reload and if hovered the url to which it redirects should appear. 🟢

🟡 When clicking on cards or modules from the side menu the breadcrumb blinks and changes state several times per navigation. This should be fixed.

Details

🟢 See the menu titles without camel case and the sub sections in camel case, in the breadcrumb it should look the same.

Chrome - 🟢

image
🟢 The Home > Overview icon styles should be the same as those in the menu (test it in dark and light mode)

Chrome - 🟢
image
image
image
image

🟢 Breadcrumb redirect well to the agent

Chrome - 🟢

Grabacion.de.pantalla.2023-11-02.a.la.s.13.31.14.mov
🟢 In the agent view: The pinned applications should redirect to the respective application without reloading the page and if you hover it should show the url to which it redirects.

Chrome - 🟢

image image
🟢 In the agent view: When the menu is opened with the `More` button the options should redirect to the respective application without reloading the page and if hovered the url to which it redirects should appear.

Chrome - 🟢

image
🟢 In the agent view: The Open MITRE ATT&CK button should redirect to the MITRE ATT&CK application without reloading the page and if hovered the url to which it redirects should appear.

Chrome - 🟢

image
🟢 In the agent view: On the `FIM` card the icon should redirect to `FIM` without reloading the page and if hovered the url should appear.

Chrome - 🟢
image
image

🟢 In the agent view: On the `SCA: last scan` card the icon should redirect to `SCA` without reloading the page and if the cursor is hovered over the url it redirects to should appear.

Chrome - 🟢
image
image

🟢 In the agent view: On the `SCA: last scan` card the title should redirect to `SCA` without reloading the page and hovering over it should display the url it redirects to.

Chrome - 🟢

image image
🟢 In the agent view: On the `SCA: last scan` card The caption should redirect to `SCA` without reloading the page and if hovered over should display the url to which it redirects.

Chrome - 🟢
image
image

🟢 In the overview: Without agents the `Add agent` button should redirect to the `Endpoint Summary` application without making a page reload and if hovered the url to which it redirects should appear.

Chrome - 🟢

image
🟡 In the overview: The cards should redirect to their respective application without reloading the page and if you hover on the title you should see the url you are redirected to.

Chrome - 🟡

When clicking on cards or modules from the side menu the breadcrumb blinks and changes state several times per navigation. This should be fixed.

Grabacion.de.pantalla.2023-11-02.a.la.s.15.03.29.mov
🟢 In the healthcheck: The `Go to settings` button should redirect to the `Server APIs` application without reloading the page and if you hover it should show the url to which it redirects.

Chrome - 🟢
image

🟢 - Applications with sample data: The button that takes you to sample data from the applications should redirect to the `Sample Data` application without making a page reload and if you hover it should appear the url to which it redirects.

Chrome - 🟢
image

🟢 - In Endpoint Summary: The action buttons of the table should redirect to the `IT Hygiene` application without reloading the page and if hovered the url to which it redirects should appear.

Chrome - 🟢

image
🟢 - In the configuration of an agent: The group buttons should redirect to the `Endpoint Groups` application without reloading the page and if hovered the url should be displayed.

Chrome - 🟢
image

Grabacion.de.pantalla.2023-11-02.a.la.s.16.00.37.mov
🟢 - In statistics: The `Settings` button should redirect to the `App Settings` application without a page reload and if hovered the url to which it redirects should appear.

Chrome - 🟢
image

Copy link
Member

@asteriscos asteriscos left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

CR: 🟢
Test: 🟡 The breadcrumb flickers and changes its state several times on each navigation. This should be fixed.

Copy link
Member

@chantal-kelm chantal-kelm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code review: 🟢

Test: 🟡 The breadcrumb flickers and changes its state several times on each navigation. This should be fixed.

@Desvelao
Copy link
Member

Desvelao commented Nov 3, 2023

LGTM!

@Desvelao
Copy link
Member

Desvelao commented Nov 3, 2023

CR: 🟢 Test: 🟡 The breadcrumb flickers and changes its state several times on each navigation. This should be fixed.

The flick is caused due to the navigation between applications. This is happening with built-in applications too.

Copy link
Member

@asteriscos asteriscos left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The flicker issue is not because of this pull request. So I will approve the PR. ✔️

@asteriscos asteriscos merged commit 960af00 into feat/83-move-menu-items-to-applications Nov 3, 2023
2 checks passed
@asteriscos asteriscos deleted the change/94-menu-changes branch November 3, 2023 10:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Integrate our menu into the platform global navigation drawer
4 participants