empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-07 01:15:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
2bdf0000c8
fleet/frontend/pages/DashboardPage
History
Gabriel Hernandez 2bdf0000c8
implement UI sorting hosts by disk encryption status (#10909) 
relates to #9407

# Checklist for submitter

implemented UI for filtering disk encryption. This includes the view all
hosts link and the filtering pills on the manage host page.

**view all hosts link**


![image](https://user-images.githubusercontent.com/1153709/229105429-6f813d01-2358-4176-9ba4-c50168fb36b8.png)

**Filtering manage host page**


![image](https://user-images.githubusercontent.com/1153709/229105491-ec29c9a1-f465-4548-87a6-a493ab0b817f.png)


- [x] Changes file added for user-visible changes in `changes/` or
`orbit/changes/`.
See [Changes
files](https://fleetdm.com/docs/contributing/committing-changes#changes-files)
for more information.
- [x] Manual QA for all new/changed functionality
2023-04-05 19:34:30 +01:00
..
cards implement UI sorting hosts by disk encryption status (#10909) 2023-04-05 19:34:30 +01:00
components/InfoCard implement macOS update content (#9469) 2023-01-27 16:25:53 -06:00
_styles.scss UI: 9274 unenroll mdm modal (#9539) 2023-01-30 15:59:02 -08:00
DashboardPage.tsx Update UI to handle "No team" filters (#10706) 2023-03-31 12:40:14 -05:00
helpers.ts Add MDM Card to Windows and All Dashboards and change mdm data source on host details page (#8960) 2022-12-16 15:12:11 -06:00
index.tsx Frontend tech debt: Change all references of homepage to dashboard (#8308) 2022-10-24 16:06:23 -04:00
README.md Frontend tech debt: Change all references of homepage to dashboard (#8308) 2022-10-24 16:06:23 -04:00

README.md

Dashboard Notes

The dashboard is designed to contain a dynamic number of informational cards with dynamic layouts that are based on teams (if any) and device platforms (macOS, Linux, Windows).

Architecture

  • Dashboard Wrapper
  • Components
  • Cards

Hompage Wrapper

The wrapper is a minimal file that instantiates all host values, cards, and layouts based on the team and platform selected. Cards are applied in a delcarative form, as functions, rather than components inserted in standard JSX. This is to enhance legibility as the number of cards grow.

Components

Local components that needed extracting to make the code more maintainable.

Cards

Each card design is placed in this directory. We anticipate creating more as the product gets more robust.