datahub/datahub-web/@datahub/utils/addon/templates/components/concurrency-task-state-handler.hbs
Charlie Tran 843a6c5bbb
feat(frontend): update datahub-web client UI code (#1806)
* Releases updated version of datahub-web client UI code

* Fix typo in yarn lock

* Change yarn lock to match yarn registry directories

* Previous commit missed some paths

* Even more changes to yarnlock missing in previous commit

* Include codegen file for typings

* Add files to get parity for datahub-web and current OS datahub-midtier

* Add in typo fix from previous commit - change to proper license

* Implement proper OS fix for person entity picture url

* Workarounds for open source DH issues

* Fixes institutional memory api and removes unopensourced tabs for datasets

* Fixes search dataset deprecation and user search issue as a result of changes

* Remove internal only options in the avatar menu
2020-08-26 15:44:50 -07:00

57 lines
1.7 KiB
Handlebars

{{#if this.handleAsyncStateOnly}}
{{#if @task.isRunning}}
<div class="concurrency-task-state-handler">
{{pendulum-ellipsis-animation}}
</div>
{{else}}
{{yield}}
{{/if}}
{{else}}
{{#if @task.last.isError}}
{{#let (or @errorHeading "An error occurred. Please try again shortly.") as |errorMessage|}}
{{! Show entity lockup if toggled on, otherwise yield error. This allows this component to be used in interfaces
where rendering the lockup is not suitable, for example in a button
<ConcurrencyTaskStateHandler @task=task @showLockup=false>
<button>
Click Me!
</button>
</ConcurrencyTaskStateHandler>
}}
{{#if this.showLockup}}
<EmptyState
@heading={{errorMessage}}
/>
<div class="concurrency-task-state-handler__button-container">
<button
type="button"
class="nacho-button nacho-button--large-inverse"
onclick={{action this.performTask this.taskArgs}}
>
Retry
</button>
</div>
{{else}}
{{! If the callee requires more flexibility, a custom component to handle rendering the error can be provided
and will take precedence over the basic message rendering
}}
{{#if @customErrorComponent}}
{{component @customErrorComponent error=@task.last.error message=@errorHeading}}
{{else}}
{{errorMessage}}
{{/if}}
{{/if}}
{{/let}}
{{else}}
{{#if @task.isRunning}}
<div class="concurrency-task-state-handler">
{{pendulum-ellipsis-animation}}
</div>
{{else}}
{{yield}}
{{/if}}
{{/if}}
{{/if}}