74 Commits (37163dc1a81abb4ba88c18c204ccca5ee61dae5d)

Author	SHA1	Message	Date
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	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
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	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	e921b3cf9a	ui: Install ember-intl (#9399) ... * ui: Install ember-intl Also: 1. Removes our own format-number in order to use ember-intl's instead 2. Moves format-time to format-short-time so as to not clash with ember-intls own format-time	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	0f7c909f13	ui: Improved Discovery Chain resizing (#9360) ... * install on-resize modifier * Rerrange things to use on-resize modifier for positioning	4 years ago
John Cowen	d6cb2b0d76	ui: Update UI README (#9346)	4 years ago
John Cowen	3be03029f6	ui: Native-ize class based helpers (#9337) ... * Install ember-decorators/observes * Remove filter-predicate * Nativize `env` and inject env service * Nativize all other class based helpers	4 years ago
John Cowen	a5b9ada9ad	ui: New overlays (#9305) ... Replaces ember-popover with tippy.js based overlay modifier.	4 years ago
John Cowen	cf38309f61	ui: Add 'Search Across' for finer grained searching (#9282)	4 years ago
John Cowen	a59a2f8604	ui: Modifier based tooltips (#9288)	4 years ago
John Cowen	4e1c62361e	ui: Remove ember-computed-style to avoid deprecation error (#9218)	4 years ago
Kenia	7243f1f4f9	ui: Topology Intentions Popovers (#9137) ... * Refactor grid styling for Topology page * Crate TopologyMetrics Button component and move styling * Create intention ID * fixup button styling * Return a link to the create intention page * Rename Button to Popover component * Fixup serializer test * ui: Inline Topology Intention Actions (#9153) * Add arrow and dot to/from metrics back in * Add addional space to have metrics wrap and show in smaller screens * Move logic for finding positioning * Use color variables Co-authored-by: John Cowen <johncowen@users.noreply.github.com>	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	848f72f66a	ui: Move AppError and ErrorState to glimmer components (#9095) ... * ui: move AppError and ErrorState to glimmer components * yarn.lock changes	4 years ago
John Cowen	1ef18c4b67	ui: Move mocks into the ui project (#9084) ... * Add consul-api-double under api * Update config to reflect api change * Remove consul-api-double as a dependency * api -> mock-api * Fixup mocks path for staging	4 years ago
John Cowen	d5d4155e1a	ui: Storybook Install (#9049) ... * ui: Install storybook into the main project * Add a basic story for a notice * Remove empty dependencies	4 years ago
John Cowen	314eeda957	ui: Use eslint vs ember-cli-lint, sass vs dart-sass (#9078) ... These two dependency changes means that @hashicorp/pds-ember can be installed and used without any build/dependency issues	4 years ago
John Cowen	827e53694c	ui: Upgrade consul-api-double to fix datacenter mocks (#9045)	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	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