Jacob Shandling
b961c8e912
UI – Add help text, modularize help text styling, misc cleanup ( #15252 )
...
## Addresses #14882
- Add help text
- Align heading of Advanced section
- Add `help-text` mixin for improved modularity/reusability
- Fix responsive styles on LabelFilterSelect
<img width="721" alt="Screenshot 2023-11-21 at 9 52 45 AM"
src="https://github.com/fleetdm/fleet/assets/61553566/216112f8-de9d-4ee3-acb5-376e6ccd3b4e ">
- [x] Manual QA for all new/changed functionality
---------
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-11-21 10:16:33 -08:00
Gabriel Hernandez
da20214938
Create new ListItem and FileUploader component and use on controls page ( #15103 )
...
This adds a new ListItem component and FileUploader component and
updates the Custom settings and scripts page to use this new ListItem
component.
This List component centralises where the markup and styles live. We
still need to update the bootstrap list item and eula upload list item
but will do that in the future.
- [x] Manual QA for all new/changed functionality
2023-11-13 15:30:22 -08:00
Jacob Shandling
bf8504a028
Refactor Tooltip Wrapper ( #13845 )
2023-11-07 13:15:49 -08: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
Jacob Shandling
eb327faabf
maintenance merge of main into feature branch ( #14393 )
...
maintenance merge of `main` into feature branch
2023-10-09 14:28:35 -07:00
RachelElysia
be7d798a25
Fleet UI: [tiny styling bug] Fix failing policies call out alignment ( #14136 )
2023-10-05 10:36:23 -07:00
Jacob Shandling
df2ada1809
UI - Add 'Discard data' option to Save Query modal ( #14284 )
...
## Addresses pt.1 of #13470
4 states + InfoBanner:
<img width="746" alt="Screenshot 2023-10-03 at 2 51 36 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/0cffd9a1-8a96-4723-a080-10d68d7c7c70 ">
<img width="746" alt="Screenshot 2023-10-03 at 2 51 55 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/12237208-f29a-4c90-86c8-8fb71d64fbf4 ">
<img width="746" alt="Screenshot 2023-10-03 at 2 52 20 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/6bdeb8c6-250f-4edb-a630-aa978a98e428 ">
<img width="746" alt="Screenshot 2023-10-03 at 2 52 26 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/bae0e656-56f4-4f6a-9972-5ff0fa2f24bf ">
<img width="735" alt="Screenshot 2023-10-03 at 5 15 44 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/b26ce3ed-7949-4823-a6a4-fa04e152a480 ">
## Checklist for submitter
- [x] Manual QA for all new/changed functionality
---------
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-10-04 15:19:26 -07:00
Gabriel Hernandez
3755264529
Feat UI view script activity and script details ( #13388 )
...
relates to #13308
Implements the UI for the activity item for script ran, and the script
details modal.
NOTE: Still have to do API integration and will do when API is ready in
another PR.
- [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.
- [ ] Added/updated tests
- [x] Manual QA for all new/changed functionality
2023-08-29 11:47:37 +01:00
RachelElysia
39c3eedc7b
Fleet UI: Improvements to highlighting while tabbing and not clicking ( #13508 )
2023-08-25 12:26:03 -04: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
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
RachelElysia
e13644d664
Fleet UI: New manage query automations modal ( #12747 )
2023-07-18 17:10:45 -04:00
Gabriel Hernandez
c5a4fa60b7
Feat UI update macos windows setup ( #12744 )
...
relates to #12168
Updates the fleet UI so that the macOS mdm setup flow is similar to the
windows mdm setup. This includes:
**Adding a new macos setup card:**
**Adding a new mac os mdm page on a new URL:**
- [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-07-17 15:51:40 +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
Luke Heath
ab9e823ac9
Increase software name container width ( #12296 )
2023-06-12 14:57:15 -05:00
RachelElysia
210d8d8b8a
Fleet UI: Begin updating icons (6 icons only) ( #11852 )
2023-05-25 09:43:44 -04:00
Gabriel Hernandez
327205dacc
add better error for manual enroll modal ( #11845 )
...
relates to #11376
adds improved UI for error state of manual enroll mdm modal
- [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-05-25 12:26:55 +01:00
Gabriel Hernandez
e500a4f65d
Fix icon not being aligned properly on Host details/ My device page. ( #11919 )
2023-05-24 09:10:07 -05:00
Luke Heath
162b709eb2
Adjust bold weight ( #11905 )
2023-05-23 16:24:01 -05:00
RachelElysia
e6afbfe25b
Fleet UI: Filepath column styling ( #11800 )
2023-05-19 11:47:31 -04:00
Gabriel Hernandez
d19613e7e3
add default line height to body ( #11768 )
...
is related to this PR https://github.com/fleetdm/fleet/pull/11711
I meant to put this on the `body` selector, not `.body-wrapper`
2023-05-18 16:57:55 +01:00
Gabriel Hernandez
87d144aae3
update default text line-height ( #11711 )
2023-05-17 16:41:51 -05:00
Gabriel Hernandez
0491c730ac
Feat UI mdm migration ( #11732 )
...
relates to #11669
Implements the UI for the end-user migration workflow. This includes:
UI for migration form:
Preview payload modal:
Mdm setup state:
- [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-05-17 17:32:55 +01:00
RachelElysia
49eb3885f8
Fleet UI: New font face... Inter! ( #11625 )
2023-05-12 09:40:43 -04:00
Gabriel Hernandez
bd9176d67e
UI for bootstrap package flows ( #11288 )
...
relates to #10935
This is the UI for all the flows around adding, removing, downloading,
and viewing information about a bootstrap package for fleet mdm. This is
pretty comprehensive but includes:
### Backend
**Update `Get host/id`** to include bootstrap package name
```json
{
"macos_setup": {
...
"bootstrap_package_name": "test.pkg"
}
}
```
### Frontend
**UI for ABM not being set up**:
**UIs for uploading, downloading, and deleting bootstrap package**:
**UIs for seeing bootstrap status aggregate data**
**UIs for filtering hosts by bootstrap status**
**UIs for seeing package status on host details and my device 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: Roberto Dip <dip.jesusr@gmail.com>
Co-authored-by: gillespi314 <73313222+gillespi314@users.noreply.github.com>
Co-authored-by: Martin Angers <martin.n.angers@gmail.com>
2023-04-27 16:10:41 +01:00
RachelElysia
93dfa82fa3
Fleet UI: API only badge ( #10881 )
2023-03-31 09:19:40 -04:00
RachelElysia
04169ec84b
Fleet UI: Critical icon on policy table ( #10313 )
2023-03-06 15:57:15 -05:00
Jacob Shandling
a578e20930
UI: Add macOS settings (profiles) indicator and modal with data table ( #9809 )
...
# Addresses #9413
# Implements
https://www.loom.com/share/d1b66a3076b94bf2add4fcf8666649a4
- macOS settings indicator on host details and device user pages. Only
displayed if (1) the host is enrolled in a Fleet MDM server and (2) the
host has at least one setting (profile) enforced.
- macOS settings modal, toggled by clicking on above indicator. Contains
a data table with the name, status, and error messages, if any, of each
enforced macOS setting on the host.
# Notes
- To aid in reviewing, you'll probably want to focus on:
-
[DeviceUserPage.tsx](https://github.com/fleetdm/fleet/pull/9809/files#diff-be9f14d3cee9f345058212985c26b3452688c6d75853a5e9dcb968a69dfcbbd7 )
and
[HostDetailsPage.tsx](https://github.com/fleetdm/fleet/pull/9809/files#diff-72f7403682d211fc8a84a411fc39c4a33c3eb6a33549a33f1179dd7da6a893cc )
-
[HostSummary.tsx](https://github.com/fleetdm/fleet/pull/9809/files#diff-435e720f1ad82e892bec00fbc9c14e01e9488b776ae293f9158500c66d85bd0d )
-
[MacSettingsIndicator.tsx](https://github.com/fleetdm/fleet/pull/9809/files#diff-e23079f72b13bd34eb978eded467265dad4f366a6fece60cd52c887f355f92d1 )
-
[MacSettingsModal.tsx](https://github.com/fleetdm/fleet/pull/9809/files#diff-75a08aa5b66cc2b63fc616d8ba012e552376f23d3c3df01d875586857f326f53 )
-
[MacSettingsTable.tsx](https://github.com/fleetdm/fleet/pull/9809/files#diff-5dc441b06f770f112bb32bb618e2140e9bbccb7ebf80d86ee57c2754e067a421 )
and its associated
[MacSettingsTableConfig.tsx](https://github.com/fleetdm/fleet/pull/9809/files#diff-0ab0cb34e249e2a41bf51508d38bea018dc5e683b705308250241c42549ab093 )
- Currently using mock data. Once #9599 is completed, #9888 will change
these components to use the real data
- 2/21 - removed mock data. Until the API returns the host.mdm.profiles
data, settings indicator and modal will not render
# Checklist
- [x] Changes file added
- [x] Manual QA
- [x] Updated testing inventory
---------
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-02-22 08:13:12 -08:00
RachelElysia
7f6a42e4ac
Fleet UI: Undetermined public ip tooltip ( #9907 )
2023-02-21 09:16:38 -05:00
Gabriel Hernandez
091ee35ba6
implement macOS update content ( #9469 )
2023-01-27 16:25:53 -06:00
Jacob Shandling
8a5569cd1b
9349 new controls page ( #9431 )
...
# Addresses #9349
# Implements
https://www.loom.com/share/bbf8d6f97fe74e65a0c9a394f1bda3f1
- New Controls page, only visible to Global|Team Admins|Maintainers
- Header for free users is 'Controls', for premium is a teams filter
dropdown that defaults to 'No teams,' which filters via updating the URL
query param "team_id"
- Includes tabs macUpdates (default) and macSettings
- Cleaned up how site nav items are conditionally included/excluded
based on authorization – see
`frontend/components/top_nav/SiteTopNav/navItems.ts`
- Updated masthead styles: Removed icons from site nav links; updated
colors and spacing; Updated default user avatar TBD in separate PR
(waiting on guidance)
# Checklist for submitter
- [x] Changes file added for user-visible changes in `changes/`
- [x] Updated testing suite inventory
- [x] Manual QA for all new/changed functionality
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-01-26 11:33:54 -08:00
RachelElysia
45f7d88766
Fleet UI: Manual enroll MDM banner + modal + download, More universal Banner component ( #9223 )
2023-01-17 11:31:40 -05:00
RachelElysia
a4bb2d9334
Fleet UI: Apple Business Manager expiry banner ( #9021 )
2023-01-16 09:10:12 -05:00
Jacob Shandling
6c04cc24d7
UI: Settings modals mdm ( #9156 )
...
# Addresses parts 1 and 2 of #8872
[Demo (updated
1/6)](https://www.loom.com/share/be6d21cd3dfd42019a96431848ced7a3 )
1/9: updated Success state with canonical Fleet icon and new copy:
<img width="669" alt="Screenshot 2023-01-09 at 5 17 58 PM"
src="https://user-images.githubusercontent.com/61553566/211440074-a69c420a-920c-40dd-a96f-f2d3917ad73a.png ">
TODO:
- finalize API call once those specs are clarified and implemented:
https://github.com/fleetdm/fleet/issues/9202
- tests
- Change team modal (pt3)
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-01-10 12:19:46 -08: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
8384dbe3a9
Fleet UI: Critical policy unreleased fixes ( #9052 )
2022-12-20 09:38:37 -06:00
RachelElysia
cde9877ecb
Fleet UI: Scroll shadows ( #8914 )
2022-12-06 12:58:32 -08:00
Jacob Shandling
9796a15b4d
UI: Set form field height to $form-field-label-min-height for consistency between states, including on error ( #8714 )
...
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2022-11-22 14:41:10 -08:00
Jacob Shandling
a568c28124
UI: Add {on|off}line status tooltips and refactor HostSummary to use StatusCell ( #8750 )
...
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
Co-authored-by: Luke Heath <luke@fleetdm.com>
2022-11-22 14:15:17 -08:00
Gabriel Hernandez
e71307e11a
add passed policies column to inherited policies table. Add new colors and add to icons. ( #8524 )
...
* Merge branch 'main' of https://github.com/fleetdm/fleet into chore/testing-docs-on-contribution
add passing columns to inherited policies table
* add updated colors and applied them to icons
* change policy tables to use buildQueryString
2022-11-07 17:13:11 +00:00
RachelElysia
82ff4ab6e3
Frontend: New CustomLink component ( #8375 )
2022-10-27 14:06:57 -04:00
RachelElysia
1aaf2d0b06
Fleet UI: Update styling of tooltips and modals ( #8436 )
2022-10-26 09:10:20 -04:00
RachelElysia
55b844715d
UI: Consistent code for anchor elements, specifically external links ( #6542 )
2022-09-02 15:28:42 -04:00
Gabriel Hernandez
d88c4e3066
fix fleet setup styles ( #6909 )
2022-07-27 14:43:13 +01: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
