1081 Commits

Author	SHA1	Message	Date
RachelElysia	e9a11c429a	Fleet UI: Link improvements (Back links and dashboard tiles right clickable, fix queries link on nav bar) (#13361)	2023-08-23 08:56:32 -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	947eaddb13	Fleet UI: Update banner to remove old icon and use InfoBanner component (#13312)	2023-08-18 09:16:10 -04:00
RachelElysia	8e74f7c42d	Fleet UI: [released tiny bug] Fix dashboard double scroll bar (#13309)	2023-08-18 09:15:44 -04:00
RachelElysia	ccdd1a02f4	Fleet UI: Convert URLs in Policy resolution text to be clickable links (#13023)	2023-08-18 09:15:23 -04:00
RachelElysia	449d0c99d5	Fleet UI: [unreleased bug] Fix hover fill of reveal button (#13291)	2023-08-11 10:00:21 -04:00
RachelElysia	78d070d0b2	Fleet UI: [bug fix] Selected organization tab styling (#13269)	2023-08-11 09:32:02 -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
Gabriel Hernandez	6555d8def4	Feat UI windows automatic enrollment (#12988) ... relates to #12606 Implementation of the Windows automatic enrollment Fleet UI pages. This includes implementation of card for windows automatic enrollment, the setup page for windows automatic enrollment, and terms and conditions page for windows (This is currently still being worked on as our current solution is not working). **windows mdm auto enrollment card**  **windows auto enrollment setup page**  - [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 --------- Co-authored-by: Marcos Oviedo <marcos@fleetdm.com>	2023-08-08 15:57:55 +01:00
RachelElysia	100e45e700	Fleet UI: [Unreleased bug] Fix setup flow bug created with fix for vertical overflow bug (#13179)	2023-08-07 13:09:44 -04:00
Jacob Shandling	4527d52ead	UI – add grey dashboard icons (#13015)	2023-08-07 09:21:02 -07:00
RachelElysia	fafea94dba	Fleet UI: Dropdown arrows updated, on hover button icon color, etc (#13129)	2023-08-07 09:25:32 -04:00
RachelElysia	3c8244b246	Fleet UI: Dynamic autofill for SQL editor (#13093)	2023-08-03 12:42:51 -04:00
RachelElysia	3477178758	Fleet UI: No role = no access, refactor jsx class components to typescript functional components (#12953)	2023-08-02 11:29:49 -04:00
RachelElysia	2e6589b66c	Fleet UI: Update icons (x in flash message and selected targets dropdown) (#12992)	2023-08-02 11:07:24 -04:00
Jacob Shandling	3bf0344396	Merge branch 'main' into 7765-combined-schedules-and-queries	2023-07-28 13:21:04 -07:00
Jacob Shandling	38b4407671	UI – prevent vertical scrolling for single queries (#12985) ... ## Addresses #12976 Prevent vertical scrolling when only a single query is present while maintaining horizontal scrolling in presence of queries with long names: <img width="1056" alt="Screenshot 2023-07-26 at 2 26 03 PM" src="https://github.com/fleetdm/fleet/assets/61553566/9188afdf-c216-49c6-89fd-1dadca4edee0"> - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-07-27 14:32:58 -07:00
Jacob Shandling	0b503a6182	style fixes	2023-07-27 13:51:14 -07:00
RachelElysia	feddda299b	Fleet UI: New manage query automations modal (#12747)	2023-07-27 13:47:54 -07:00
Jacob Shandling	4cab838864	Revert "Fleet UI: New manage query automations modal (#12747)" ... This reverts commit e13644d664.	2023-07-27 13:44:40 -07: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
Roberto Dip	442e03b276	Improve the error handling for MDM SSO during DEP enrollment (#12966) ... For #12692	2023-07-26 14:20:36 -03:00
RachelElysia	fe7cd295a4	Fleet integration tests: Remove schedule tab from frontend integration tests (#12925)	2023-07-24 11:00:16 -04: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	a05cf0618b	UI – ManageAutomationsModal style fixes (#12892) ... ## Addresses #12891 <img width="712" alt="Screenshot 2023-07-20 at 4 32 00 PM" src="https://github.com/fleetdm/fleet/assets/61553566/4b4c1ae2-d58b-42b7-bf3f-b81c17b75c1f"> - [x] Manual QA for all new/changed functionality Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-07-20 16:43:13 -07: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
RachelElysia	e13644d664	Fleet UI: New manage query automations modal (#12747)	2023-07-18 17:10:45 -04:00
RachelElysia	a45edfdffa	Fleet UI: New edit query page (#12777)	2023-07-18 16:58:52 -04:00
Jacob Shandling	7b967de6c1	Correct topnav team_id behavior	2023-07-18 11:15:54 -07:00
Gabriel Hernandez	04beb67f75	update max-height logo in nav bar (#12811) ... quick change to make logo in nav bad have a smaller height. This was done to give the logo a little more breathing space in the nav bar. **before:**  **after:** 	2023-07-18 10:38:37 +01: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
RachelElysia	e919f32e68	Frontend: Testing main nav bar and settings nav bar moved from E2E layer to integration layer (#12682)	2023-07-17 09:01:54 -04: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
Gabriel Hernandez	9aa7c0c714	add dark and light background logo colors and show them on mdm migrat… (#12681)	2023-07-13 19:35:25 +01: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
RachelElysia	e04e349baf	Fleet UI: Clean up query/policy targets dropdown styling (#12557)	2023-06-28 18:18:43 -07:00
Gabriel Hernandez	0f02fa012e	create a reusable UI card component (#12455) ... I notices we were reusing styles alot for the card like container UI so I created a reusable `Card` component The component is used like this: ```tsx // default card is white background <Card> <p>whatever JSX you want</p> </Card> <Card color="gray"> <p>whatever JSX you want</p> </Card> <Card color="yellow"> <p>whatever JSX you want</p> </Card> <Card color="purple"> <p>whatever JSX you want</p> </Card> ``` **white**  **gray**  **yellow**  **purple**  - [x] Manual QA for all new/changed functionality	2023-06-26 16:33:46 +01:00
RachelElysia	4a6c7f4d8f	Frontend: Clean valid url code (#12456)	2023-06-22 08:25:37 -07:00
RachelElysia	acf44e5737	Fleet UI: [tiny bug] Fix weird scroll behavior (#12435)	2023-06-22 08:24:57 -07:00
Gabriel Hernandez	69fdbc1949	add better messaging for ABM 400 error (#12425) ... relates to #11932 This improves the UI error messaging for AMB 400 errors  - [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 - For Orbit and Fleet Desktop changes: - [ ] Manual QA must be performed in the three main OSs, macOS, Windows and Linux. - [ ] Auto-update manual QA, from released version of component to new version (see [tools/tuf/test](../tools/tuf/test/README.md)).	2023-06-22 15:08:21 +01:00
RachelElysia	65bca34825	Fleet UI: [tiny bug] Copy message (#12411)	2023-06-21 09:14:47 -04:00
RachelElysia	2c45d25ad3	Fleet UI: Empty software SVG update (effort to fix broken image in Sandbox) (#12378)	2023-06-19 15:41:04 -04:00
RachelElysia	39a60e037e	Fleet UI: Variable Fleet URL for ChromeOS extension (#12393)	2023-06-19 11:28:11 -04:00
RachelElysia	eefd81233f	Fleet UI: Hiding tables and columns from the UI if they are set to hidden (#12298)	2023-06-16 11:38:52 -04:00