150 Commits (33c401a16e36ce27900cacff3a7c07ed49b1b9d1)

Author	SHA1	Message	Date
Kenia	f21895a76d	ui: Increase spacing between detail items in composite row (#8507)	4 years ago
John Cowen	a686de0414	ui: Add Optgroups and selectedItems to multiple select dropdown and use (#8476) ... * ui: Switch selects to use more HTML-like approach for optgroups * Add KV comparator * Use new option/optgroup approach for sort/select * Fix up tests for new order of menu items	4 years ago
John Cowen	8bea00d974	ui: Dropdown/select improvements (#8468) ... * ui: Better org of split-button/sort-button ready for design change * ui: Improve keyboard accessibility of dropdown menu	4 years ago
Kenia	31e7e32fe7	ui: Add sorting to ACLs tokens with tests (#8359) ... * Add sorting to ACLs tokens with tests * Create token comparator and implement in template * Upgrade @hashicorp/consul-api-double to 3.1.6 * Add navigation test to acls tokens	4 years ago
duncanKr	6778d58a74	ui: Table element's have vertical scrollbars (#8296) ... Close #8294. Set overflow to hidden for both x and y axis. This prevents the overflow-y defaulting to auto, and creating scrollbars. Given the text overflow is set to ellipsis, this doesn't change the UI functionality.	4 years ago
John Cowen	5f3312a8ac	ui: Namespaces Redesign (#8336) ... * ui: Add new consul-nspace-list component * ui: Use new consul-nspace-list component * Fix up other components to use linkable list-collection action * ui: Remove some dead CSS	4 years ago
John Cowen	7edb3eca22	ui: Use top-level 'named index files' instead of in folder index files (#8274) ... * Remove unused phrase-editor CSS * Move index.scss files to top-level named files to make them more obvious	4 years ago
John Cowen	77886f6d69	ui: Extract and organize popover-menu and related from main-nav (#8272)	4 years ago
John Cowen	0d35548519	ui: New Intention Form/List components (#8172)	4 years ago
Kenia	2f7fe06f5b	ui: Fix up styling for the Tags tab (#8263)	4 years ago
John Cowen	f0333138fe	ui: Use empty-state for our small empty states (#8262)	4 years ago
John Cowen	22e4e0ac12	ui: Re-adds gray backgrounds to old style %pills (#8251)	4 years ago
Kenia	7a1284e11b	ui: Redesign - Node service instances tab (#8204) ... * Upgrade consul-api-dobule to version 3.1.3 * Create ConsulInstaceChecks component with test * Redesign: Service Instaces tab in for a Node * Update Node tests to work with the ConsulServiceInstancesList * Style fix to the copy button in the composite-row details * Delete helper and move logic to ConsulInstanceChecks component * Delete unused component consul-node-service-list	4 years ago
Kenia	5dd923ee8b	ui: Support ingress gateways upstreams with multiple addresses (#8185) ... * Upgrade consul-api-double to version 3.1.2 * Display multiple addresses for ingress gateway upstreams	4 years ago
John Cowen	9e77922daa	ui: Ensure the tooltip panel chevron isn't hidden by overflow (#8183)	4 years ago
Kenia	0db4cb305f	ui: Refactor composite rows to use description lists and add Tooltips (#8175) ... * Update Consul Service List composite rows with Tooltips and description lists * Update Consul Service Instance List composite rows with Tooltips and description lists * Removed line height in reduced pill to match the description lists in the composite rows	4 years ago
John Cowen	7a8b5e7eb7	ui: Redesigns for the token/policy/roles listings pages (#8144)	4 years ago
John Cowen	4c58f9402e	ui: Support for Node Identities (#8137) ... * Add all the new data required for NodeIdentities * Add potential NodeIdentity to the token list component * Amend the policy-form/selector to allow node identity creation * Fix up CSS for radio buttons and select label * Add node-identity policy template component * Fix up and add acceptance tests for NodeIndentities * Make sure policy previews take node identities into account * Only show certain policy markup if those we have those policies * Potentially temporarily hide dt's that don't have icons yet	4 years ago
Kenia	191f0966a0	ui: Refactor Upstreams and Exposed Paths icons (#8139) ... * Update Ports to have copy-button to the left * Update exposed paths use a description list	5 years ago
John Cowen	7522bd5dab	ui: Token listing redesign (#8117)	5 years ago
Kenia	fe784f6f83	ui: Refactor detailed health checks to use more of the service/instance-checks helper (#8119)	5 years ago
Kenia	44d79ddde6	ui: Add detailed Health Checks to Service Detail page (#8111)	5 years ago
Kenia	0d88c4ef67	ui: Add health check icon to Ingress Upstreams and add Tooltips in additional areas (#8091) ... * Add Health Checks and update Tooltips in Ingress Upstreams * Update Tooltip in Proxy Info tab Upstreams * Add Tooltips to Proxy Info tab Exposed Paths * Add Health Checks with Tooltips to Service List page	5 years ago
John Cowen	4bde23b9e9	Merge pull request #8080 from hashicorp/ui-staging ... ui: UI Release Merge (1.8-beta-3: ui-staging merge)	5 years ago
John Cowen	aafbfa167c	ui: ConsulKind explanatory tooltip panels (#8048) ... * ui: Add tooltip panels to ConsulKind	5 years ago
John Cowen	8a586c04e6	ui: Switch help menu icons to use the correct icons	5 years ago
John Cowen	002797af82	ui: Remove WithSearching mixin, use helpers instead (#7961) ... * ui: Remove WithSearching mixin, use composable helpers instead	5 years ago
John Cowen	12b1bc28b4	ui: SSO Icon cleanup (#7959) ... 1. Removes all icons not supported by the backend 2. Adds other icons supported by the backend 3. If there is no icon available don't add CSS positioning for one	5 years ago
John Cowen	94dd1849b4	ui: New Empty States (#7940) ... * ui: CSS and component changes to the <EmptyState /> component * ui: Reset the auth-form component back to its initial state Moving forwards we are going to have the auth-form on the page all the time, even when logged in (for relogging in purposes). This means the auth-form will not always be removed from the DOM when you log in. This sets the form back to its idle state before calling onsubmit * ui: Make a public api for modal-dialog with a single close method * ui : Move cache reset somewhere that makes more sense, + single refresh 1. Centralize cache resetting elsewhere, for now the store makes most sense, although I would prefer the Repository class, so using the store is temporary 2. We only need to refresh on login once, unless we have a differing nspace * ui: Ensure visibilitychange events are cleaned up * ui: Only cache DataSource data if we have any, + only clear the cache * ui: Add the modal login dialog to both unauth and auth views This means we can 'relogin' when already logged in * ui: Add new empty states * ui: CSS Tweaks * Remove marketing grays	5 years ago
Kenia	c4b2fcbd38	ui: Create Tags & Meta tab (#7954)	5 years ago
Kenia	8077a41f42	ui: Make only existing services in Upstreams linkabled with hover effect (#7943) ... * Create service/exist helper to be used in ListCollection list items * Make only existing services in Upstreams linkabled with hover effect	5 years ago
Kenia	91b22f21ba	ui: Implement EmberTooltips to Upstreams (#7930) ... * Add ember-tooltips addon * Create Tooltip component with styling and test * Implement Tooltip into Upstreams	5 years ago
John Cowen	e7ce5a6e7b	ui: Slightly refactor %composite-rows and reuse ConsulServiceList component (#7886) ... * ui: Move individual component types into a single %composite-list plus 1. Removes all out separate CSS components (that match HTML components) to favour not having those separate for the moemnt at least 2. Reuses <ConsulServiceList /> component for Terminating Gateways > Linked Services * ui: Tweak breadcrumb spacing for '/' separator * Fix up the tests i.e. services per tab so we can call them all services	5 years ago
John Cowen	200945714a	UI Release Merge (1.8-beta-2: ui-staging merge) (#7919) ... * ui: Styling fixes (#7885) * Move cellHeight to ListCollection js file * Fix composite row border-top-color onHover state * Add empty health check icon to CompositeRow styling * ui: Slightly refactor %composite-rows and reuse ConsulServiceList component (#7886) * ui: Move individual component types into a single %composite-list plus 1. Removes all out separate CSS components (that match HTML components) to favour not having those separate for the moemnt at least 2. Reuses <ConsulServiceList /> component for Terminating Gateways > Linked Services * ui: Tweak breadcrumb spacing for '/' separator * Fix up the tests i.e. services per tab so we can call them all services * ui: Misc discovery chain fixes (#7892) 1. Look for a default splitter before looking for a default resolver in order to route to. 2. Delay adding svg listeners until afterRender (fixes split tooltip) 3. Make router id's consistent for highlighting default routers in when clicking the graph * ui: If an error occurs on the server, surface it in the notification (#7893) * ui: Delete old unused CSS (#7909) This commit deletes CSS that we no longer use and we definitely will not ever use. We also dedup all of our imports here as it turns out SASS doesn't dedupe imports. Strangely this increases out CSS weight by ~1kb instead of reducing but we'd rather keep things deduped as that was the intention * ui: Redesign - Exposed Paths (#7912) * Add new exposed paths icons to codebase * Redesign Exposed Paths and create copy-button hover on Composite Row * Refactor FeedbackDialog and CopyButton * Change this.element to use `{{ref }}` now we don't have an element We changed this to a tagless component with an eye to moving this to a glimmer component, without spotting that this would also remove the `this.element` property. This adds an equivalent using the ref modifier. Co-authored-by: John Cowen <jcowen@hashicorp.com> * ui: Remove box-shadow and pointer cursor from metada list hover effect (#7914) Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>	5 years ago
John Cowen	6588218cca	ui: Misc amends for Safari and Firefox (#7907) ... 1. Ensure dropdown menus function correctly in Safari 2. Ensure default grey color for buttons is not used 3. Ensure IntersectionObservers are cleaned up properly in Safari	5 years ago
Kenia	6367160c93	ui: Create Upstreams tab for Ingress Gateways (#7865)	5 years ago
Kenia	2adfb42bde	ui: Create Linked Services Tab for Terminating Gateways (#7858) ... * Fix to bottom border not applying to the correct <li> * Create Linked Services tab with styling and tests * Add internal endpoint gateway-services-nodes to the codebase with tests * Upgrade consul-api-double to version 2.15.0	5 years ago
John Cowen	f469da640e	ui: Renames CopyButtonFeedback to CopyButton and use it everywhere (#7834) ... * ui: Renames CopyButtonFeedback to CopyButton and use it everywhere * Uncapitalize output * Remove the ability to set the contents via an attr, and.. ..change the attribute for the string that gets copied to be called 'value' so it feels like HTML	5 years ago
John Cowen	182cdef45c	ui: Restrict %secondary-button to only form buttons in the main content (#7836)	5 years ago
Kenia	319301abe8	ui: Update copy button icon margin (#7835)	5 years ago
John Cowen	f21b17a1f2	UI: Improved Login/Logout flow inc SSO support (#7790) ... * 6 new components for new login/logout flow, plus SSO support UI Components: 1. AuthDialog: Wraps/orchestrates AuthForm and AuthProfile 2. AuthForm: Authorization form shown when logged out. 3. AuthProfile: Simple presentational component to show the users 'Profile' 4. OidcSelect: A 'select' component for selecting an OIDC provider, dynamically uses either a single select menu or multiple buttons depending on the amount of providers Data Components: 1. JwtSource: Given an OIDC provider URL this component will request a token from the provider and fire an donchange event when it has been retrieved. Used by TokenSource. 2. TokenSource: Given a oidc provider name or a Consul SecretID, TokenSource will use whichever method/API requests required to retrieve Consul ACL Token, which is emitted to the onchange event handler. Very basic README documentation included here, which is likely to be refined somewhat. * CSS required for new auth/SSO UI components * Remaining app code required to tie the new auth/SSO work together * CSS code required to help tie the auth/SSO work together * Test code in order to get current tests passing with new auth/SSO flow ..plus extremely basics/skipped rendering tests for the new components * Treat the secret received from the server as the truth Previously we've always treated what the user typed as the truth, this breaks down when using SSO as the user doesn't type anything to retrieve a token. Therefore we change this so that we use the secret in the API response as the truth. * Make sure removing an dom tree from a buffer only removes its own tree	5 years ago
Kenia	b2ecc65d21	ui: Create PopoverSelect, CatalogToolbar, and update tests (#7489) ... * Create PopoverSelect component and styling * Create CatalogToolbar component and Styling * ui: Adds `selectable-key-values` helper (#7472) Preferably we want all copy/text to live in the template. Whilst you can achieve what we've done here with a combination of different helpers, as we will be using this approach in various places it's probably best to make a helper. We also hit an ember bug related to using the `let` helper and trying to access `thingThatWasLet.firstObject` (which can also be worked around using `object-at`). Moving everything to a helper 'sorted' everything. Probably worthwhile noting that if the sort option themselves become dynamic, I'm not sure if the helper here would actually react as you would expect (I'm aware that ember helpers on react on the root arguments, not necesarily sub properties of those arguments). If we get to that point this helper could take the same approach as what I believe ember-composable-helpers does to get around this, or move them to the view controller. If we do ever moved this to the view controller, we can still use the exported function from the new helper here to keep using the same functionality and tests we have here. * Create tests for sorting services with CatalogToolbar * Add rule to print 'ember/no-global-jquery' as a warning Co-authored-by: John Cowen <johncowen@users.noreply.github.com>	5 years ago
John Cowen	7e83dc2aeb	ui: Small CSS tweaks (#7808) ... 1. Reinstate top border on in page tabs 2. Keep overflow:hidden just for dom-recycling-tables	5 years ago
Kenia	1743da62d7	ui: Update Gateway headers to include Service Kind (#7805)	5 years ago
Kenia	4b2ff91b45	ui: Redesign - Instance Detail Proxy Info tab (#7745) ... * Fix clickFirstAnchor bug * Create Proxy Info Tab for Instance Detail Page * Create tests for ProxyInfo and update other scenarios with Proxy data * ui: Refactors our app-view/%app-view component (#7752) Co-authored-by: John Cowen <johncowen@users.noreply.github.com>	5 years ago
John Cowen	822daaf486	ui: Fix CSS typo (#7791)	5 years ago
John Cowen	135d22586b	ui: Tab Improvements (animations/branding) (#7772) ... * ui: Adds a tab selection animation to our app tabs 1. Replace all mentions of `magenta` with a themeable CSS property. 2. Add an easy way to inline style DOM nodes 3. Use CSS properties to add tab animation * Fix up rendering test * Avoid DOM noodling as much as possible	5 years ago
Kenia	12e2c93e6b	ui: Redesign - Service List page with Gateways (#7781) ... * Return all services except Proxies * Add Gateway icon to the codebase * Create and implement ConsulExternalSource component * Fix tests to work with new mock data and add a Gateway test * Update consul-api-double to 2.14.3	5 years ago
John Cowen	61d7e9ba87	ui: Misc CSS amends, mainly changes to empty-state (#7743) ... 1. empty-state amends to bring it closer to what is in Structure and optionally support icons. 2. You may have a button that semantically should be a button (it performs and action not a link), but you want it to look like an anchor, this means it shouldn't have an outline when :active. 3. Adds `label.type-password` as a `%form-element` 4. Adds an error state to our `%notice` CSS component	5 years ago
John Cowen	dd6506e994	ui: Add background-color: currentColor to all our icon masks (#7729) ... We currently define our 'decorational' iconography in our CSS via background images and or psuedo content. For coloring these we use `mask-image` and a background color. This commit adds a background-color: currentColor to our %with-mask placeholder that makes the color of these icons default to the `color` of the current element, meaning the icons now inherit from things like `:hover`. This can easily be overwritten as before by just setting the background-color on the icon manually as before.	5 years ago