2022-05-25 14:16:31 +03:00
|
|
|
<article class="gh-notification gh-notification-passive {{this.typeClass}}" {{on "animationend" this.closeOnFadeOut}} ...attributes>
|
|
|
|
<div class="gh-notification-icon">
|
|
|
|
{{#if @message.icon}}
|
|
|
|
{{svg-jar @message.icon}}
|
2020-02-27 12:19:29 +03:00
|
|
|
{{else}}
|
2022-05-25 14:16:31 +03:00
|
|
|
{{#if (eq @message.type "success")}}
|
|
|
|
{{svg-jar "check-circle"}}
|
|
|
|
{{else if (eq @message.type "error")}}
|
|
|
|
{{svg-jar "warning-stroke"}}
|
|
|
|
{{else if (eq @message.type "warn")}}
|
|
|
|
{{svg-jar "warning-stroke"}}
|
|
|
|
{{else}}
|
|
|
|
{{svg-jar "check-circle"}}
|
|
|
|
{{/if}}
|
2020-02-27 12:19:29 +03:00
|
|
|
{{/if}}
|
2022-05-25 14:16:31 +03:00
|
|
|
</div>
|
|
|
|
<div class="gh-notification-content" data-test-text="notification-content">
|
|
|
|
<span class="gh-notification-title">{{@message.message}}</span>
|
2020-02-27 12:19:29 +03:00
|
|
|
|
2022-05-25 14:16:31 +03:00
|
|
|
{{#if @message.description}}
|
|
|
|
<p>{{@message.description}}</p>
|
|
|
|
{{/if}}
|
|
|
|
|
|
|
|
{{#if @message.actions}}
|
|
|
|
<span class="gh-notification-actions">{{@message.actions}}</span>
|
|
|
|
{{/if}}
|
|
|
|
</div>
|
|
|
|
<button class="gh-notification-close" data-test-button="close-notification" type="button" {{on "click" this.closeNotification}}>
|
|
|
|
{{svg-jar "close"}}<span class="hidden">Close</span>
|
|
|
|
</button>
|
|
|
|
</article>
|