38 Commits (dc73939861ae42e244579c2ddd848d0fdebdf8f4)

Author	SHA1	Message	Date
John Cowen	345765f766	ui: Adds human formatting to nanosecond based session durations (#10062) ... * ui: Adds human formatting to nanosecond based session durations	4 years ago
John Cowen	76b2122f38	ui: remove old nspace argument from the proxy instance repository (#10039) ... The extra argument meant that the blocking query configuration wasn't being read properly, and therefore the correct ?index wasn't being sent with the request.	4 years ago
Kenia	4d13e31ae0	ui: Auth Methods - Create Binding Rules tab (#9914) ... * Create BindingRule adapter and tests * Create BindingRule serializer and test * Create BindingRule model and repository * Add binding-rules mock data * Create binding-rules router and call endpoint * Create Binding rules tab * Create and use BindingView component * Create empty state for BindingView * Remove binding rule requestForQueryRecord endpoint and tests * Update binding rules selector to be monospaced * Add bind type tooltip * Create and Tabular-dl styling component * Update hr tag global styling * Rename BindingView to BindingList and refactor * Add translations for bind types tooltip info * Remove unused endpoint * Refactor based on review notes	4 years ago
John Cowen	9e715842d9	ui: Improves UI engineering docs (#9875) ... Also fixes some typos in with-overlay	4 years ago
John Cowen	fa6687b7f4	ui: Implement ACLs access based on ACLs (#9835) ... Adds restrictions to everything within the ACLs (and nspaces) area based on your ACLs (including readonly views etc.)	4 years ago
John Cowen	61eef053db	ui: Add Route component / routlet service (#9813) ... * Add Routlet service and Route Component * Add ember-assign-helper (already an indirect dependency) * Use EventListeners for is-href instead of observing * Don't include :active in '-intent' styles	4 years ago
John Cowen	8b12d0d09d	ui: DataSource Decorator (#9746) ... We use a `<DataSource @src={{url}} />` component throughout our UI for when we want to load data from within our components. The URL specified as the `@src` is used to map/lookup what is used in to retrieve data, for example we mostly use our repository methods wrapped with our Promise backed `EventSource` implementation, but DataSource URLs can also be mapped to EventTarget backed `EventSource`s and native `EventSource`s or `WebSockets` if we ever need to use those (for example these are options for potential streaming support with the Consul backend). The URL to function/method mapping previous to this PR used a very naive humongous `switch` statement which was a temporary 'this is fine for the moment' solution, although we'd always wanted to replace with something more manageable. Here we add `wayfarer` as a dependency - a very small (1kb), very fast, radix trie based router, and use that to perform the URL to function/method mapping. This essentially turns every `DataSource` into a very small SPA - change its URL and the view of data changes. When the data itself changes, either the yielded view of data changes or the `onchange` event is fired with the changed data, making the externally sourced view of data completely reactive. ```javascript // use the new decorator a service somewhere to annotate/decorate // a method with the URL that can be used to access this method @dataSource('/:ns/:dc/services') async findAllByDatacenter(params) { // get the data } // can use with JS in a route somewhere async model() { return this.data.source(uri => uri`/${nspace}/${dc}/services`) } ``` ```hbs {{!-- or just straight in a template using the component --}} <DataSource @src="/default/dc1/services" @onchange="" /> ``` This also uses a new `container` Service to automatically execute/import certain services yet not execute them. This new service also provides a lookup that supports both standard ember DI lookup plus Class based lookup or these specific services. Lastly we also provide another debug function called DataSourceRoutes() which can be called from console which gives you a list of URLs and their mappings.	4 years ago
John Cowen	8263879e6f	ui: Restrict the viewing/editing of certain UI elements based on the users ACLs (#9687) ... This commit use the internal authorize endpoint along wiht ember-can to further restrict user access to certain UI features and navigational elements depending on the users ACL token	4 years ago
Kenia	1507dd8ab3	ui: Auth Methods List view (#9617) ... * Create mock-api endpoints for auth-methods * Implement auth-method endpoints and model with tests * Create route and tab for auth-methods * Create auth-method list and type components with styles * Add JWT and OIDC svg logos to codebase * Add brand translations * Add SearchBar to Auth Methods * Add acceptance test for Auth Methods UI * Skip auth method repo test * Changes from review notes * Fixup auth-method modela and mock-data * Update SearhBar with rebased changes * Add filterBy source and sortBy max token ttl * Update to SortBy MethodName * Update UI acceptance tests * Update mock data DisplayNames * Skip repo test * Fix to breaking serializer test * Implement auth-method endpoints and model with tests * Add acceptance test for Auth Methods UI * Update SearhBar with rebased changes * Add filterBy source and sortBy max token ttl * Update to SortBy MethodName * Update UI acceptance tests * Update mock data DisplayNames * Fix to breaking serializer test * Update class for search * Add auth-methods link to sidebar * Fixup PR review notes * Fixup review notes * Only show OIDC filter with enterprise * Update conditionals for MaxTokenTTL & TokenLocality * Refactor	4 years ago
John Cowen	7c277aa85b	ui: [BUGFIX] Fix missing or duplicate service instance health checks (#9660) ... * Use NodeName not Node for cross checking proxies/instances * Also copy over the meta data to keep the correct cursor/index * When we sync checks to the ProxyInstance replace rather than accumulate	4 years ago
John Cowen	82a62cd2ed	ui: Sidebar navigation / redesign (#9553) ... * CSS for moving from a horizontal main menu to a side/vertical one * Add <App /> Component and rearrange <HashcorpConsul /> to use it 1. HashicorpConsul now uses <App /> 2. <App /> is now translated and adds 'skip to main content' functionality 3. Adds ember-in-viewport addon in order to visibly hide main navigation items in order to take them out of focus/tabbing 4. Slight amends to the dom service while I was there	4 years ago
John Cowen	be694366a7	ui: Topology intention saving improvements (#9513) ... * ui: Keep track of existing intentions and use those to save changes Previously we risked overwriting existing data in an intention if we tried to save an intention without having loaded it first, for example Description and Metadata would have been overwritten. This change loads in all the intentions for an origin service so we can pick off the one we need to save and change to ensure that we don't overwrite any existing data.	4 years ago
Kenia	b86eea4fba	ui: Rename a model attribute to not be overwritten by ember-data (#9524) ... * Rename a model attr to not be overwritten by ember-data * Make sure we can click on the instances * Make sure we can click back to the preevious page, not root * Add a forwards/back/forwards navigation test for service instances * Rename a model attr to not be overwritten by ember-data Co-authored-by: John Cowen <jcowen@hashicorp.com>	4 years ago
John Cowen	4480302883	ui: [BUGFIX] Request intention listing with ns parameter (#9432) ... This PR adds the ns=* query parameter when namespaces are enabled to keep backwards compatibility with how the UI used to work (Intentions page always lists all intention across all namespace you have access to) I found a tiny dev bug for printing out the current URL during acceptance testing and fixed that up while I was there.	4 years ago
John Cowen	99f102705d	ui: Fuzzy and Regex searching (#9424) ... Moves search things around to match an interface that can be switched in and out of fuzzy searching using fuse.js. We add both fuzzy searching and regex based searching to the codebase here, but it is not yet compiled in.	4 years ago
John Cowen	2e3a66efb7	ui: Misc changes for Catalog area (#9414) ... * Use DataLoader errors for Service Detail and Service Instance * uiCfg > config use the repo-like async interface where possible * Clean up node show * Make sure you can put `=` in dev cookie values * Never default to default * Tweak chain variable * Remove env service * Pass chain through to the template for the tempalte to clean it up * Delete controller tests * Remove cleanup in Nodes show as this is still being used in another tab * Use dc.Local	4 years ago
John Cowen	d602b303e1	ui: Rearrange Service detail page to load Topology and Routing tabs separately (#9401)	4 years ago
John Cowen	f111d6b3e3	ui: Dev/Test environment configurable metrics (#9345) ... In order to test certain setups for our metrics visualizations we need to be able to setup several different `ui_config` settings during development/testing. Generally in the UI, we use the Web Inspector to set various cookie values to configure the UI how we need to see it whilst developing, so this PR: 1. Routes `ui_config` through a dev time only `CONSUL_UI_CONFIG` env variable so we can change it via cookies vars. 2. Adds `CONSUL_METRICS_PROXY_ENABLE`, `CONSUL_METRICS_PROVIDER` and `CONSUL_SERVICE_DASHBOARD_URL` so it's easy to set/unset these only values during development. 3. Adds an acceptance testing step so we can setup `ui_config` to whatever we want during testing. 4. Adds an async 'repository-like' method to the `UiConfig` Service so it feels like a repository - incase we ever need to get this via an HTTP API+blocking query. 5. Vaguely unrelated: we allow cookie values to be set via the location.hash whilst in development only e.g. `/ui/services#CONSUL_METRICS_PROXY_ENABLE=1` so we can link to different setups if we ever need to. All values added here are empty/falsey by default, so in order to see how it was previously you'll need to set the appropriate cookies values, but you can now also easily preview/test the the metrics viz in different/disabled states (with differing `ui_config`)	4 years ago
John Cowen	14d043e5f8	ui: Show local datacenter by default on first visit (#9377) ... * Add `Local` property to Datacenters * If you have not previous datacenter, redirect the user to the local dc * Add an `is-local` class to the local datacenter in the DC picker	4 years ago
John Cowen	d6f27c6564	ui: Move linting to the `node:test` script (#9385) ... * Reconfigure linting to be a node-test * Fixup linting across the project	4 years ago
John Cowen	2c3b6aec05	ui: Remove old style 'filterable' searching (#9356) ... * Switch upstream-instances to use new style of searchable * Add search action to DataCollection plus basic README * Use DataCollection for PowerSelect searching in child-selectors * Remove old style filterable search for role/policies and instances * Remove old helpers/components related to search/sort/filter	4 years ago
John Cowen	613be01f43	ui: Change URI helper to a template based approach (#9344) ... This moves our uri helper to use a the template renderer we already have for rendering URLs.	4 years ago
John Cowen	2061bff36b	ui: HealthCheck Search/Sort/Filtering (#9314) ... * Adds model layer changes around HealthChecks 1. Makes a HealthCheck model fragment and uses it in ServiceInstances and Nodes 2. Manually adds a relationship between a ServiceInstance and its potential ServiceInstanceProxy 3. Misc changes related to the above such as an Exposed property on MeshChecks, MeshChecks itself * Add a potential temporary endpoint to distinguish ProxyServiceInstance * Fix up Node search bar class * Add search/sort/filter logic * Fixup Service default sort key * Add Healthcheck search/sort/filtering * Tweak CSS add a default Type of 'Serf' when type is blank * Fix up tests and new test support * Add ability to search on Service/Node name depending on where you are * Fixup CheckID search predicate * Use computed for DataCollection to use caching * Alpha sort the Type menu * Temporary fix for new non-changing style Ember Proxys * Only special case EventSource proxies	4 years ago
John Cowen	cf38309f61	ui: Add 'Search Across' for finer grained searching (#9282)	4 years ago
John Cowen	9cf30e74e6	ui: Nestable DataSources (plus glimmer upgrade) (#9275)	4 years ago
John Cowen	b025319756	ui: Surface 'detail' of API errors in the error page (#9237) ... * ui: Surface 'detail' of API errors in the error page * Make UI generated 404s look less bare	4 years ago
John Cowen	86f5919fc0	ui: ACL Tokens > Roles and Policy search and sort (#9236) ... * ui: Ensure search is enabled for child items in the ACLs area * Refactor comparators to reuse some utility functions * Add search and sorting to the ACLs child selector * Add tests for searching within child selectors * Allow sorting by CreateIndex	4 years ago
John Cowen	1edef424ad	ui: Refactor tomography graph component to glimmer and remove deprecation (#9219) ... * ui: Refactor tomograph graph component to glimmer and remove deprecation * Avoid ember-data deprecation error	4 years ago
Freddy	fe728855ed	Add DC and NS support for Envoy metrics (#9207) ... This PR updates the tags that we generate for Envoy stats. Several of these come with breaking changes, since we can't keep two stats prefixes for a filter.	4 years ago
John Cowen	6b29704027	ui: Upstream Instance Search and Sort (#9172) ... * ui: Add predicate, comparator and necessary files for the search/sort * Implement search and sort for upstream instance list * ui: Tweak CSS so its all part of the component * Remove the old proxy test attribute	4 years ago
John Cowen	6423a2c10d	ui: Add vendor directory as a target for JS linting and lint (#9157) ... * ui: Add vendor for js linting * Lint all the things	4 years ago
John Cowen	d561d346a8	ui: Remove unnecessay reopens from sort and form services (#9146)	4 years ago
John Cowen	c8e40ee0de	ui: Move ember-data classes to use native JS classes/decorators (#9136) ... * ui: Upgrade ember-data models to use native classes/decorators * ui: Update remaining ember-data imports * ui: Move ember-data Adapters to use native classes * ui: Upgrade serializers to native classes/decorators * ui: remove meta from roles, they never had it to start with	4 years ago
John Cowen	5c0ec13fb9	ui: Run Ember native class code mod (#9093) ... * ui: Apply native class codemod to all services * ui: Apply native class codemod to routes * ui: Apply native class codemod to controllers * Fix up ember proxy `content` issue * Add a CreateTime on policy creation * Minor formatting * Convert child based saving to use ec instead of custom approach * Remove custom event source repo wrapping initializer * Repos here are no longer proxy objects revert to using them normally * Remove areas of code that were used to set up source backed repos	4 years ago
John Cowen	0f6c0a5c13	ui: Metrics - Provide a fetch-like http client that automatically adds the current ACL token (#9094) ... * Remove local httpGet and shim one in from options * Add custom httpGet to pass through to provider * Make a fetch wrapper that adds your token * Pass the fetch like fetchWithToken wrapper through to the provider * Fix up httpGet to encode query params again and use fetch-like	4 years ago
Paul Banks	52d7283cd6	UI metrics provider dc (#9001) ... * Plumb Datacenter and Namespace to metrics provider in preparation for them being usable. * Move metrics loader/status to a new component and show reason for being disabled. * Remove stray console.log * Rebuild AssetFS to resolve conflicts * Yarn upgrade * mend	4 years ago
John Cowen	948917c6b0	ui: Intention Custom Resource Banners (#9018)	4 years ago
John Cowen	6589cbbd0d	ui: Move to Workspaced Structure (#8994) ... * ui: Add the most basic workspace root in /ui * We already have a LICENSE file in the repository root * Change directory path in build scripts ui-v2 -> ui * Make yarn install flags configurable from elsewhere * Minimal workspace root makefile * Call the new docker specific target * Update yarn in the docker build image * Reconfigure the netlify target and move to the higher makefile * Move ui-v2 -> ui/packages/consul-ui * Change repo root to refleect new folder structure * Temporarily don't hoist consul-api-double * Fixup CI configuration * Fixup lint errors * Fixup Netlify target	4 years ago