Jacob Shandling
cecb96e828
Live query performance improvements ( #11995 )
...
## Addresses #11856
Improve performance of the rendering of live query results by:
- rendering the table on a set interval instead of with each new result
- preventing redundant rerenders of various sorts
Partial run, with memory leak:
<img width="2552" alt="partial run with memory leak, after smaller
optimizations, before debouncing queryResults"
src="https://github.com/fleetdm/fleet/assets/61553566/5288bffb-6940-43da-9083-59adb4a25916 ">
Full run after debounce, no memory leak (10x improvement of max JS heap
size):
<img width="2559" alt="full run after debounce, no memory leak"
src="https://github.com/fleetdm/fleet/assets/61553566/be056610-e7a5-4289-a433-1070cf016e83 ">
**NOTE** - there are further optimizations to try on this page, and the
debounce interval can potentially be shortened to improve UX. In
experimenting with that, it's not immediately clear what a good balance
of UX / performance is. Since the customer seems keen to solve this, I
think we should merge as-is and send them a demo build to confirm this
fixes their problem, then iterate once they've confirmed it does.
# Checklist for submitter
If some of the following don't apply, delete the relevant line.
- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality
---------
Co-authored-by: Lucas Rodriguez <lucas@fleetdm.com>
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
Co-authored-by: Sarah Gillespie <sarah@fleetdm.com>
2023-06-06 16:23:09 -04:00
RachelElysia
206c1e60df
Fleet UI: Add ChromeOS to view and run queries ( #11992 )
2023-06-06 08:58:32 -04:00
RachelElysia
aec88ecab2
Fleet UI (Unreleased bug): Fix edit policy and query pencil icon ( #12073 )
2023-06-02 09:47:22 -04:00
RachelElysia
3d4aadba3e
Fleet UI: Update icons (All icons related to action buttons/table container actions) ( #11945 )
2023-05-30 17:16:47 -04:00
RachelElysia
210d8d8b8a
Fleet UI: Begin updating icons (6 icons only) ( #11852 )
2023-05-25 09:43:44 -04:00
Luke Heath
162b709eb2
Adjust bold weight ( #11905 )
2023-05-23 16:24:01 -05:00
Jacob Shandling
f9ac557c8e
UI: Make all Modal widths consistent ( #11722 )
...
## Addresses #11356
Images of 3 fixed modals referenced in the issue:
<img width="1235" alt="Screenshot 2023-05-12 at 4 11 52 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/098081c7-15d4-4009-92a0-7a2e14ffaab1 ">
<img width="1235" alt="Screenshot 2023-05-12 at 4 12 50 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/7d0f268d-f2dc-4686-a64d-94e28a94c717 ">
<img width="1235" alt="Screenshot 2023-05-12 at 4 13 26 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/d486b005-1344-4656-adec-c4929332816b ">
## Implemented:
- [x] Updated global modal styles for consistency
- [x] Add optional "width" prop to `Modal`
- [x] Misc cleanup:
- [x] Restore missing padding from inverse-alert buttons
- [x] Improve naming, lots of cleanup
- [x] More coming in separate PR
- [x] Check each of the following modals, define `width` where
necessary:
- [x] Add hosts
- [x] EnrollSecret
- [x] Also fix misaligned icons
- [x] SecretEditor
- [x] DeleteSecret
- [x] ShowQuery
- [x] AddIntegration
- [x] DeleteIntegration
- [x] EditIntegration
- [x] EditTeam
- [x] RequestCSR
- [x] HostStatusWebhook
- [x] CreateTeam
- [x] DeleteTeam
- [x] EditTeam
- [x] AddMember
- [x] RemoveMember
- [x] CreateUser
- [x] DeleteUser
- [x] EditUser
- [x] Also fix randomly shorter 'Password' field
- [x] ResetPassword
- [x] ResetSessions
- [x] WelcomeHost
- [x] DeletHost
- [x] TransferHost
- [x] POlicyDetails
- [x] AutoEnrollMdm
- [x] Info
- [x] ManualEnrollMdm
- [x] ResetKey
- [x] BootstrapPackage
- [x] DiskEncryption
- [x] OSPOlicy
- [x] SelectQuery
- [x] UnenrollMdm
- [x] MacSettings
- [x] DeleteLabel
- [x] EditCOlumns
- WIP, cannot QA yet (cc @ghernandez345):
- DeleteScript
- RerunScript
- [x] DeleteProfile
- [x] DeletePackage - allow to conform to default "m" width, 650px
- [x] PackQueryEditor - allow to conform to default "m" width
- [x] RemovePackQuery - allow to conform to default "m" width
- [x] DeletePack - allow to conform to default "m" width
- [x] AddPolicy
- [x] DeletePolicy - allow to conform to default "m" width
- [x] NewPolicy (now "SaveNewPolicyModal") - allow to conform to default
"m" width
- [x] DeleteQuery
- [x] NewQuery - allow to conform to default "m" width
- [x] PreviewData
- [x] RemoveScheduledQuery
- [x] ScheduleEditor
- [x] UserSettingsPage (aka "get API token")
- [x] 2 x ManageAutomations – set to large
- [x] 2 x PreviewPayload - allow to conform to default "m" width
- [x] 2 x PreviewTicket - same as ManageAutomations
## Checklist for submitter
- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality
---------
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-05-17 10:07:38 -07:00
RachelElysia
63546a0688
Fleet UI: Policies URL params (bookmarkability) ( #11585 )
2023-05-12 09:41:12 -04:00
RachelElysia
7470ea8dac
Frontend: Consolidate table button props into objects ( #11586 )
2023-05-11 15:25:56 -04:00
RachelElysia
687c037c77
Fleet UI: Grey out unusable select all queries checkbox ( #11535 )
2023-05-10 09:58:46 -04:00
RachelElysia
affd32a62b
Fleet UI: Manage queries page URL params ( #11485 )
2023-05-08 09:17:19 -04:00
RachelElysia
f12c6db562
Fleet UI: Unreleased bug fix for observer plus ( #11098 )
2023-04-10 08:57:57 -05:00
RachelElysia
71e2e4d07c
Small bug fix: hide show/hide sql toggle for observer plus view ( #11060 )
2023-04-07 14:55:28 -04:00
RachelElysia
bfa257c8b5
Fleet UI: 1 new premium role (Observer+, GitOps is hidden) ( #11028 )
2023-04-07 11:36:47 -04:00
RachelElysia
7408a0df90
Fleet UI: Show query button added to policy results page ( #10164 )
2023-02-28 12:55:56 -05:00
RachelElysia
7f6a42e4ac
Fleet UI: Undetermined public ip tooltip ( #9907 )
2023-02-21 09:16:38 -05:00
RachelElysia
a09c4520ee
Fleet UI: Fix tables that bleed over on smaller screens ( #9475 )
2023-01-25 11:10:15 -05:00
RachelElysia
5964d942a2
Fleet UI: Consistent software empty states and host details empty states ( #9247 )
2023-01-17 11:23:46 -05:00
RachelElysia
a4bb2d9334
Fleet UI: Apple Business Manager expiry banner ( #9021 )
2023-01-16 09:10:12 -05:00
Luke Heath
abb5a332c5
UI hackathon: transitions, tooltips, empty states, buttons, bookmarks ( #9195 )
2023-01-06 17:08:48 -06:00
RachelElysia
9a5789459e
Fleet UI: Autofocus forms ( #9180 )
2023-01-06 09:25:00 -05:00
RachelElysia
68aefc8e56
Fleet UI Hackathon: Empty states ( #9094 )
2023-01-04 14:16:34 -05:00
RachelElysia
fa8ee026ff
Frontend: Unit tests /components directory, convert to svg icons ( #8716 )
2022-12-07 09:59:38 -08:00
RachelElysia
55c6aab85c
Frontend: Organize response interfaces into appropriate interface directories ( #8742 )
2022-11-18 11:25:39 -05:00
Luke Heath
af0c75e08b
Prepare for 4.23.0 ( #8663 )
2022-11-14 14:42:21 -08:00
Gabriel Hernandez
443153a5d5
UI polish and style fixes for query pages ( #8643 )
...
* polish manage query page styles
* fix pencil icon spacing on query and policy edit form
* increase gutter style for edtior
* truncate long table names in table dropdown on query sidebar
* add change file
2022-11-10 11:00:06 +00:00
RachelElysia
797ea6c707
Fleet UI: Host/Software pages styling fixes ( #8474 )
2022-11-01 15:59:26 -04:00
RachelElysia
82ff4ab6e3
Frontend: New CustomLink component ( #8375 )
2022-10-27 14:06:57 -04:00
RachelElysia
c964ba4d90
Frontend: New BackLink component ( #8352 )
2022-10-27 09:34:45 -04:00
Luke Heath
bc32662a3e
Use new display name property in live query results ( #8268 )
2022-10-19 17:24:42 -05:00
Gabriel Hernandez
bc194d18c7
Feat/update live query states ( #8122 )
...
* add awaitng results state to live query search
* make spinner more reusable and add it to query page awaiting results
* create common QueryResultsHeader component to use on query policy flows
2022-10-10 15:39:49 +01:00
Luke Heath
ded2fb0149
Standardize back link implementation ( #8039 )
2022-09-30 12:50:04 -05:00
Luke Heath
51aaa7755a
Fix tooltip jank and hosts text on query target selection ( #7909 )
2022-09-23 18:28:43 -04:00
RachelElysia
55b844715d
UI: Consistent code for anchor elements, specifically external links ( #6542 )
2022-09-02 15:28:42 -04:00
RachelElysia
93e684d524
Frontend: Cleanup implied types, unused imports and variables ( #7439 )
2022-09-01 11:28:02 -04:00
RachelElysia
5f088148e5
Fleet UI: Show SQL of scheduled queries ( #7277 )
2022-08-29 12:11:30 -07:00
RachelElysia
e64dd73b54
Fleet UI: Button loading spinners ( #7124 )
...
Co-authored-by: Luke Heath <luke@fleetdm.com>
2022-08-29 08:21:37 -07:00
RachelElysia
5ee763457f
Fleet UI: Remove "Toggle SortBy" tooltip ( #7240 )
2022-08-18 08:51:31 -05:00
RachelElysia
de6e9b7a26
Fleet UI: Remove dead space on queries table platform ( #7260 )
2022-08-17 14:38:07 -04:00
RachelElysia
7c793fdc7d
Remove underline from 2 cancel buttons, add changelog ( #7216 )
2022-08-15 16:57:00 -04:00
RachelElysia
9c7d2cfa60
Fleet UI: Set default pagination length to 20 ( #7165 )
2022-08-15 13:00:06 -04:00
RachelElysia
931564f2d3
Frontend / UI: Update naming UI button, frontend table components ( #7056 )
2022-08-04 12:56:30 -04:00
RachelElysia
7a035c42c6
Fleet UI: Hitting enter global modal parameter, rename modals to match UI ( #6939 )
2022-08-04 11:05:11 -04:00
Gabriel Hernandez
7a1317432b
Add expiry time warning in sandbox mode ( #6830 )
...
* create a MainContent and SidePanelContent containers for layout
this creates these two new components for handling layout more cleanly. It also allows us to put in common components into main layout, like sandbox expiration notification
* use MainContent and SidePanelContent in current pages
this brings in the two new components and wraps the page contents in these. This also allowed us to clean up and remove unused/no needed styling code
* add MainContent component to user settings page and clean up user settings component
this cleans up the user settings page to follow the panel convention we have as well as adds the MainContent component to this page
* add MainContent component to team pages
* update Sandbox gate to render optional component when in sandbox mode and add to MainContent
* add call to sandbox api to get expiry time
this adds a conditional call when the user is in sandbox mode to get the expiry time of the instance
* fix sticky elements on settings pages to work with sandbox expiry message
* fix e2e test after MainContent refactor
2022-07-26 13:05:57 +01:00
RachelElysia
009d860076
Live Query UI: Fix results count title ( #6719 )
2022-07-18 10:18:57 -04:00
RachelElysia
b058365c4e
UI: Spiffier tooltip ( #6642 )
2022-07-15 15:10:35 -04:00
Luke Heath
1c6c379f4d
Improve loading states ( #6471 )
2022-07-05 12:10:53 -07:00
gillespi314
7621a0b290
Show count of visible results after a column is filtered on live query page ( #6199 )
2022-06-13 18:20:57 -05:00
gillespi314
44f902218c
Improve live query UX ( #5749 )
2022-06-10 13:29:45 -05:00
gillespi314
2db2c16511
Include MIA hosts under total count for Offline hosts ( #5854 )
2022-05-23 14:11:02 -05:00