39123773c6
* glimmerize alert-banner * remove conditional commented out * add assert to require type * add assert for if message type not included * amend alert-inline test
32 lines
1,018 B
Handlebars
32 lines
1,018 B
Handlebars
<div data-test-alert-banner="alert" class="message {{this.alertType.class}}" ...attributes>
|
|
<div class="columns is-mobile is-variable is-1">
|
|
<div class="column is-narrow message-icon">
|
|
<Icon class={{this.alertType.glyphClass}} aria-hidden="true" @name={{this.alertType.glyph}} />
|
|
</div>
|
|
<div class="column">
|
|
<div class="message-title">
|
|
{{or @title this.alertType.text}}
|
|
{{#if @showLoading}}
|
|
<Icon class="loading" aria-hidden="true" @name="loading" />
|
|
{{/if}}
|
|
{{#if @progressBar}}
|
|
<progress
|
|
value={{@progressBar.value}}
|
|
max={{@progressBar.max}}
|
|
class="progress is-success is-medium is-inline-block"
|
|
></progress>
|
|
{{/if}}
|
|
</div>
|
|
{{#if @message}}
|
|
<p class="alert-banner-message-body">
|
|
{{@message}}
|
|
</p>
|
|
{{/if}}
|
|
{{#if (has-block)}}
|
|
<p class="message-actions">
|
|
{{yield}}
|
|
</p>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div> |