456 Commits (d72f72dcd5534e466df31dddf712274cee919551)

Author	SHA1	Message	Date
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	20a6e1c638	ui: Make sure right trim doesn't try to overtrim (#8171)	4 years ago
John Cowen	6885c883b3	ui: Add namespaced versions of templated policies (#8173)	4 years ago
Kenia	3dbd7f7c77	ui: Update helper to return Proxy and Service Health if the Service has a Proxy (#8168)	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
John Cowen	6bde8b6378	ui: Remove with-listeners mixin (#8142) ... This mixin was a very thin mixin over the top of our listeners utility, and we have been gradually preferring using the utility straight rather than using the mixin. This commit removes the last places where we still used the mixin, and also potentially the last few places where we continued to use the old API for our listeners utility.	5 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	2344ed1505	ui: Switch out WithResizingMixin for on-window helper (#8130) ... * ui: Add ember-on-helper * Switch out WithResizingMixin for {{on-window}} helper	5 years ago
John Cowen	49ec61e523	ui: Remove WithEventSource mixin, use a component instead (#7953) ... The WithEventSource mixin was responsible for catching EventSource errors and cleaning up events sources then the user left a Controller. As we are trying to avoid mixin usage, we moved this all to an `EventSource` component, which can clean up when the component is removed from the page, and also fires an onerror event. Moving to a component firing an onerror event means we can also remove all of our custom computed property work that we were using previously to catch errors (thrown when a service etc. is removed)	5 years ago
John Cowen	61433fabb4	ui: Don't show duplicate services in the intentions form dropdown (#8133) ... * Add uniq-by helper * Pass unique services through to intentions form * Add acceptance test	5 years ago
John Cowen	7522bd5dab	ui: Token listing redesign (#8117)	5 years ago
John Cowen	2c31673c03	ui: Add ...attributes to healthcheck-info (#8120)	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
John Cowen	62680891be	ui: Move healthcheck ordering to use new comparators (#8096)	5 years ago
John Cowen	54d69bbb8f	ui: Colocate pageobject components with their components (#8098)	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	2838f7a2e9	ui: Reduce discovery-chain log errors (#8065) ... * ui: Reduce discovery-chain log spam Currently the only way that the UI can know whether connect is enabled or not is whether we get 500 errors from certain endpoints. One of these endpoints we already use, so aswell as recovering from a 500 error, we also remember that connect is disabled for the rest of the page 'session' (so until the page is refreshed), and make no further http requests to the endpoint for that specific datacenter. This means that log spam is reduced to only 1 log per page refresh/dc instead of 1 log per service navigation. Longer term we'll need some way to dynamically discover whether connect is enabled per datacenter without relying on something that will add error logs to consul.	5 years ago
John Cowen	db1ed14acf	ui: remove sort-control component (#8077) ... This was never actually used	5 years ago
Kenia	328874ad4f	ui: Reorder items in the Proxy Info tab (#8061)	5 years ago
Kenia	0ea5250cf6	ui: Reorder the tabs for Ingress/Terminating Gateway Service Detail page (#8060)	5 years ago
John Cowen	aafbfa167c	ui: ConsulKind explanatory tooltip panels (#8048) ... * ui: Add tooltip panels to ConsulKind	5 years ago
Daniel Nephin	ce6cc094a1	intentions: fix a bug in Intention.SetHash ... Found using staticcheck. binary.Write does not accept int types without a size. The error from binary.Write was ignored, so we never saw this error. Casting the data to uint64 produces a correct hash. Also deprecate the Default{Addr,Port} fields, and prevent them from being encoded. These fields will always be empty and are not used. Removing these would break backwards compatibility, so they are left in place for now. Co-authored-by: Hans Hasselberg <me@hans.io>	5 years ago
John Cowen	439ae6b4bf	ui: Blocking with filtering intentions amends (#8027) ... * ui: Now intentions use blocking queries invalidation isn't needed * ui: Ensure reconciliation doesn't happen when filtering for intentions	5 years ago
John Cowen	8a586c04e6	ui: Switch help menu icons to use the correct icons	5 years ago
John Cowen	7949410208	ui: Add ability to sort service based on health (#7989) ... * ui: Add ability to sort service based on health * ui: Move custom sorting to sort/comparator Service/Helper (like search) This moves custom sorting to use the same pattern as custom searching. * Remove old Controller based comparator	5 years ago
Kenia	d295d976ce	ui: Customize link for an Upstream in a different namespace as the ingress gateway (#8006) ... * Add configuration default value for findGatewayBySlug * Customize link for an Upstream in a different nspace as the ingress gateway	5 years ago
John Cowen	b0f38fe899	ui: Add an Address copy button to the service instance page (#7977) ... * ui: Add an Address copy button to the service instance page * ui: Fallback to Node Address if no Service Address is configured	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
Kenia	d459bfd81c	ui: Add blocking queries to gateways (#7967) ... * Remove gateway endpoint adapter, model, and serializer and tests * Update service tests to handle gateway-services-nodes * Upgrade consul-api-double to 2.15.2 * Add a fairly temporary shouldReconcile method Co-authored-by: John Cowen <jcowen@hashicorp.com>	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
John Cowen	7e1e6e44c3	ui: remove some components/javascript we are no longer using (#7941)	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	5d77ba076a	ui: Blink/Webkit input[type=password] workaround (#7929) ... It seems that blink/webkit browsers at least will leak memory when using input[type=password] inputs. This only affects us during testing as we 'refresh' the ember app ~1000 times without actually refreshing the browser. This means references to these HTML input elements mount up now that every single page/test has an input[password] on it. Following this change our memory usage during testing seems to have reduced by as much as 75%. During normal usage the single password element is only added to the page once per login/logout.	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	3be1237e42	ui: Only save the setting that you've changed (#7918) ... Originally we assumed all settings would be editable in the settings page, but over time we've added thigns to localStorage that aren't user settable settings. This means we shouldn't save all you localStorage settings everything time only a single setting has been saved. This change only changes the setting you've changed via the settings page, meaning it will never update non-user-settable settings.	5 years ago
John Cowen	2a41708fb1	ui: Ensure datacenter is sent to the API when loading in a policy panel (#7910) ... * ui: Policies don't have datacenter properties, use the URL dc instead. * ui: Ensure policy saving proxy object is destroyed	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
John Cowen	2f7c4cbf86	ui: Quote service names when filtering for intentions (#7888) ... * ui: Quote service names for intention filtering * ui: return null if we ever get an error with anything else	5 years ago
Kenia	d7ac550f00	ui: Add namespaces to gateway services (#7868) ... * Add namespace info to gateway Linked Services and Upstreams tabs * Upgrade consul-api-double to version 2.15.1	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	b608ceb815	ui: Test Improvements (#7854) ... * ui: Combine all "see/don't see" steps into one step * Fix up broken tests * Add some test meta data/titles * Test out proxies in the service listing * Remove comments	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	e2ef864b1e	ui: Add and use ProxyFor to get the `connected with proxy` boolean (#7820) ... * Add and use ProxyFor to get the `connected with proxy` boolean * Fix up page-navigation test * Upgrade to @hashicorp/consul-api-double@2.14.7	5 years ago
John Cowen	c4c06c2dab	ui: refactor out the taglist component to use a recursive pattern (#7837) ... * ui: refactor out the taglist component to use a recursive pattern * Make sure simple rendering tests pass	5 years ago
John Cowen	74f1a3917e	ui: Misc SSO w/Namespace amends (#7851) ... * ui: If an auth-method is in another namespace than default, make that clear * Pass through the namespace of the auth method rather than use the current * Make sure we refresh the application route, before redirecting This ensure that the nspaces and are refreshed in the main nav menu	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
John Cowen	0edbafd003	ui: Change wording used in the intention forms (#7831) ... 1. When choosing Services/Nsmapces for intentions you can either choose a service from autocomplete menus, or write any service name, existing or not. We previous said this would be a 'Future' service, but it could also be a service in another datacenter, or a 'virtual service'. 2. Reword the hints underneath the autocomplete menus to reflect point 1	5 years ago
John Cowen	5b76cb7ddc	ui: Improve language surrounding marking a token as local/global (#7830) ... This commit moved the checkbox used for marking a token as local/global to use a more traditional UX, i.e.: [ ] Question? Clicking the radiobutton toggles true/false: true = yes false = no instead of: false=yes true=no	5 years ago
John Cowen	ad9a24d53f	ui: Moves/loads policy datacenters info into the detail panel (#7828)	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
Kenia	abc43b6a0f	ui: Redesign - Gateway Instances List page (#7796) ... * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4	5 years ago
John Cowen	5832e84822	ui: Remove last instances of 'meta data', replace with 'metadata' (#7793)	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	6d7a95f82d	ui: Model Layer for SSO Support (#7771) ... * ui: Adds model layer required for SSO 1. oidc-provider ember-data triplet plus repo, plus addition of torii addon 2. Make blocking queries support a Cache-Control: no-cache header 3. Tweaks to the token model layer in preparation for SSO work * Fix up meta related Cache-Control tests * Add tests adapter tests for URL shapes * Reset Cache-Control to the original value, return something from logout	5 years ago
John Cowen	ed2444c0b5	ui: Metadata cleanup (#7767) ... * Use new ConsulMetadataList for service > instance > metadata tab * Meta Data vs Metadata everywhere (Metadata is correct) * Fix up wording in tests	5 years ago
Kenia	8b6b2a01f6	ui: Remove headers from the Healthchecks tab (#7751)	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	3b34ccc99c	ui: Adds `<StateChart />` component for wiring together Ember+XState (#7742)	5 years ago
John Cowen	067ed448e3	ui: Amends to the data-sink service/component (#7740) ... 1. Fix conditional typo 2. Code style changes 3. Don't use URL for parsing, Safari only likes http like URLs	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
John Cowen	00b34ee7f6	ui: Add a way to reliably figure out where the UI is running (#7722) ... * ui: Add a way to reliably figure out where the UI is running The main javascript that we use is at </where/the/ui/is>/ui/assets/consul-ui.js This uses this fact to provide and base path 'environment' variable to be used within the app. This is also overwritable via various methods (testing/development) if we ever need to do that. * Remove BASE_API_URL, the logic here isn't exactly correct Right now the API always _has_ to be at http://domain/v1/ i.e. the root of your domain /v1. If the URL of the ui is set differently to http://root.com/somewhere/else/ui/ then the API is still at http://root.com/v1 There is definitely a plan to add this env var back in at some stage so we can potentially allow this to be configured in other ways, but there isn't a need to do it just yet so we don't need to worry about _how_ to do this right now.	5 years ago
John Cowen	f8d920d9ef	ui: ConsulLoader component (#7719) ... Moves the `consul-loader` partial to a template-only component	5 years ago
Kenia	279b547673	ui: Fix up the padding for FilterBar (#7705)	5 years ago
John Cowen	b2b6543157	ui: Reuse repo.reconcile and restartWhenAvailable (#7703)	5 years ago
John Cowen	3d9a55c28b	ui: Fixup intention notifications and add SyncTime (#7702) ... * ui: Specifically check for error rather than anything but success * ui: Add SyncTime to intentions for reconciliation	5 years ago
Kenia	893ee7c237	ui: Update Breadcrumbs styling (#7687)	5 years ago
John Cowen	7f3b9d04ba	ui: Use DataSources in ACLs area (#7681) ... * ui: Use Datasource for loading related data in ACLs area * ui: Use more manual cleanup for Controller event-sources * Update reconcile to use nspace and add SyncTime to role/policy * Use the correct value for nspace and dc (the one from the item itself) * Remove the // check, we no longer need it. Add some TODO	5 years ago
Kenia	8643565b30	ui: Instance detail redesign (#7683) ... * Remove Proxy link and add ExternalSource to instance detail page header * Create HealthChecks tab with route and styling * Fix up tests to fit redesign of Service Instances Detail page	5 years ago
John Cowen	2685c5081b	ui: Improved main navigation (#7673) ... * Make datacenter queries use query vs findAll like the rest of the app * Make sure we have an element to pass to isInViewport * Make sure href-mut doesn't error even if the currentRoute === null * More post test cleanup and Safari fix (safari requires http:// URLs) * Reverse order of datasource nspace/dc's and add a namespace source * Rearrange routes/templates/controllers to only use HashicorpConsul once * Add datasources and correct token namespace detection/redirection * Remove old dc findAll adapter method * Add more comments around the 'child route/parent controller' vars	5 years ago
Kenia	51db157fab	ui: Redesign - Service Detail Page (#7655) ... * Create ConsulServiceInstanceList with styling and test * Implement ConsulServiceInstanceList to Service Detail page * Implement ConsulExternalSource to Services Show page header * Update services/show page object * Update the styling of CompositeRow * Refactor ConsulServiceList component and styling * Update ConsulExternalSource to say 'Registered via...' * Upgrade consul-api-double to patch 2.14.1 * Fix up tests to not use Kind in service models * Update ListCollection with clickFirstAnchor action * Add $typo-size-450 to typography base variables	5 years ago
John Cowen	8e9fca9be6	ui: Per Service Intentions Tab (#7615) ... * Add model layer support for filtering intentions by service * Add Route, Controller and template for services.show.intentions tab We are still loading the intentions themselves in the parent Route for the moment * Load the intentions in in the parent route for the moment * Temporarily add support for returning to history -1 Once we have an intention form underneath the service/intention tab this will no longer be needed * Add the new tab and enable blocking queries for it * Add some further acceptance testing around intention listings	5 years ago
Kenia	288316432b	ui: Redesign - Create ConsulExternalSource (#7632) ... * Create ConsulExternalSource with test and styling * Implement ConsulExternalSource to Service list page * Update icons for redesign * Refactor ListCollection and CompositeRow styling	5 years ago
Kenia	f39671d568	ui: Redesign Service List page (#7605) ... * Create GridCollection for nodes page with styling * Update ListCollection styling * Update TagList styling * Create CompositeRow styling component * Update ConsulServiceList component with styling * Create service health-checks helper * Add InstanceCount to the service model * Add tag-svg to codebase * Create and update tests for service-list page * Upgrade @hashicorp/consul-api-double to 2.14.0	5 years ago
John Cowen	4bf1daef0a	ui: Logout button (#7604) ... * ui: Logout button This commit adds an easier way to logout of the UI using a logout button Notes: - Added a Logout button to the main navigation when you are logged in, meaning you have easy access to a way to log out of the UI. - Changed all wording to use 'Log in/out' vocabulary instad of 'stop using'. - The logout button opens a panel to show you your current ACL token and a logout button in order to logout. - When using legacy ACLs we don't show the current ACL token as legacy ACLs tokens only have secret values, whereas the new ACLs use a non-secret ID plus a secret ID (that we don't show). - We also added a new `<EmptyState />` component to use for all our empty states. We currently only use this for the ACLs disabled screen to provide more outgoing links to more readind material/documentation to help you to understand and enable ACLs. - The `<DataSink />` component is the sibling to our `<DataSource />` component and whilst is much simpler (as it doesn't require polling support), its tries to use the same code patterns for consistencies sake. - We had a fun problem with ember-data's `store.unloadAll` here, and in the end went with `store.init` to empty the ember-data store instead due to timing issues. - We've tried to use already existing patterns in the Consul UI here such as our preexisting `feedback` service, although these are likely to change in the future. The thinking here is to add this feature with as little change as possible. Overall this is a precursor to a much larger piece of work centered on auth in the UI. We figured this was a feature complete piece of work as it is and thought it was worthwhile to PR as a feature on its own, which also means the larger piece of work will be a smaller scoped PR also.	5 years ago
John Cowen	32a619ae99	ui: Add tab navigation to the browser history/URLs (#7592) ... * ui: Add tab navigation to the browser history/URLs This commit changes all our tabbed UI interfaces in the catalog to use actual URL changes rather than only updating the content in the page using CSS. Originally we had decided not to add tab clicks into the browser history for a variety of reasons. As the UI has progressed these tabs are a fairly common pattern we are using and as the UI grows and stabilizes around certain UX patterns we've decided to make these tabs 'URL changing'. Pros: - Deeplinking - Potentially smaller Route files with a more concentrated scope of the contents of a tab rather than the entire page. - Tab clicks now go into your history meaning backwards and forwards buttons take you through the tabs not just the pages. - The majority of our partials are now fully fledged templates (Octane 🎉) Cons: - Tab clicks now go into your history meaning backwards and forwards buttons take you through the tabs not just the pages. (Could be good and bad from a UX perspective) - Many more Route and Controller files (yet as mentioned above each of these have a more reduced scope) - Moving around the contents of these tabs, or changing the visual names of them means updates to the URL structure, which then should potentially entail redirects, therefore what things that seem like straightforwards design reorganizations are now a little more impactful. It was getting to the point that the Pros outweight the Cons Apart from moving some files around we made a few more tiny tweaks to get this all working: - Our freetext-filter component now performs the initial search rather than this happening in the Controller (remove of the search method in the Controllers and the new didInsertElement hook in the component) - All of the <TabNav>'s were changed to use its alternative href approach. - <TabPanel>s usage was mostly removed. This is th thing I dislike the most. I think this needs removing, but I'd also like to remove the HTML it creates. You'll see that every new page is wrappe din the HTML for the old <TabPanel>, this is to continue to use the same HTML structure and id's as before to avoid making further changes to any CSS that might use this and being able to target things during testing. We could have also removed these here, but it would have meant a much larger changeset and can just as easily be done at a later date. - We made a new `tabgroup` page-object component, which is almost identical to the previous `radiogroup` one and injected that instead where needed during testing. * Make sure we pick up indexed routes when nspaces are enabled * Move session invalidation to the child (session) route * Revert back to not using didInsertElement for updating the searching This adds a way for the searchable to remember the last search result instead, which changes less and stick to the previous method of searching.	5 years ago
John Cowen	fb49d0473b	ui: Changes our global LEARN link to start at root instead of /consul (#7573) ... In case we ever need to link to anywhere on learn that isn't in the `/consul` sub directory, this will let us do that whilst still using the global env var.	5 years ago
John Cowen	5dad95faf1	ui: Add `<ConsulMetadataList />` and use it in 2 places (#7568) ... We previoulsy had some pretty straightforward duplicated code for rendering our metadata list for both Service Metadata and Node Metadata. This moves this code into a component.	5 years ago
John Cowen	c20cff9bf5	ui: Moves intentions listing and form into components (#7549) ... Whilst we tried to do this with the smallest amount of changes possible, our acceptance tests for trying to submit a blank form started failing due to usage of `destroyRecord`, its seems that the correct way to achieve the same thing is to use `rollbackAttributes` instead. We changed that here and the tests pass once again. Furture work related to this will involve change the rest of the UI where we use `destroyRecord` to achieve the same thing, to use `rollbackAttributes` instead	5 years ago
John Cowen	80960c9d54	ui: Add `<State /> and `{{state-matches}}` ember component/helper (#7556) ... This commit adds 2 ember component/helpers and a service to contain the shared functionality for matching/rendering content dependent on state identifiers. Currently a `service.state` method has been added to easily make manual state objects, but these are built towards using `xstate` to manage UI state in some of our future components. We've added some tests here, and we aren't currently using these components anywhere in this commit.	5 years ago
John Cowen	0afb8a1074	ui: Exposes the <ToggleButton /> 'click' action (#7479) ... This exposes an api for <ToggleButton /> so you can call it from elsewhere, specifically here we use the api.click to close the dropdown menus which is required is the DOM containing the toggle button isn't redrawn as is the case with external links in a dropdown menu	5 years ago
John Cowen	2413244b77	ui: Add DataSource component (#7448) ... * ui: Add data-source component and related services (#6486) * ui: Add data-source component and related services: 1. DataSource component 2. Repository manager for retrieving repositories based on URIs 3. Blocking data service for injection to the data-source component to support blocking query types of data sources 4. 'Once' promise based data service for injection for potential fallback to old style promise based data (would need to be injected via an initial runtime variable) 5. Several utility functions taken from elsewhere - maybeCall - a replication of code from elsewhere for condition calling a function based on the result of a promise - restartWhenAvailable - used for restarting blocking queries when a tab is brought to the front - ifNotBlocking - to check if blocking is NOT enabled * Move to a different organization based on protocols * Don't call open twice when eager * Workaround new ember error for reading and writing at the same time * Add first draft of a README.mdx file	5 years ago
John Cowen	64b07dcafe	ui: Move <Ref /> docs to README.mdx (#7459) ... README.mdx file are auto displayed in GH. Also added note on it being renderless, which is useful to know from a CSS standpoint	5 years ago
John Cowen	5e98ef3f51	ui: Add Ref component (#7442) ... * ui: Add Ref component	5 years ago
John Cowen	8986b6ad7b	ui: Move to new ember nested file structure for components (#7403) ... * ui: Move components to the new nested structure * Move data-test attribute to the correct HTML element We don't currently rely on this, but was incorrectly placed on the input rather than the label tag * Fix up left over curly bracket components that were causing issues For some reason the combination of: 1. Old style curly bracket components 2. data-test-* attributes 3. Moving to the new component file structure Meant that our data-test-* selectors where no longer being rendered. Whilst this had no effect on the app, it meant our tests suite could no longer select DOM elements in order to assert various things. Moving the old style curly bracket components to the new style XML/Angle bracket format fixes the issue * Update ui-v2/app/templates/dc/nodes/-services.hbs Co-Authored-By: Greg Hoin <1416421+gregone@users.noreply.github.com> * Update ui-v2/app/templates/dc/nodes/-services.hbs Co-Authored-By: Greg Hoin <1416421+gregone@users.noreply.github.com> Co-authored-by: Greg Hoin <1416421+gregone@users.noreply.github.com>	5 years ago
Kenia	69598b6803	ui: Update the shadows for radio buttons and the cards (#7391) ... * Update box-shadowing for cards and radio buttons to low * Update box-shadowing for hover cards to middle * Create a new box-shadow CSS variable for form elements	5 years ago