discourse/app/assets/javascripts/dialog-holder/addon/components/dialog-holder.hbs

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

69 lines
2.2 KiB
Handlebars
Raw Normal View History

2022-12-28 20:28:11 +08:00
<div
id="dialog-holder"
class="dialog-container {{this.dialog.class}}"
aria-labelledby={{this.dialog.titleElementId}}
aria-hidden="true"
>
<div class="dialog-overlay" data-a11y-dialog-hide></div>
{{#if this.dialog.type}}
<div class="dialog-content" role="document">
{{#if this.dialog.title}}
<div class="dialog-header">
<h3 id={{this.dialog.titleElementId}}>{{this.dialog.title}}</h3>
2022-12-28 20:28:11 +08:00
<DButton
@icon="times"
@action={{action this.dialog.cancel}}
@class="btn-flat dialog-close close"
@title="modal.close"
/>
</div>
{{/if}}
{{#if (or this.dialog.message this.dialog.confirmPhrase)}}
<div class="dialog-body">
{{#if this.dialog.message}}
<p>{{this.dialog.message}}</p>
{{/if}}
{{#if this.dialog.confirmPhrase}}
2022-12-28 20:28:11 +08:00
<TextField
@value={{this.dialog.confirmPhraseInput}}
{{on "input" this.dialog.onConfirmPhraseInput}}
@id="confirm-phrase"
@autocorrect="off"
@autocapitalize="off"
/>
{{/if}}
</div>
{{/if}}
{{#if (notEq this.dialog.type "notice")}}
<div class="dialog-footer">
{{#each this.dialog.buttons as |button|}}
2022-12-28 20:28:11 +08:00
<DButton
@icon={{button.icon}}
@class={{button.class}}
@action={{action "handleButtonAction" button}}
@translatedLabel={{button.label}}
/>
{{else}}
2022-12-28 20:28:11 +08:00
<DButton
@class={{this.dialog.confirmButtonClass}}
@disabled={{this.dialog.confirmButtonDisabled}}
@action={{this.dialog.didConfirmWrapped}}
@icon={{this.dialog.confirmButtonIcon}}
@label={{this.dialog.confirmButtonLabel}}
/>
{{#if this.dialog.shouldDisplayCancel}}
2022-12-28 20:28:11 +08:00
<DButton
@class={{this.dialog.cancelButtonClass}}
@action={{this.dialog.cancel}}
@label={{this.dialog.cancelButtonLabel}}
/>
{{/if}}
{{/each}}
</div>
{{/if}}
</div>
{{/if}}
2022-12-28 20:28:11 +08:00
</div>