Last active
May 3, 2017 10:21
-
-
Save srph/c6d1d95764ccb58293a2d81e2ea42f8e to your computer and use it in GitHub Desktop.
jQuery: Delete confirmation message
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| +(function($, undefined) { | |
| // <form data-verilete="user" data-verilete-name= | |
| // Verilete = Verify delete | |
| $('[data-verilete]').on('submit', function(e) { | |
| var el = $(this) | |
| var resource = el.data('verilete') || 'resource'; | |
| var name = el.data('verilete-name') | |
| if (!confirmation({ resource: resource, name: name }) ) { | |
| e.preventDefault() | |
| } | |
| }) | |
| function confirmation({resource, name}) { | |
| const message = `Are you sure to delete this ${resource}` | |
| return confirm(!name | |
| ? `${message}?` | |
| : `${message} (${name})?`) | |
| } | |
| })(jQuery) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Integration with Sweet Alert | |
| // <form data-verilete="user" data-verilete-name= | |
| // Verilete = Verify delete | |
| +(function($, undefined) { | |
| var prevent = true; | |
| $('[data-verilete]').on('submit', function(e) { | |
| if (!prevent) { | |
| return; | |
| } | |
| e.preventDefault(); | |
| var el = $(this) | |
| var resource = el.data('verilete') || 'resource' | |
| var name = el.data('verilete-name') | |
| swal({ | |
| title: 'Warning', | |
| type: 'warning', | |
| text: message({ resource: resource, name: name }), | |
| showCancelButton: true | |
| }, function() { | |
| prevent = false; | |
| el.submit(); | |
| }) | |
| }) | |
| function message({resource, name}) { | |
| const text = `Are you sure to delete this ${resource}` | |
| return !name | |
| ? `${text}?` | |
| : `${text} (${name})?` | |
| } | |
| })(jQuery) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment