consul/ui-v2/app/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
..
acl-filter ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
action-group ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
app-view ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
aria-menu ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
catalog-filter ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
changeable-set ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
child-selector ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
code-editor ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
confirmation-dialog ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
consul-intention-form ui: Moves intentions listing and form into components (#7549) 2020-05-12 17:14:21 +00:00
consul-intention-list ui: Moves intentions listing and form into components (#7549) 2020-05-12 17:14:21 +00:00
consul-metadata-list ui: Add `<ConsulMetadataList />` and use it in 2 places (#7568) 2020-05-12 17:14:21 +00:00
consul-service-list ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
copy-button ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
copy-button-feedback ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
data-sink ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
data-source ui: Add DataSource component (#7448) 2020-05-12 17:14:18 +00:00
delete-confirmation ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
discovery-chain ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
dom-buffer ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
dom-buffer-flush ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
empty-state ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
feedback-dialog ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
form-component ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
freetext-filter ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
hashicorp-consul ui: Logout button (#7604) 2020-05-12 17:14:24 +00:00
healthcheck-info ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
healthcheck-list ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
healthcheck-output ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
healthcheck-status ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
healthchecked-resource ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
intention-filter ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
list-collection ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
modal-dialog ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
modal-layer ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
phrase-editor ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
policy-form ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
policy-selector ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
popover-menu ui: Exposes the <ToggleButton /> 'click' action (#7479) 2020-05-12 17:14:19 +00:00
radio-group ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
ref ui: Move <Ref /> docs to README.mdx (#7459) 2020-05-12 17:14:17 +00:00
resolver-card ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
role-form ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
role-selector ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
route-card ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
secret-button ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
service-identity ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
sort-control ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
splitter-card ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
state ui: Add `<State /> and `{{state-matches}}` ember component/helper (#7556) 2020-05-12 17:14:20 +00:00
stats-card ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
tab-nav ui: Add tab navigation to the browser history/URLs (#7592) 2020-05-12 17:14:23 +00:00
tab-section ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
tabular-collection ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
tabular-details ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
tag-list ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
templated-anchor ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
toggle-button ui: Exposes the <ToggleButton /> 'click' action (#7479) 2020-05-12 17:14:19 +00:00
token-list ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00
tomography-graph ui: Move to new ember nested file structure for components (#7403) 2020-05-12 17:14:15 +00:00