open-consul/ui/packages/consul-ui/app/components/copy-button/index.hbs

31 lines
827 B
Handlebars
Raw Normal View History

<StateChart
@src={{this.chart}}
as |State Guard Action dispatch state|
>
2020-11-30 16:52:13 +00:00
<div
class="copy-button"
...attributes
>
{{#let (fn dispatch 'SUCCESS') (fn dispatch 'ERROR') (fn dispatch 'RESET') as |success error reset|}}
2020-11-30 16:52:13 +00:00
<button
{{with-copyable @value success=success error=error}}
aria-label={{t 'components.copy-button.title' name=@name}}
2020-11-30 16:52:13 +00:00
type="button"
class="copy-btn"
...attributes
{{tooltip
(if (state-matches state 'success') (t 'components.copy-button.success' name=@name) (t 'components.copy-button.error'))
2020-11-30 16:52:13 +00:00
options=(hash
trigger='manual'
showOnCreate=(not (state-matches state 'idle'))
delay=(array 0 3000)
onHidden=reset
2020-11-30 16:52:13 +00:00
)
}}
>
{{~yield~}}
</button>
{{/let}}
2020-06-17 09:25:54 +00:00
</div>
</StateChart>