124fa8f168
- Moves where they appear up to the <App /> component.
- Instead of a <Notification /> wrapping component to move whatever you use for a notification up to where they need to appear (via ember-cli-flash), we now use a {{notification}} modifier now we have modifiers.
- Global notifications/flashes are no longer special styles of their own. You just use the {{notification}} modifier to hoist whatever component/element you want up to the top of the page. This means we can re-use our existing <Notice /> component for all our global UI notifications (this is the user visible change here)
57 lines
1.5 KiB
Handlebars
57 lines
1.5 KiB
Handlebars
<StateChart
|
|
@src={{chart}}
|
|
as |State Guard Action dispatch state|>
|
|
|
|
<Guard
|
|
@name="hasToken"
|
|
@cond={{action 'hasToken'}}
|
|
/>
|
|
<Action
|
|
@name="login"
|
|
@exec={{action 'login'}}
|
|
/>
|
|
<Action
|
|
@name="logout"
|
|
@exec={{action 'logout'}}
|
|
/>
|
|
|
|
{{! This DataSource just permanently listens to any changes to the users }}
|
|
{{! token, whether thats a new token, a changed token or a deleted token }}
|
|
<DataSource
|
|
@src={{uri 'settings://consul:token'}}
|
|
@onchange={{queue (action (mut token) value="data") (action dispatch "CHANGE") (action (mut previousToken) value="data")}}
|
|
/>
|
|
{{! This DataSink is just used for logging in from the form, }}
|
|
{{! or logging out via the exposed logout function }}
|
|
<DataSink
|
|
@sink={{uri "settings://consul:token"}}
|
|
as |sink|
|
|
>
|
|
{{yield}}
|
|
{{#let (hash
|
|
login=(action sink.open)
|
|
logout=(action sink.open null)
|
|
token=token
|
|
) (hash
|
|
AuthProfile=(component 'auth-profile' item=token)
|
|
AuthForm=(component 'auth-form'
|
|
dc=dc
|
|
partition=partition
|
|
nspace=nspace
|
|
onsubmit=(action sink.open value="data"))
|
|
) as |api components|}}
|
|
<State @matches="authorized">
|
|
{{#yield-slot name="authorized"}}
|
|
{{yield api components}}
|
|
{{/yield-slot}}
|
|
</State>
|
|
|
|
<State @matches="unauthorized">
|
|
{{#yield-slot name="unauthorized"}}
|
|
{{yield api components}}
|
|
{{/yield-slot}}
|
|
</State>
|
|
{{/let}}
|
|
</DataSink>
|
|
</StateChart>
|