AngularJS Inline Confirm Icon/Button/Text Directive
Fork from https://github.com/darylrowland
Improved to add:
- icon type display (Nice with bootstrap glyphicon)
- Custom text on confirmation elements 'yes' and 'no' (Usefull for translation)
- hide option for the action element
Very simple directive that lets you quickly and easily create inline confirm icon or buttons or links for your Angular projects. I use this a lot for delete buttons.
##Usage:
- Include the inline-confirm.js file in your app
- Add the directive "inlineConfirm" to your Angular app
- Create a new element in your code for your inline confirmer, e.g.
In html:
<inline-confirm icon="icon-trash-can" text="Delete" mainclass="btn" type="button" confirmfunction="myFunc(param1, param2)"/>Or in jade:
inline-confirm(icon="icon-trash-can", text='Delete', mainclass="btn btn-orange", type="button", confirmfunction="myFunc(param1, param2)")##Attributes There are a number of attributes you can set to configure the directive, these are detailed below:
| Attribute | Description | Required | Default |
|---|---|---|---|
| type | The type of the element which will trigger the action | Yes | |
| text | The text to display, e.g. Delete, when this button/link is in its default state | Yes | |
| yestext | The text for the 'confirmation' element | No | 'Yes' |
| notext | The text for the 'cancellation' element | No | 'No' |
| confirmfunction | The function that should be called when the user clicks on the 'yes' button | Yes | |
| mainclass | Any classes you want to apply to the main element holding the all inline confirmation | No | |
| actionclass | Classes for the element which will trigger the inline confirmation | No | |
| confirmclass | Any classes you want to apply to the confirmation element ('yes' and 'no') | No | |
| confirmclass | Any classes you want to apply to the confirmation element ('yes' and 'no') | No | |
| hideonconfirm | Set to true if you want to hide the element which will trigger the action. | No | false |
##License MIT License.