mirror of
https://github.com/discourse/discourse.git
synced 2024-12-03 16:13:40 +08:00
92a59e2480
This commit also: uses the swipe modifier in the glimmer-site-header component changes closing condition for d-modal and toast from distance to velocity cancels toast auto close on touch
64 lines
1.9 KiB
Plaintext
64 lines
1.9 KiB
Plaintext
import { concat, fn, hash } from "@ember/helper";
|
|
import didInsert from "@ember/render-modifiers/modifiers/did-insert";
|
|
import { or } from "truth-helpers";
|
|
import DButton from "discourse/components/d-button";
|
|
import concatClass from "discourse/helpers/concat-class";
|
|
import icon from "discourse-common/helpers/d-icon";
|
|
|
|
const DDefaultToast = <template>
|
|
<div
|
|
class={{concatClass
|
|
"fk-d-default-toast"
|
|
(concat "-" (or @data.theme "default"))
|
|
}}
|
|
...attributes
|
|
>
|
|
{{#if @showProgressBar}}
|
|
<div
|
|
class="fk-d-default-toast__progress-bar"
|
|
{{didInsert @onRegisterProgressBar}}
|
|
></div>
|
|
{{/if}}
|
|
{{#if @data.icon}}
|
|
<div class="fk-d-default-toast__icon-container">
|
|
{{icon @data.icon}}
|
|
</div>
|
|
{{/if}}
|
|
<div class="fk-d-default-toast__main-container">
|
|
<div class="fk-d-default-toast__texts">
|
|
{{#if @data.title}}
|
|
<div class="fk-d-default-toast__title">
|
|
{{@data.title}}
|
|
</div>
|
|
{{/if}}
|
|
{{#if @data.message}}
|
|
<div class="fk-d-default-toast__message">
|
|
{{@data.message}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
|
|
{{#if @data.actions}}
|
|
<div class="fk-d-default-toast__actions">
|
|
{{#each @data.actions as |toastAction|}}
|
|
{{#if toastAction.action}}
|
|
<DButton
|
|
@icon={{toastAction.icon}}
|
|
@translatedLabel={{toastAction.label}}
|
|
@action={{fn toastAction.action (hash data=@data close=@close)}}
|
|
class={{toastAction.class}}
|
|
tabindex="0"
|
|
/>
|
|
{{/if}}
|
|
{{/each}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<div class="fk-d-default-toast__close-container">
|
|
<DButton class="btn-transparent" @icon="times" @action={{@close}} />
|
|
</div>
|
|
</div>
|
|
</template>;
|
|
|
|
export default DDefaultToast;
|