consul/ui-v2/app/styles/components
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.
2020-05-12 17:14:24 +00:00
..
app-view ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
brand-loader ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
card ui: Create CSS variables for box-shadowing consistency (#7337) 2020-05-12 17:14:09 +00:00
code-editor UI: ACL Roles (#5635) 2019-05-01 18:22:37 +00:00
confirmation-dialog ui: Use base fonts throughout the app (#6881) 2019-12-18 12:26:45 +00:00
consul-intention-list ui: Moves intentions listing and form into components (#7549) 2020-05-12 17:14:21 +00:00
discovery-chain ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
dom-recycling-table ui: [bugfix] Tag wrapping on detail pages (#6478) 2019-09-17 17:29:04 +01:00
empty-state ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
expanded-single-select ui: Update the shadows for radio buttons and the cards (#7391) 2020-05-12 17:14:14 +00:00
feedback-dialog UI: Tooltips and feedback-dialogs are the same thing - merge (#4678) 2018-09-21 11:13:21 +01:00
filter-bar ui: Remove `$radius-small` in favour of the `$decor-*` ones in `base` (#6605) 2019-12-18 12:26:40 +00:00
flash-message ui: Add `stats-card` component, integrate more `@hashicorp/structure-icons` (#6021) 2019-09-04 08:35:11 +00:00
footer ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
freetext-filter UI: CSS Refactor (#4919) 2019-05-01 18:21:38 +00:00
healthcheck-info ui: Add `stats-card` component, integrate more `@hashicorp/structure-icons` (#6021) 2019-09-04 08:35:11 +00:00
healthcheck-output ui: Expose checks (#6575) 2019-12-18 12:26:43 +00:00
loader ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
main-header-horizontal ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
main-nav-horizontal ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
phrase-editor ui: Fix CSS related to icons and h2 changes done in different PRs 2019-05-01 19:01:32 +00:00
progress UI: New ACLs (#4789) 2018-10-19 08:45:05 -07:00
secret-button ui: Use structure-icons as much as possible (#6851) 2020-01-16 09:10:32 +00:00
tabular-details ui: Create CSS variables for box-shadowing consistency (#7337) 2020-05-12 17:14:09 +00:00
tag-list ui: [bugfix] Tag wrapping on detail pages (#6478) 2019-09-17 17:29:04 +01:00
anchors.scss ui: Use structure-icons as much as possible (#6851) 2020-01-16 09:10:32 +00:00
app-view.scss ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
brand-loader.scss ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
breadcrumbs.scss ui: CSS Components Migration (#5913) 2019-09-04 08:35:01 +00:00
buttons.scss ui: Use structure-icons as much as possible (#6851) 2020-01-16 09:10:32 +00:00
code-editor.scss ui: Adds multi syntax linting to the code editor (#4814) 2018-10-19 17:36:38 +01:00
confirmation-dialog.scss UI: New ACLs (#4789) 2018-10-19 08:45:05 -07:00
consul-intention-list.scss ui: Moves intentions listing and form into components (#7549) 2020-05-12 17:14:21 +00:00
discovery-chain.scss ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
empty-state.scss ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
feedback-dialog.scss ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
filter-bar.scss ui: Add `stats-card` component, integrate more `@hashicorp/structure-icons` (#6021) 2019-09-04 08:35:11 +00:00
flash-message.scss ui: Fixes styling of 'duplicate intention' error message (#6936) 2019-12-18 12:26:46 +00:00
footer.scss ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
form-elements.scss ui: Ensure %app-content > %app-view-content rename is complete (#6843) 2019-12-18 12:26:44 +00:00
freetext-filter.scss ui: Use structure-icons as much as possible (#6851) 2020-01-16 09:10:32 +00:00
healthcheck-info.scss ui: Use structure-icons as much as possible (#6851) 2020-01-16 09:10:32 +00:00
healthcheck-output.scss ui: Expose checks (#6575) 2019-12-18 12:26:43 +00:00
healthchecked-resource.scss ui: Use structure-icons as much as possible (#6851) 2020-01-16 09:10:32 +00:00
index.scss ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
list-collection.scss ui: Improve layout of node cards on large and small screens (#4761) 2018-10-11 10:19:06 +01:00
loader.scss ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
main-header-horizontal.scss ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
main-nav-horizontal.scss ui: Split out product css component into its separate elements (#7342) 2020-05-12 17:14:11 +00:00
modal-dialog.scss ui: CSS Upgrade (action-group,form-elements,sliding-toggle,breadcrumbs) (#6495) 2019-12-18 12:26:43 +00:00
notice.scss ui: Add `stats-card` component, integrate more `@hashicorp/structure-icons` (#6021) 2019-09-04 08:35:11 +00:00
phrase-editor.scss ui: Search improvements (#5540) 2019-05-01 18:22:36 +00:00
pill.scss ui: CSS Components Migration (#5913) 2019-09-04 08:35:01 +00:00
progress.scss UI: New ACLs (#4789) 2018-10-19 08:45:05 -07:00
secret-button.scss ui: Use structure-icons as much as possible (#6851) 2020-01-16 09:10:32 +00:00
sort-control.scss ui: Adds a `sort-control` component for asc/desc sorting of columns etc (#6034) 2019-09-04 08:35:16 +00:00
table.scss ui: Moves intentions listing and form into components (#7549) 2020-05-12 17:14:21 +00:00
tabs.scss ui: CSS Components Migration (#5913) 2019-09-04 08:35:01 +00:00
tabular-collection.scss ui: Namespace Support (#6639) 2019-12-18 12:26:47 +00:00
tabular-details.scss UI: New ACLs (#4789) 2018-10-19 08:45:05 -07:00
tag-list.scss UI: Service Instances (#5326) 2019-05-01 18:22:10 +00:00
tomography-graph.scss UI: CSS Refactor (#4919) 2019-05-01 18:21:38 +00:00
tooltip.scss ui: Various amends for 1.7beta (#6965) 2019-12-18 18:27:54 +00:00