209 Commits

Author	SHA1	Message	Date
Marko Lisica	8162d052bf	Icons improvements (making frontend consistent with Figma component library) (#14185) ... # Checklist for submitter If some of the following don't apply, delete the relevant line. - [ ] Manual QA for all new/changed functionality --------- Co-authored-by: Gabriel Hernandez <ghernandez345@gmail.com>	2023-10-31 16:06:38 +00:00
RachelElysia	06aec6401f	Fleet UI: Manage queries page uses URL params as source of truth for table and inherited table views (#14750)	2023-10-26 13:35:55 -04:00
Jacob Shandling	70e0182e4d	Merge branch 'main' into 7766-main-merge	2023-10-11 12:56:52 -07:00
Roberto Dip	9ffa11c25d	Feat: saved scripts (#14409) ... For #9537	2023-10-10 19:00:45 -03:00
RachelElysia	c541409ba4	Fleet UI: Small fixes (e.g. hiding last_fetched filter, hide Edit query button for observers) (#14410)	2023-10-10 12:46:51 -04:00
RachelElysia	8f6368da4e	Fleet UI: Fix vertical alignment of truncated cell (#14096)	2023-09-22 15:55:35 -04:00
RachelElysia	858092f137	Fleet UI: [tiny bug fixes] Table text cell vertical alignment [released], fix first letter capitalization [unreleased] (#14086)	2023-09-22 10:48:21 -04:00
Jacob Shandling	46b1db7850	UI: Update tooltip/link structure & functionality in Software tables (#13893)	2023-09-13 10:19:56 -07:00
RachelElysia	17e581b916	Fleet UI: [small released styling bugs] Fix live query icons (size, alignment, style, color) (#13593)	2023-09-01 10:18:29 -04:00
RachelElysia	32031a5b75	Fleet UI: More icons updated (#13270)	2023-08-28 13:09:21 -04:00
RachelElysia	96da9fc353	Fleet UI: Fix custom query frequency on manage automations modal (#13511)	2023-08-25 13:00:14 -04:00
RachelElysia	39c3eedc7b	Fleet UI: Improvements to highlighting while tabbing and not clicking (#13508)	2023-08-25 12:26:03 -04:00
RachelElysia	38c5c58f8a	Fleet UI: [feature] All table links can open in a new tab (#13349)	2023-08-22 09:20:40 -04:00
RachelElysia	970b3c3962	Fleet UI: [bug fix] Text cells in all tables no longer overflow into next column (#13241)	2023-08-10 09:27:54 -04:00
RachelElysia	e2d68b9b51	Fleet UI: (Styling bug) Search bar alignment, hover state (#13151)	2023-08-09 13:35:28 -04:00
RachelElysia	fafea94dba	Fleet UI: Dropdown arrows updated, on hover button icon color, etc (#13129)	2023-08-07 09:25:32 -04:00
Jacob Shandling	c69bba6d0e	Merge branch '7765-frontend' into 7765-combined-schedules-and-queries	2023-07-27 13:35:07 -07:00
Jacob Shandling	1daf6f02c6	Revert "Merge front-end changes into 7765 Master Dev branch (#12905)" ... This reverts commit 7bff7447b0.	2023-07-27 13:32:24 -07:00
Jacob Shandling	266e9bf2e0	UI – Update platforms column to only display compatible platforms (#13003) ... ## Addresses #12999 <img width="1282" alt="Screenshot 2023-07-27 at 11 59 01 AM" src="https://github.com/fleetdm/fleet/assets/61553566/b60d3b41-3d7b-4550-ba7c-8615bae085a6"> # 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: Jacob Shandling <jacob@fleetdm.com>	2023-07-27 12:10:22 -07:00
Juan Fernandez	7bff7447b0	Merge front-end changes into 7765 Master Dev branch (#12905) ... Front-end changes for combined schedules and queries.	2023-07-24 09:47:05 -04:00
Jacob Shandling	2faa476272	UI: 2 Query name styling issues (#12885) ... ## Addresses #12883 and #12877 - Truncate long query names such that the name itself is truncated with ellipses while the "Observer can run" icon and associated tooltip, if present, remain visible. - Address lower-case "p"s in query name getting cutoff. <img width="944" alt="Screenshot 2023-07-20 at 2 21 16 PM" src="https://github.com/fleetdm/fleet/assets/61553566/09c141e8-a6bf-4380-8bd2-cdcc57019f73"> ## QA @xpkoala –The style that was removed here to address the text cutoff issue is a far-reaching change, since this problem may be happening elsewhere the TextCell component is used. I did manually QA this, but please take a careful look at other tables to double check that other text cells are still styled correctly. - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-07-20 14:45:25 -07:00
Jacob Shandling	27a1bfd805	UI - Restore host details Query action and Schedule tab (#12832) ... ## Addresses a conversation in which we decided _not_ to remove the host details page's Query action and Schedule tab after all. @zhumo @rachaelshaw, related to #12636 ### Restores these features <img width="758" alt="Screenshot 2023-07-18 at 4 17 41 PM" src="https://github.com/fleetdm/fleet/assets/61553566/6a7ce26a-6ee2-4c3d-b2a3-524b90e417f8"> - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-07-19 11:02:53 -07:00
RachelElysia	629f408d31	Fleet UI styleguide update: Replace all search bars and icons with new styling (#12312)	2023-07-19 10:40:59 -04:00
Jacob Shandling	53f57c44db	UI - Queries page updates, pt.1 (#12784) ... ## Addresses #12636 – follow-up work for PR #12713 - Update Platforms column to render the user-selected platforms for a query if any, otherwise those that are compatible <img width="686" alt="Screenshot 2023-07-14 at 6 03 06 PM" src="https://github.com/fleetdm/fleet/assets/61553566/abd1f079-bdfe-45be-b1dd-58eb903672ef"> - Clean up typing and names around this column - Encapsulate logic for query automations column cells into new QueryAutomationsStatusIndicator component - Increase modularity and decrease coupling of StatusIndicator - Cleanly handle overflowing queries table due to very long query name <img width="512" alt="Screenshot 2023-07-14 at 6 07 20 PM" src="https://github.com/fleetdm/fleet/assets/61553566/6e970038-0aac-4f71-b21d-ececfa66b94f"> - Small copy and layout fixes - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-07-17 14:09:12 -07:00
Jacob Shandling	7ff4b77fb9	UI: Merge scheduling functionality into queries page (#12713) ... ## Addresses #12636 ### See issue for list work done   ### Notes for review: - Because other work is based on this branch, TODOs / fixes are noted here until the team comes to a strategy for merging all of the work: - Add missing space in the Performance impact column "Undetermined" tooltip text - I'm having trouble confirming that the inherited queries table is working right with the mock hard-coded data, though I did see it working correctly previously. There's an issue with the page reverting to "All teams" when trying to show the inherited table, though it does show the table before re-rendering. - This work is organized clearly by commit, so that might be a manageable way to go through this code. - Since the updated API for this work is not yet complete, this work can be manually tested by either: - Using mock API infrastructure, or - in `ManageQueriesPage.tsx`, comment out the two `useQuery` calls and add appropriate mock data. You can then modify any fields of interest to test their related UI functionality. For example, lines 119 -242 might read: ``` // const { // data: curTeamEnhancedQueries, // error: curTeamQueriesError, // isFetching: isFetchingCurTeamQueries, // refetch: refetchCurTeamQueries, // } = useQuery<IListQueriesResponse, Error, IEnhancedQuery[]>( // [{ scope: "queries", teamId: teamIdForApi }], // () => queriesAPI.loadAll(teamIdForApi), // { // refetchOnWindowFocus: false, // enabled: isRouteOk, // select: (data) => data.queries.map(enhanceQuery), // } // ); // // If a team is selected, fetch inherited global queries as well // const { // data: globalEnhancedQueries, // error: globalQueriesError, // isFetching: isFetchingGlobalQueries, // refetch: refetchGlobalQueries, // } = useQuery<IListQueriesResponse, Error, IEnhancedQuery[]>( // [{ scope: "queries", teamId: -1 }], // () => queriesAPI.loadAll(), // { // refetchOnWindowFocus: false, // enabled: isRouteOk && isAnyTeamSelected, // select: (data) => data.queries.map(enhanceQuery), // } // ); const [ curTeamEnhancedQueries, curTeamQueriesError, isFetchingCurTeamQueries, refetchCurTeamQueries, ] = useMemo(() => { return [ [ { created_at: "2023-06-08T15:31:35Z", updated_at: "2023-06-08T15:31:35Z", id: 2, name: "test", description: "", query: "SELECT * FROM osquery_info;", team_id: 43, platform: "darwin", min_osquery_version: "", automations_enabled: true, logging: "snapshot", saved: true, // interval: 300, interval: 0, observer_can_run: false, author_id: 1, author_name: "Jacob", author_email: "jacob@fleetdm.com", packs: [], stats: { // system_time_p50: 1, // system_time_p95: null, // user_time_p50: 1, // user_time_p95: null, // total_executions: 1, }, performance: "Undetermined", platforms: ["darwin"], }, ] as IEnhancedQuery[], undefined, false, () => { console.log("got the new queries"); }, ]; }, []); const [ globalEnhancedQueries, globalQueriesError, isFetchingGlobalQueries, refetchGlobalQueries, ] = useMemo(() => { return [ [ { created_at: "2023-06-08T15:31:35Z", updated_at: "2023-06-08T15:31:35Z", id: 200, name: "test", description: "", query: "SELECT * FROM osquery_info;", team_id: null, platform: "darwin", min_osquery_version: "", automations_enabled: true, logging: "snapshot", saved: true, // interval: 300, interval: 0, observer_can_run: false, author_id: 1, author_name: "Jacob", author_email: "jacob@fleetdm.com", packs: [], stats: { // system_time_p50: 1, // system_time_p95: null, // user_time_p50: 1, // user_time_p95: null, // total_executions: 1, }, performance: "Undetermined", platforms: ["darwin"], }, ] as IEnhancedQuery[], undefined, false, () => { console.log("got the new inherited queries"); }, ]; }, []); ``` - [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-07-13 12:11:11 -07:00
Jacob Shandling	48156009fa	Frontend – clean up breakpoints (#12711) ... ## Improve breakpoint variables to be useful "sm", "md", etc. instead of the pixel widths they are set to Also made sure all media queries are using these variables instead of hard-coded values. See @lukeheath's previous to-do in `frontend > styles > var > breakpoints.scss` --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-07-12 15:45:49 -07:00
Gabriel Hernandez	9f3331ef94	Fix word wrapping on TruncatedTextCell tooltip (#12567) ... relates to #12473 Fixes ui bug where the wrapping text on a tooltip in TruncatedTextCell did not display properly. I fixed this by adding a prop to the component `tooltipBreakOnWord` which allows devs to configure if the tooltip breaks on a word, or by default on any character. **Breaking on a word:**  **Breaking on any character (default behaviour):**  - [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-06-29 17:04:25 +01:00
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	9ecf9dc09a	Fleet UI: Update icons (6 icons only) (#11907)	2023-06-02 09:48:17 -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
Luke Heath	162b709eb2	Adjust bold weight (#11905)	2023-05-23 16:24:01 -05:00
RachelElysia	b0828e8b88	Frontend fix for pushed bug yesterday: Fix prop name (#11761)	2023-05-18 10:18:20 -04:00
Luke Heath	3d6f84a737	Add inheritedTable property to inheritedTable type (#11752)	2023-05-17 17:30:19 -05:00
RachelElysia	452b385c12	Fleet UI: Sort (and bookmark) Manage Policies tables by failing host count (#11735)	2023-05-17 17:25:57 -04: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
Gabriel Hernandez	d027036985	add figma to storybook and a couple new stories (#11521) ... add figma addon to storybook that allows us to link figma designed to our storybook	2023-05-09 16:53:43 +01:00
RachelElysia	affd32a62b	Fleet UI: Manage queries page URL params (#11485)	2023-05-08 09:17:19 -04:00
Jacob Shandling	cb58849d95	Fleet Premium to Sandbox (#11372) ... ## Addresses #9371 ### Adds a suite of UI logic for premium features in the Sandbox environment For reviewer: please review the work for the below 3 substasks, which are the only remaining subtasks encompassed by this PR that have not yet passed review individually: - #10822 (9) - #10823 (10) - #10824 (11) ## 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> Co-authored-by: Martin Angers <martin.n.angers@gmail.com>	2023-04-27 08:53:30 -07:00
RachelElysia	e774f60838	Fleet UI: Ability to navigate to correct Host details software tab (including sorts, filters, page number) (#11208)	2023-04-27 09:24:02 -04:00
RachelElysia	396b5eaae4	Fleet frontend: Fix frontend export warnings where improperly exported interfaces (#11291)	2023-04-25 08:44:08 -04:00
RachelElysia	3908e63b64	Fleet UI: Manage Host and Manage Software uses URL params as source of truth (#11253)	2023-04-24 09:24:28 -04:00
Jacob Shandling	7a1ee3a97d	Scroll bug fix (#11061) ... ## Addresses #9988 Manual QA ✅ Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-04-07 11:56:14 -07:00
Jacob Shandling	5445559c76	UI: Address tooltip in headers spacing bug (#10792) ... ## Addresses #9988 * Adjust copy in tooltips to take up less width * Refactor table headers to take an optional "isLastColumn" property that is set to true when that header is in the last column. * Use above property in conjunction with presence of TooltipWrapper as a value for the header cell to add a class specific to that state. * Use that class to adjust the location of the tooltip text and the min-width of the column to avoid the bug. The 3 states which exhibited this bug, now fixed: <img width="1496" alt="Screenshot 2023-03-27 at 4 36 01 PM" src="https://user-images.githubusercontent.com/61553566/228091971-4d5d034d-55c5-4921-955a-4946119f7785.png"> <img width="1496" alt="Screenshot 2023-03-27 at 4 36 12 PM" src="https://user-images.githubusercontent.com/61553566/228091968-adf90b32-8fd2-45d9-b56d-a64c654151ef.png"> <img width="1496" alt="Screenshot 2023-03-27 at 4 36 24 PM" src="https://user-images.githubusercontent.com/61553566/228091962-ff626daa-b13d-4093-b34f-de704b820161.png"> # 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: Jacob Shandling <jacob@fleetdm.com>	2023-04-04 10:25:07 -07:00
Jacob Shandling	bac97cea7b	UI: Ensure TextCell is always greyed when no value passed in (#10696) ... # Addresses #10038 - Add logic to ensure consistent light-grey coloring of text cells using DEFAULT_EMPTY_VALUE <img width="622" alt="Screenshot 2023-03-22 at 4 06 30 PM" src="https://user-images.githubusercontent.com/61553566/227058308-2c35e0b3-7017-4a0d-9e60-d03d46194f55.png"> # 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: Jacob Shandling <jacob@fleetdm.com>	2023-03-23 09:32:46 -07:00
Jacob Shandling	faa65ac350	UI: Add column for published date to Vulnerabilities table (#10656) ... ## Addresses #9834 <img width="1215" alt="added date to vuln table" src="https://user-images.githubusercontent.com/61553566/226730586-4165f5c9-2a42-4378-b58b-7900838a8707.png"> ## 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] Added/updated tests - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-03-23 09:32:32 -07:00
Gabriel Hernandez	e822132590	Feat/disk encryption page (#10288) ... related to #9402 and #9404 Implements UI for toggling off and on fleet mdm disk encryption management and also the disk encryption aggregate data tables. **Toggling disk encryption:**  **disk encryption aggregate:**  - [x] Changes file added for user-visible changes in `changes/` or `orbit/changes/`. - [x] Manual QA for all new/changed functionality	2023-03-14 13:03:02 -07:00
RachelElysia	04169ec84b	Fleet UI: Critical icon on policy table (#10313)	2023-03-06 15:57:15 -05:00
RachelElysia	1dcf9781ab	Fleet UI: Select targets distributed interval tooltips (#9975)	2023-02-22 16:27:02 -05:00