Confirm-ChoiceModal Class

Module: Miscellaneous
Defined In: addon\components\modals\confirm-choice.js:16

Confirm Choice is a modal that is pre-made for you in ember-fw. While the documentation for FwFullscreenModal, suggested that you need to follow the basic instructions in to make your own modal, as detailed in BaseModal, confirm-choice is one that is already made with the design of simply confirming a message. Because this is a regular modal, it will be called as a modal that you had created, and everything will be passed through the model property as usual. For more information on how to use the FwFullscreenModal component, see its documentation.

Basic Usage Example:

<FwFullscreenModal @modal='confirm-choice' @size='md' @close={{action 'closeMyModal'}} @model={{hash
           message="Are you sure you want to do this?"
           onConfirm=(action 'confirmMyModal')
           confirmButtonText="Yes"
           ...
        }}
/>

In order to pass in any data, you must pass in the data to the model attribute with the hash helper. Listed below in the different "properties" are actually not technically properties, but all sub-properties of the model parameter in order to properly customize the confirm-choice modal.

Show:

_model

Computed private

Defined in addon\components\modals\confirm-choice.js:41

This is the internal computed property for model that sets defaults for model if they remain unset by the end user.

model

Unknown protected

Defined in addon\components\modals\confirm-choice.js:51

This is the only property passed into the FwFullscreenModal component that actually transfers to this component, and it should be a hash of any of the other properties you wish to set.

model.closeButtonIcon

String

Defined in addon\components\modals\confirm-choice.js:92

Font-awesome icon to be displayed on the close button. For a full list of fontawesome icons, click here.


Default: 'fa-solid fa-xmark'

model.closeButtonText

String

Defined in addon\components\modals\confirm-choice.js:86

Text to appear on the close or cancel button.


Default: 'Close'

model.confirmButtonIcon

String

Defined in addon\components\modals\confirm-choice.js:80

Font-awesome icon to be displayed on the confirm button. For a full list of fontawesome icons, click here.


Default: 'fa-solid fa-check'

model.confirmButtonStyle

String

Defined in addon\components\modals\confirm-choice.js:67

This is the CSS style for the confirm button (follows bootstrap btn classes). Most common options are: danger, primary, and default, but for the full list of options, see Bootstrap's documentation. (Note: btn- is added to this button style to make the full button class)


Default: 'primary'

model.confirmButtonText

String

Defined in addon\components\modals\confirm-choice.js:74

This is the text which will appear on the confirm button.


Default: 'Confirm'

model.message

String

Defined in addon\components\modals\confirm-choice.js:57

The message that will be displayed in the body of the modal.

model.onConfirm

Action

Defined in addon\components\modals\confirm-choice.js:62

This is the action to be called when the "confirm" button is hit in the modal. This only needs to be an action, which returns a promise, all error checking is handled by the modal itself.