64 commits

Author	SHA1	Message	Date
jacobshandling	17979b07bc	UI – Update software table loading state (#20982) ... ## #20535 ~https://github.com/user-attachments/assets/4c39bd5d-3d75-46f0-9f39-05ec36dac0d0~ ### Improved solution: **Flow**:  **Just loading state:** <img width="1617" alt="Screenshot 2024-08-19 at 11 50 18 AM" src="https://github.com/user-attachments/assets/df429956-0699-4e73-a017-4022013ccce4"> **** - [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>	2024-08-21 13:12:42 -07:00
jacobshandling	0b45afcaa8	UI - update empty styles in 5 places (#20079) ... ## Addresses #19557 <img width="143" alt="Screenshot 2024-06-27 at 1 44 12 PM" src="https://github.com/fleetdm/fleet/assets/61553566/e9ad83b2-dda4-4972-b8c2-412389e45823"> <img width="177" alt="Screenshot 2024-06-27 at 1 44 25 PM" src="https://github.com/fleetdm/fleet/assets/61553566/bb5f808e-0d5a-47cc-84ed-f55797caebfe"> <img width="210" alt="Screenshot 2024-06-27 at 1 49 47 PM" src="https://github.com/fleetdm/fleet/assets/61553566/2dff046b-6cfa-45fa-8a0c-93ab46e2c8a9"> <img width="194" alt="Screenshot 2024-06-27 at 1 56 56 PM" src="https://github.com/fleetdm/fleet/assets/61553566/fdaaeac8-e944-427b-917e-87b98ae763b9"> <img width="238" alt="Screenshot 2024-06-27 at 4 39 22 PM" src="https://github.com/fleetdm/fleet/assets/61553566/bb774af5-07c0-44b6-994f-dc787c5bf606"> - [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>	2024-07-03 09:40:03 -07:00
RachelElysia	0ec010976a	Frontend : Vulnerability changes to existing pages (#16601)	2024-02-15 10:35:05 -07:00
Jacob Shandling	e58f1bbc22	Adjust paginated button icon alignment (#15795) ... ## Addresses #15032 <img width="431" alt="Screenshot 2023-12-20 at 4 58 51 PM" src="https://github.com/fleetdm/fleet/assets/61553566/89b856f8-f2bb-4c00-a8b7-7a115eb1de23"> - [x] Manual QA for all new/changed functionality Co-authored-by: Jacob Shandling <jacob@fleetdm.com>	2023-12-21 09:23:45 -08:00
Jacob Shandling	376be83062	UI – Add support for Windows powershell scripts (#15128) ... ## Addresses #14752 ### (see issue for detailed list of features implemented)     - Also addresses #15140:  - Align host details > scripts > Status cells' icon alignments (see misaligned "pending" icon above):  ## Checklist for submitter - [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-11-15 11:28:57 -08:00
Jacob Shandling	1a5633e716	UI – Truncate long query results cells (#15079)	2023-11-10 13:31:11 -08:00
Jacob Shandling	29b3da14f3	UI – Replace overflow-x: scroll with ...auto; remove redundant local declarations (#15054) ... ## Addresses #11753 Fixed:  (Was also occurring on queries page)  ## 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-11-09 09:16:22 -08:00
Jacob Shandling	bf8504a028	Refactor Tooltip Wrapper (#13845)	2023-11-07 13:15:49 -08: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	96da9fc353	Fleet UI: Fix custom query frequency on manage automations modal (#13511)	2023-08-25 13:00:14 -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
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	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
Luke Heath	162b709eb2	Adjust bold weight (#11905)	2023-05-23 16:24:01 -05: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	a09c4520ee	Fleet UI: Fix tables that bleed over on smaller screens (#9475)	2023-01-25 11:10:15 -05:00
Gabriel Hernandez	a2d672435d	update buttons to match new styleguide (#9183) ... * update button to follow new style guide * update button styles for inverted ghost buttons * update a color name to match new styleguide	2023-01-05 15:23:27 +00:00
Luke Heath	dea1d6b66e	UI hackathon transitions (#9163)	2023-01-04 10:06:30 -06:00
RachelElysia	cde9877ecb	Fleet UI: Scroll shadows (#8914)	2022-12-06 12:58:32 -08:00
RachelElysia	68bc007519	Fleet UI: Unreleased fix header margin being added to tooltip margin (#8883)	2022-11-30 09:20:16 -05:00
RachelElysia	1e96f4f0fb	Fleet UI: Fix left align wrapping on software table (#8803)	2022-11-28 09:56:34 -05:00
RachelElysia	3b668131a1	Frontend: New ViewAllHostsLink component (#8422)	2022-11-02 14:18:08 -04:00
Luke Heath	bc32662a3e	Use new display name property in live query results (#8268)	2022-10-19 17:24:42 -05:00
RachelElysia	55b844715d	UI: Consistent code for anchor elements, specifically external links (#6542)	2022-09-02 15:28:42 -04:00
RachelElysia	18852aae66	Fleet UI: macOS dashboard MDM solutions (#7014) ... Co-authored-by: gillespi314 <73313222+gillespi314@users.noreply.github.com>	2022-08-15 17:47:07 -05:00
RachelElysia	8d3de2a70a	Data table UI: Fix several ellipses to appear at end of cell only (#6829)	2022-07-25 16:26:52 -04:00
RachelElysia	b058365c4e	UI: Spiffier tooltip (#6642)	2022-07-15 15:10:35 -04:00
Luke Heath	9b857d0233	Set selection header width on tables, fix queries icon (#5703)	2022-05-12 09:23:06 -05:00
Martavis Parker	db5dc748d9	using ellipsis on policies table only for smaller screens (#5139)	2022-04-15 16:39:49 -05:00
gillespi314	1a2123a358	Improve UI responsiveness for tables at narrower screen sizes (#4926)	2022-04-07 14:12:38 -05:00
Luke Heath	dbaef5a37b	Fix table headers showing or misaligned when selection is active (#4892)	2022-03-31 16:10:11 -05:00
RachelElysia	118ae6499b	UI Accessibility: Ability to tab through app (#4699)	2022-03-28 17:31:36 -04:00
RachelElysia	0ffca38f77	Queries and Scheduled Queries UI: Performance impact tooltips (#4201)	2022-02-15 11:19:01 -05:00
gillespi314	4d5e3277ef	Add new feature: Software page (#3923) ... * Add new software page * Add hosts counts and last updated to software card on homepage * Extend InfoCard component to all children to set dynamic title information and hyperlinks * Add new TeamsDropdownHeader component * Refactor TableContainer to move server-side pagination buttons to DataTable * Extend DataTable to include footer element	2022-01-31 16:24:20 -06:00
RachelElysia	66132c911f	Global Policies Automation UI (#3498)	2021-12-28 13:07:18 -05:00
RachelElysia	1efbef70b0	Resize dropdown font, do not resize twice button icons inside headers (#2972)	2021-11-17 13:08:00 -05:00
Luke Heath	af956537a1	More room for software names and keep tooltips visible (#2867)	2021-11-12 15:51:47 -06:00
RachelElysia	0fbb9ab45f	Pass fail UI for Policies app wide (#2769)	2021-11-03 13:13:58 -04:00
Luke Heath	5566fdf532	Adjust queries page table columns based on screen size (#2695)	2021-10-27 16:19:23 -05:00
RachelElysia	36babcc510	UI feature: Frontend of performance impact bubbles (#2589) ... Includes backend fixes and test Co-authored-by: Tomas Touceda <chiiph@gmail.com>	2021-10-22 16:05:49 -04:00
RachelElysia	57150fde6c	Host Details Page: Paginate user and software tables (#2464)	2021-10-18 15:14:24 -04:00
RachelElysia	d58d9507b8	Bug Fix: Loading veil (#2538)	2021-10-18 13:42:54 -04:00
Luke Heath	6717bd5d61	Adjust data table column widths (#2384)	2021-10-06 11:55:57 -05:00
Martavis Parker	5d647025f9	1497 improved query experience (#1998) ... * Step 1 for improving query experience (#1591) * fake change to create draft PR * temp routes to work and not modify old query page * created new API abstraction for query * refactored App.jsx to prepare react-query * fixed flow of redirects after page refresh; functional component added * setup for getting data on edit * implementing functions for query page * Old form showing on new setup * improving and breaking up query form * no need for the helpers anymore; clean up * added type for button component variant * step toward new save modal; have to switch gears to #1619 * creating new query works * clean up * linting cleanup * added default value for new query * will address dynamic save disabled in edit step * Step 2 for improving query experience (select targets) (#1732) * fake change to create draft PR * temp routes to work and not modify old query page * created new API abstraction for query * refactored App.jsx to prepare react-query * fixed flow of redirects after page refresh; functional component added * setup for getting data on edit * implementing functions for query page * Old form showing on new setup * improving and breaking up query form * no need for the helpers anymore; clean up * added type for button component variant * step toward new save modal; have to switch gears to #1619 * creating new query works * clean up * linting cleanup * added default value for new query * split steps into separate files for readability * components laid out * new targets picker * function clean up * styling tables * fixing logic * fixed logic to keep getting related hosts * formatting targets for API * fixed default query * clean up * styled target selectors; fixed target input styles * began total count * forgot to remove debugging code * lint fixes * added target count from API * clean up * able to remove selected host targets from table * lint fixes * Improving query experience - Step 3 (query results) (#1766) * fake change to create draft PR * temp routes to work and not modify old query page * created new API abstraction for query * refactored App.jsx to prepare react-query * fixed flow of redirects after page refresh; functional component added * setup for getting data on edit * implementing functions for query page * Old form showing on new setup * improving and breaking up query form * no need for the helpers anymore; clean up * added type for button component variant * step toward new save modal; have to switch gears to #1619 * creating new query works * clean up * linting cleanup * added default value for new query * split steps into separate files for readability * components laid out * new targets picker * function clean up * styling tables * fixing logic * fixed logic to keep getting related hosts * formatting targets for API * fixed default query * clean up * styled target selectors; fixed target input styles * began total count * forgot to remove debugging code * lint fixes * added target count from API * clean up * able to remove selected host targets from table * lint fixes * connected run query with modern React/JS; clean up * linting fixes * fixed logic to retrieve results from live query * linting fixes * created new, simpler query progress * populating results and errors tables as expected * syntax fixes * fixing styles for query results * more styling for query results * manual merge from main * Rename core->free and basic->premium * Fix lint js * Comment out portion of test that seems to timeout * Rename tier to premium if basic is still loaded * go sum * Query Experience Cleanup Tasks (#1807) * fixes to get merged main branch to build and work * moved screens for query pages; clean up * updated and typed react ace for query form; clean up * using console error instead * added real types instead of `any` except for errors * query side panel ts and functional. prep for close task. * ability to hide, show query table sidebar * improved live query status warning * added loading and error state for targets search * error screen for targets; improved loading display * now using API-created label for all linux * missed some files on previous commit * able to edit query * clean up * lint fixes * query results showing as they come * remove unused code * removed old query page. major file cleanup. * removed selectedTargets redux implementation * removed unused redux actions and reducers * removed unused keys in initial state * selectedOsqueryTable is now using context API * removed all querypages redux code * set up context for app and user * fixed auth with temp fix for wrapper * completed redux removal from query page * fixed var names coming from main branch * fixed var name changes coming from issue 1501 * fixed save popup bug; clean up * added permissions * fixed login redirect * removed unused props * linting fix * clean up * removed unused component, refactor, and clean up * fixed styles for step 1 as admin * fixed styles for step 1 as observer * fixed percentage of online hosts * added loading progress to query stop button * reset query status on run again * added download icon to export button text * fixed error reset on name input; fixed styles * fixed bug where query value wasn't saving * fixed query value when blank * fixed bug - default query was running every time * auto adding host from url to targets * fixed flows for repeating run and save steps * fleet ace is now TS and functional * fixed a couple of tests * fixed issues with query value text inconsistencies * fixed query side panel not showing * hiding error count if not > 0 * fixed showing editor for different roles * using integer for targets * go sum * fixed targets param * catching all errors while running query * fixed hover state for title and description * ignore unit test for now; lint fixes * locking react-ace version * ignoring tests breaking in github actions * brought tests back * fixing file name * fixing file name again * fixed e2e test * have to ignore tests for now * ignore certain premium tests for now * one last test to revamp * another test * fixed teamflow test * fixed observer query 403 * lint fixes * fixed maintainer test * added changes file Co-authored-by: Tomas Touceda <chiiph@gmail.com>	2021-09-10 12:06:37 -07:00
RachelElysia	36971b4cb8	Host Details Page: Query performance column (#1867)	2021-09-01 18:08:20 -04:00
RachelElysia	3b4bbf8f8e	Frontend Spiffier: Capitalize MIA (#1623)	2021-08-11 10:08:32 -04:00
RachelElysia	267b7343e1	Manage Packs Page: Refactor to typescript, functional components, new UI (#1567) ... * Refactor ManagePacksPage as functional component in TypeScript * Refactor old table using TableContainer component * Add Enable, Disable buttons to DataTable component * Update Packs interface with additional properties * Update Cypress e2e tests	2021-08-10 14:25:34 -04:00
RachelElysia	bf57121c04	Team Schedules - New Feature! (#1550) ... * Basic Tier users have access to Team Schedules in the UI	2021-08-05 10:48:00 -04:00