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.

Sign up for GitHub

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

Improve agent details page #7196

Merged
merged 38 commits into from
Dec 11, 2024
Merged

Improve agent details page #7196

Show file tree
Hide file tree
Changes from 20 commits
Commits
Show all changes
38 commits
Select commit Hold shift + click to select a range
824cb91
style(top_packages_table): increase padding size in EuiPanel for impr…
guidomodarelli Dec 5, 2024
3767ab8
style(vuls_welcome_panel): align text to the left for better readabil…
guidomodarelli Dec 5, 2024
a1453f3
refactor(agents-welcome): update malware detection to vulnerability d…
guidomodarelli Dec 5, 2024
afc22bc
feat(ribbon): add condensed prop to IRibbonItem and implement logic f…
guidomodarelli Dec 5, 2024
2062c8b
fix(dashboard_panels): adjust height of panel '1' from 12 to 7 for im…
guidomodarelli Dec 5, 2024
553aa0a
chore(changelog): document changes to agent details page for better r…
guidomodarelli Dec 5, 2024
9e1ca2f
fix(vuls_panel): change padding size of EuiPanel from 's' to 'm' for …
guidomodarelli Dec 9, 2024
0c1bbbb
fix(agent_info): update IP address style to set min and max width for…
guidomodarelli Dec 9, 2024
5e7bd68
Add euiFlexGroup element to inventory test snapshot
guidomodarelli Dec 9, 2024
fdebc14
fix(agent_details): refine layout of agent details view for improved …
guidomodarelli Dec 9, 2024
41449fe
feat(wz-text-tooltip): implement text truncation with tooltip for imp…
guidomodarelli Dec 10, 2024
f3966a8
style(ribbon-item): adjust max-width for mobile responsiveness in rib…
guidomodarelli Dec 10, 2024
fd19cee
style(agent-info): update minWidth and maxWidth for better layout in …
guidomodarelli Dec 10, 2024
fba9e1d
style(wz-text-tooltip): add anchorClassName for full width in tooltip…
guidomodarelli Dec 10, 2024
b492843
feat(ribbon-item): enhance rendering logic and add render prop for dy…
guidomodarelli Dec 10, 2024
7fc2df9
style(wz-ribbon-item): prevent growth of ribbon item for consistent l…
guidomodarelli Dec 10, 2024
6cf8c97
style(wz-ribbon-item): set font size and prevent growth for consisten…
guidomodarelli Dec 10, 2024
fd91842
style(agent-info): remove min-width for agent status to enhance layou…
guidomodarelli Dec 10, 2024
61fca9b
style(agent-status): add custom margin for icon tip to improve alignm…
guidomodarelli Dec 10, 2024
8be190a
style(agent-info): modify IP address styling to support IPv6 with adj…
guidomodarelli Dec 10, 2024
ba6c886
style(ribbon): reduce group length in GroupTruncate to enhance displa…
guidomodarelli Dec 10, 2024
99d42cf
style(agent-info): streamline styling by removing minWidth properties…
guidomodarelli Dec 10, 2024
44b56b7
style(wz-text-tooltip): enhance text display responsiveness with word…
guidomodarelli Dec 10, 2024
eb95366
Update lifecycle method from componentDidMount to componentDidUpdate
guidomodarelli Dec 11, 2024
ade7a4b
Increase group truncate length to 30 characters
guidomodarelli Dec 11, 2024
5fc9bd8
style(agent-info): make 'Group' value condensed and remove maxWidth f…
guidomodarelli Dec 11, 2024
0ab2271
fix(ribbon-item): rename elementStyle to contentStyle for clarity in …
guidomodarelli Dec 11, 2024
1ad68b9
refactor(wz-text-tooltip): rename buildContent to renderContent for i…
guidomodarelli Dec 11, 2024
1067c83
refactor(wz-text-tooltip): extract createClone method for cleaner cod…
guidomodarelli Dec 11, 2024
f61d79f
refactor(ribbon-item): change item.style to contentStyle for improved…
guidomodarelli Dec 11, 2024
d93efd4
feat(platform): add getPlatformIcon and getOsName functions for impro…
guidomodarelli Dec 11, 2024
0c3c463
feat(agent-info): enhance OS display by integrating platform icon and…
guidomodarelli Dec 11, 2024
46450be
refactor(ribbon-item): update WzTextWithTooltipIfTruncated to use con…
guidomodarelli Dec 11, 2024
f7eb711
refactor(ribbon-item): use contentStyle instead of item.style for imp…
guidomodarelli Dec 11, 2024
0371c6a
refactor(wz-text-with-tooltip): convert class to functional component…
guidomodarelli Dec 11, 2024
7f7d2c7
refactor(agent-info): add minWidth style to registration and last kee…
guidomodarelli Dec 11, 2024
112a9a7
Merge branch '4.10.1' into enhancement/7193-improve-agent-details-page
asteriscos Dec 11, 2024
6de338e
refactor(agent-status): update tooltip class name for improved stylin…
guidomodarelli Dec 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,10 @@ All notable changes to the Wazuh app project will be documented in this file.

- Support for Wazuh 4.10.1

### Changed

- Refined the layout of the agent details view [#7193](https://github.com/wazuh/wazuh-dashboard-plugins/issues/7193)

## Wazuh v4.10.0 - OpenSearch Dashboards 2.16.0 - Revision 03

### Added
Expand Down
3 changes: 3 additions & 0 deletions plugins/main/public/components/agents/agent-status.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.wz-agent-icon-tip {
margin-left: 5px;
}
3 changes: 2 additions & 1 deletion plugins/main/public/components/agents/agent-status.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React from 'react';

Check failure on line 1 in plugins/main/public/components/agents/agent-status.tsx

View workflow job for this annotation

GitHub Actions / Ensure the code format on the changed files 

Definition for rule 'import/no-unused-modules' was not found
import {
agentStatusColorByAgentStatus,
agentStatusLabelByAgentStatus,
Expand All @@ -9,6 +9,7 @@
import { AGENT_STATUS_CODE } from '../../../common/constants';
import '../../styles/common.scss';
import { Agent } from '../endpoints-summary/types';
import './agent-status.scss';

interface AgentStatusProps {
status: TAgentStatus;
Expand All @@ -28,7 +29,7 @@
);
return (
<div
className='euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow'

Check failure on line 32 in plugins/main/public/components/agents/agent-status.tsx

View workflow job for this annotation

GitHub Actions / Ensure the code format on the changed files 

This line has a length of 119. Maximum allowed is 100
style={style}
>
<ColumnWithStatusIcon
Expand All @@ -37,7 +38,7 @@
tooltip={agentStatusLabelByAgentStatus(status).toLowerCase()}
/>
<EuiIconTip
anchorClassName='wz-margin-left-10'
anchorClassName='wz-agent-icon-tip'
aria-label='Description'
size='m'
type='iInCircle'
Expand Down
Loading
Loading