450 Commits (26440d9e1f9d9cfb8dbab6473a10d8525c6152dd)

Author	SHA1	Message	Date
Kenia	ee5c3e3aa5	ui: Auth Methods - Namespace rules tab (#9935) ... * Add mock data for NamespaceRules * Create NamespaceTable component and styling * Add NamespaceRules route and add to model * Create Namespace Rules tab and implement with flag to only show in ent * Add emptystate to namespace rules page * Rename namespace-rules to be nspace-rules * Rename NamespaceTable to be NspaceList	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
Kenia	232921b60e	ui: Add a README to the new Certificate component (#9908)	4 years ago
John Cowen	a7a56ca39c	ui: Ensure intention form cancel button works (#9901) ... * ui: Ensure intention form cancel button works By adding `@action` decorators to the actions called form within the template	4 years ago
John Cowen	0863806769	ui: Dependency Upgrade (#9907) ... * Pin ember-changeset-validations and its dependencies to 3.9 Future versions produce a 'validator is not a function' error * yarn upgrade * Upgrade the majority of user facing deps that don't required add. change not upgraded here due to more changes required: - ember-page-title - ember-href-to * Upgrade ember-page-title which no longer requires ember-cli-head * Upgrade some devtools related dependencies * Upgrade some non ember-core test utils * Upgrade js-yaml which required safeLoad > load * Upgrade some compilation utils * Yarn install from workspace root * Add Python-2.0 to compliance checker	4 years ago
Kenia	980299d519	ui: Auth Methods- Updates to certificate and empty state in show page (#9895) ... * Update Certificate to be monospaced * Add empty states for claim and list claim mappings * Update the styling of empty state actions block * Update mocked PEM certificate format	4 years ago
John Cowen	8dc590cf11	ui: Add all tooltips to the default tabbing order in the page (#9888) ... * ui: Add all tooltips to the default tabbing order in the page This amends our tooltip modifier to automatically add a tabindex="0" to all of our tooltips (if they aren't tabbable already). This means that all tooltips will automatically be added to the natural tab order of the page. I'm pretty sure we don't currently require the ability to disable this automatic functionality but if we do at some point in the future we can add an option to disable it, meaning all tooltips will be tabbable by default.	4 years ago
John Cowen	9e715842d9	ui: Improves UI engineering docs (#9875) ... Also fixes some typos in with-overlay	4 years ago
Kenia	f9e8b26af6	ui: Create auth-method show page with General Info Tab (#9845) ... * Update list items to be linkable to auth-methods show * Add general, namespace, and binding sub-routes * Remove namespace and binding tabs to be done separately * Update auth-method byId endpoint * Style the show auth-method kubernetes type * Finish Kubernetes auth-method type styling * OIDC and JWT auth-method styling * Create consul-auth-method-view component * Add navigation test for auth-methods * Create Certificate component	4 years ago
John Cowen	aca7976580	ui: Adds warning icon to side menu when ACLs are disabled (#9864) ... * ui: Adds warning icon to side menu when ACLs are are disabled	4 years ago
John Cowen	41471719e6	ui: CSP Improvements (#9847) ... * Configure ember-auto-import so we can use a stricter CSP * Create a fake filesystem using JSON to avoid inline scripts in index We used to have inline scripts in index.html in order to support embers filepath fingerprinting and our configurable rootURL. Instead of using inline scripts we use application/json plus a JSON blob to create a fake filesystem JSON blob/hash/map to hold all of the rootURL'ed fingerprinted file paths which we can then retrive later in non-inline scripts. We move our inlined polyfills script into the init.js external script, and we move the CodeMirror syntax highlighting configuration inline script into the main app itself - into the already existing CodeMirror initializer (this has been moved so we can lookup a service located document using ember's DI container) * Set a strict-ish CSP policy during development	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	33d0383779	ui: a11y modals (#9819) ... This PR uses the excellent a11y-dialog to implement our modal functionality across the UI. This package covers all our a11y needs - overlay click and ESC to close, controlling aria-* attributes, focus trap and restore. It's also very small (1.6kb) and has good DOM and JS APIs and also seems to be widely used and well tested. There is one downside to using this, and that is: We made use of a very handy characteristic of the relationship between HTML labels and inputs in order to implement our modals previously. Adding a for="id" attribute to a label meant you can control an <input id="id" /> from anywhere else in the page without having to pass javascript objects around. It's just based on using the same string for the for attribute and the id attribute. This allowed us to easily open our login dialog with CSS from anywhere within the UI without having to manage passing around a javascript object/function/method in order to open the dialog. We've PRed #9813 which includes an approach which would make passing around JS modal object easier to do. But in the meantime we've added a little 'hack' here using an additional <input /> element and a change listener which allows us to keep this label/input characteristic of our old modals. I'd originally thought this would be a temporary amend in order to wait on #9813 but the more I think about it, the more I think its quite a nice thing to keep - so longer term we may/may not keep this.	4 years ago
John Cowen	308e5a480e	ui: Remove storybook, add docfy (#9831) ... This PR removes storybook and adds docfy and uses docfy to render our existing README files. This now means we can keep adding README documentation without committing any specific format or framework. If we eventually move to storybook then fine, or if we just want to remove docfy for whatever reason then fine - we will still have a full set of README files viewable via GitHub.	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	779f7f7b60	ui: Side navigation tweaks (#9812) ... * Remove footer and add the Consul version to the Help menu * Tweak menu text and button styling * Tweak some coloring and spacing * Add slightly larger Consul logo	4 years ago
John Cowen	f9b0e50ca0	ui: Update project blueprints for native classes (#9775)	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	2c2e9d1ce5	ui: Add an optional environment variable to control how testem starts (#9793) ... Here we look for a TESTEM_AUTOLAUNCH environment variable, which can be set to either Chrome, Firefox or Safari, which will control which browser to automatically start when running testem tests. If the variable is set to anything else, then it will not automatically start a browser in order to run the tests and you will need to visit the tests manually. e.g.: TESTEM_AUTOLAUNCH=0 make test-oss-view Previously we only ever tested in Chrome and therefore there are no specific settings for Firefox or Safari. If specific settings are required for these browsers they can be added at a later date.	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
John Cowen	7be21a9027	ui: Add some acceptance testing around the Metrics graph (#9785) ... * Add a way to set the local datacenter * Amend step so we can positively and negatively look for elements * Add a data-test selector so we can get to the topology series graph * Add a couple of tests to verify the series graph shows/doesn't show	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
Kenia	1b5087f6e5	ui: Use ember-on-resize-modifier to fix bug with sidebar (#9761) ... * Use ember-on-resize-modifier to fix bug with sidebar * Fix recursive height by dynamically setting fixed height * Refactor	4 years ago
John Cowen	96204a21d8	ui: [BUGFIX] Ensure we show the correct count of instances for each node (#9749) ... * Add MeshServiceInstances property to node model * Use MeshServiceInstances property * Make sure we show the 'No * checks' if Checks.length is zero	4 years ago
John Cowen	369637aff7	ui: Update browser targets to ~2016 browsers (#9729) ... * ui: Reduce range of browsers in targets.js `'Chrome 55', 'Firefox 53', 'Safari 13', 'Edge 15'` * ui: Remove auto-prefixer	4 years ago
John Cowen	eda38a0ba1	ui: [BUGFIX] Replace all replaceAll with split.join for older browsers without replaceAll (#9715) ... * ui: replace all `replaceAll` with split.join * Use a div instead of fieldset for flex-box reasons	4 years ago
John Cowen	e0ff7080ae	ui: Adds unique-id helper (#9676)	4 years ago
John Cowen	0b7d676dcb	ui: Add 'Scenario' debug function for easy saving debug scenarios (#9675)	4 years ago
John Cowen	3aef5cde20	ui: Adds the dump router dumping function only in dev mode (#9666)	4 years ago
John Cowen	3477b1de77	ui: Keep track of previous node checks and avoid adding them twice (#9661) ... * Keep track of previous node checks and avoid adding them twice	4 years ago
John Cowen	19fd9a87d1	ui: Check for a non-existent items argument/attribute within DataCollection (#9662)	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	25f989753b	ui: Adds @NullValue attr decorator (#9587) ... There are many places in the API where we receive a property set to `null` which can then lead to defensive code deeper in the app in order to guard for this type of thing when usually we are expecting an array or for the property to be undefined using omitempty on the backend. Previously we had two places where we would deal with this in the serializer using our 'remove-null' util (KV and Intentions). This new decorator lets you declaritively define this type of data using a decorator @NullValue([]) (which would replce a null value with []. @NullValue in turn uses a more generic @replace helper, which we currently don't need but would let you replace any value with another, not just a null value. An additional benefit here is that the guard/replacement is executed lazily when we get the property instead of serializing all the values when they come in via the API. On super large datasets, where we only visualize part of the dataset (say in our scroll panes), this feels like a good improvement on the previous approach.	4 years ago
John Cowen	92f0eb3bdc	ui: Re-organize our %h* placeholders (#9584) ... We've always had this idea of being able to markup up information semantically without thinking about what it should look like, then applying our %h* placeholder styles to control what the information should look like. Back when we originally made our set of %h* placeholders, we tried to follow Structure as much as possible, which defined the largest header (which we thought would have been the h1 style) as a super large 3.5rem. Therefore we made our set of %h* placeholders the same as Structure beginning at a huge 3.5 size. We then re-overwrote those sizes only in Consul specific CSS files thinking that this was due to us existing before Structure did. Lately we saw an extra clue in Structure - the extra large 3.5 header was called 'h0'. This commit moves all our headers to use a zero based scale, and additionally uses our 3 digit scale as opposed to 1 digit (h1 vs h100), similar to our color scales (note we don't use a hypen, which we can alter later if need be), which means we can insert additional h150 etc if need be. Additional we stop styling our headers globally (h1 { @extend %h100; } ). This means there is no reason not to use headers for marking up content depending on what it is rather than what it should look like, and as a consequence means we can be more purposeful in ordering h* tags. Lastly, we use the new scale over the entire codebase and update a couple of places where we were using using header tags due to what the styleing for them looked like rather than what the meaning/order was.	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
Jeff Escalante	09d9176188	Trailing ui/vercel fixes (#9633) ... * update ui staging for vercel * move vercel.json * missed a couple things, sorry	4 years ago
Jeff Escalante	88d5e00f99	Update UI staging build for vercel hosting (#9628) ... * update ui staging for vercel * move vercel.json * add a couple more settings * fix comments	4 years ago
John Cowen	bb95738321	ui: Search/filtering 'Filtered by:' search status (#9442) ... Adds a 'status' for the filtering/searching in the UI, without this its not super clear that you are filtering a recordset due to the menu selections being hidden once closed. You can also use the pills in this status view to delete individual filters.	4 years ago
John Cowen	02772e46a2	Fix -ui-content-path without regex (#9569) ... * Add templating to inject JSON into an application/json script tag Plus an external script in order to pick it out and inject the values we need injecting into ember's environment meta tag. The UI still uses env style naming (CONSUL_*) but we uses the new style JSON/golang props behind the scenes. Co-authored-by: Paul Banks <banks@banksco.de>	4 years ago
Kenia	ffb6680e76	ui: Removing formatting to display LockDelay in nanoseconds (#9594) ... * Removing formatting to display LockDelay in nanoseconds * Update test * Add changelog	4 years ago
John Cowen	30014ff8fe	ui: Convert Service.GatewayConfig to a model fragment (#9586) ... * ui: Convert Service.GatewayConfig to a model fragment We added the ember-intl addon, which has its own format-number helper. We replaced our own similarly named helper with this one, but the ember-intl one is far stricter and errors if the arguments passed are undefined. Our previously one would cope with this. We'd rather continue to use the stricter ember-intl helper, so here we convert the GatewayConfig property to a model fragment so that we can give the GatewayConfig.AssociatedServices property a default zero value.	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
John Cowen	41a4a9f4fb	ui: Improves the 'you must provide ... to `generate`' error from href-to (#9514) ... This originally comes form the ember-href-to helper and is one of those errors that when I see it I think ... hmmm This gives a little bit more of a clue as to what is wrong by logging the route name you asked for plus the params you passed to it so you: 1. Have more help finding the href-to that is problematic in the template/component 2. Can see all the parameters you passed (including a potential null parameter for the thing you are missing)	4 years ago
John Cowen	1e30503ece	ui: Show a feedback icon instead of a learn icon in the help menu (#9552)	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	e893ba7ea0	ci: Explicitly specify a default target, don't use the first target (#9521)	4 years ago
John Cowen	512ad836bc	ui: Add license checker to the workspace plus CI (#9507) ... * ui: Adds license-checker plus manually run package script	4 years ago
John Cowen	1304dc8820	ui: Adds localStorage to <html class=""> mapping for user controlled theming (#9496)	4 years ago
John Cowen	a42e844ccc	ui: Add EmptyState for exposed paths, plus additional details (#9445) ... * ui: Add EmptyState for exposed paths, plus additional details 1. Add the port to the combined address 2. Use the proxy address for the ip address used * Convert to glimmer component * Add spaces to ListenerPort and LocalPathPort Tooltips	4 years ago
John Cowen	17438020f1	ui: Accessibility scan improvements (#9485) ... * ui: Remove all vestiges of role=tabpanel * Switch out tablist role for a label, default to Secondary * Move healthcheckout-output headers to h2, ideally these would be outside the component * Add aria-label for empty button * Fix up non-unique ids in topology component * Temporarily fixup h2 in KV > LockSession * Fixup dl with no dt * h3 > h2 * Fix up page objects that were reliant on ids	4 years ago