Commit Graph

347 Commits

Author SHA1 Message Date
Ella Cai aa03846880
UI: Update Consul UI colors to use HDS colors (#16111)
* update red color variables to hds

* change background red to be one step lighter

* map oranges

* map greens

* map blues

* map greys

* delete themes, colours: lemon, magenta, strawberry, and vault color aliases

* add unmapped rainbow colours

* replace white and transparent vars, remove unused semantic vars and frame placeholders

* small tweaks to improve contrast, change node health status x/check colours for non-voters to match design doc, replace semantic colour action w hds colour

* add unmapped grays, remove dark theme, manually set nav bar to use dark colours

* map consul pink colour

* map yellows

* add unmapped oranges, delete light theme

* remove readme, base variables, clean up dangling colours

* Start working on the nav disclosure menus

* Update main-nav-horizontal dropdowns

* Format template

* Update box-shadow tokens

* Replace --tone- usage with tokens

* Update nav disabled state and panel border colour

* Replace rgb usage on tile

* Fix permissions modal overlay

* More fixes

* Replace orange-500 with amber-200

* Update badge colors

* Update vertical sidebar colors

* Remove top border on consul peer list ul

---------

Co-authored-by: wenincode <tyler.wendlandt@hashicorp.com>
2023-02-27 09:30:12 -07:00
Valeriia Ruban b1fb35070e
fix: ui tests run is fixed (applying class attribute twice to the hbs element caused the issue (#16428) 2023-02-24 23:46:45 -08:00
Valeriia Ruban b5b0693666
feat: update alerts to Hds::Alert component (CC-4035) (#16412) 2023-02-24 20:07:12 -08:00
Valeriia Ruban d01ee172ea
[UI] CC-4031: change from Action, a and button to hds::Button (#16251) 2023-02-22 13:05:15 -08:00
Tyler Wendlandt 9329199863
UI: CC-4032 - Update sidebar width (#16204)
* Update chrome-width var to be 280px

* Formatting & Changelog
2023-02-13 11:48:31 -07:00
wenincode 9251801c68 Replace main consul logo with FlightIcon 2022-10-27 14:28:10 -06:00
wenincode 2c7fabe447 Format index template 2022-10-27 14:23:41 -06:00
wenincode 3ed964864b Format intentions table hbs template 2022-10-26 11:46:35 -06:00
wenincode c72fec5433 Replace k8s informed action with flight icon 2022-10-26 11:07:42 -06:00
wenincode cb8f72490f Remove shadow-template/host and related components 2022-10-26 08:07:35 -06:00
wenincode 3dc9b27a0e Remove template log 2022-10-26 06:43:57 -06:00
wenincode 913873f520 Remove some icons 2022-10-25 14:02:38 -06:00
wenincode ea247c5f63 Use FlightIcon component for k8s type select in authmethods 2022-10-25 12:01:09 -06:00
wenincode 1825580f5a Format auth method search bar template 2022-10-25 11:55:09 -06:00
wenincode f665912d05 Set the color to black for vault 2022-10-25 11:44:27 -06:00
wenincode 596bb59707 Share code with new icons for sources select 2022-10-25 11:12:15 -06:00
wenincode c91e604591 Update icon-map to work for auth methods 2022-10-25 07:14:55 -06:00
wenincode 914467f8b7 Use FlightIcon component for external sources 2022-10-24 13:39:28 -06:00
wenincode f89fc309ff Pre-populate partition on sso login 2022-10-19 17:26:25 -06:00
Tyler Wendlandt b790131289
Merge pull request #14971 from hashicorp/ui/feature/agentless-nodes-banner
ui: agentless nodes notice banner banner
2022-10-19 09:06:46 -06:00
wenincode 7c5e109e17 Call super with arguments to safeguard against future changes 2022-10-18 11:53:24 -06:00
wenincode 443b73435a Use local-storage service to manage localStorage
Use local-storage service, prototyped here https://github.com/LevelbossMike/local-storage-service, to manage local storage usage in an octane way. Does not write to local storage in tests by default and is easy to stub out.
2022-10-18 09:40:47 -06:00
wenincode f9f4ca8da4 Set postfix for agentless-notice storage key based on partition and dc 2022-10-14 14:08:40 -06:00
wenincode 9777ee0077 Save agentless node notice dismissal per dc 2022-10-14 12:21:25 -06:00
wenincode b761f583a8 Address linting errors 2022-10-13 19:05:19 -06:00
wenincode e36848111a Add tests for filtering node health checks 2022-10-13 18:45:15 -06:00
Jasmine W 718d4f5455 UI: Copy changes for peering detail page 2022-10-13 13:45:03 -04:00
wenincode 31cbbc85e3 Move agentless-notice banner css to it's own file 2022-10-13 10:38:26 -06:00
wenincode eb2cdcfb94 Add tests for agentless-notice-banner 2022-10-13 10:29:03 -06:00
wenincode 5fc979ee6e Move banner to component and make it dismissable 2022-10-13 10:29:03 -06:00
Michael Klein e9cd6753c7 Always sort consul-gateway to bottom sources list 2022-10-13 17:13:00 +02:00
Michael Klein db4b38c36e Fix linting error dimension service 2022-10-13 16:45:03 +02:00
Michael Klein 35d8035258 Update dimension provider
* simplify implementation
* add docs
2022-10-13 16:43:54 +02:00
Michael Klein 5a8678e596 Rename `peers.edit` to `peers.show` 2022-10-13 16:43:54 +02:00
Michael Klein 3d1f032b51 Fix bucket-list display depends on navigation
We need to explicitly tell the UI to not show the bucket-list
when we are displaying imported services. If we make
this depend on the data we will sometimes not show
it due to data-loader caching.
2022-10-13 16:43:54 +02:00
Michael Klein 0ad4334597 Match design order health states imported-services 2022-10-13 16:43:54 +02:00
Michael Klein 02c74807b3 Use existing freefilter to match existing design 2022-10-13 16:43:49 +02:00
Michael Klein 33cf82a2d5 Add filtering for 'unknown' imported services 2022-10-13 16:43:49 +02:00
Michael Klein 2f19d4e97e Always transition to imported peers.edit 2022-10-13 16:43:49 +02:00
Michael Klein f7e36609ad Add tooltips exported/imported tabs 2022-10-13 16:43:38 +02:00
Michael Klein 184a2a0e78 Display tab tooltips in tab-nav 2022-10-13 16:43:38 +02:00
Michael Klein a712142ec0 Allow tabs to have tooltips 2022-10-13 16:43:38 +02:00
Michael Klein 2854bcde76 Implement imported services tab peers.edit 2022-10-13 16:43:38 +02:00
Michael Klein b86567e163 Display addresses when receiver peer.edit 2022-10-13 16:43:38 +02:00
Michael Klein 0194eebd95 Return all items without search term exported 2022-10-13 16:43:38 +02:00
Michael Klein b356cffbc5 Always display imported & exported on peer
Peers are bi-directional, we need to reflect that
2022-10-13 16:43:38 +02:00
Michael Klein 8c99ecb28c Create search-provider 2022-10-13 16:43:38 +02:00
Michael Klein 419531287b Create dimensions provider
To measure the available space of an element when it
should take up the "rest" of the page. This matches
what `ListCollection` is doing internally but makes
the mechanism available in a composable component.
2022-10-13 16:43:38 +02:00
Michael Klein d33b5c7bd3 Move javascript tab class to tab-nav 2022-10-13 10:44:07 +02:00
Michael Klein 4b89df2335 Create Peerings::Provider
We need a component abstraction that encapsulates
creating the dynamic tabs based on peering-type.

We create a `PeerTab`-abstraction that behaves like
the data-structure the tab-nav expects to achieve this
effect.
2022-10-13 10:44:07 +02:00