diff options
| -rw-r--r-- | app/assets/javascripts/modal_confirmation.coffee | 29 | ||||
| -rw-r--r-- | app/assets/javascripts/modal_confirmation.js | 31 |
2 files changed, 29 insertions, 31 deletions
diff --git a/app/assets/javascripts/modal_confirmation.coffee b/app/assets/javascripts/modal_confirmation.coffee new file mode 100644 index 000000000..0c80148e3 --- /dev/null +++ b/app/assets/javascripts/modal_confirmation.coffee @@ -0,0 +1,29 @@ +$(document).ready () => + $.rails.allowAction = (link) => + message = link.data('confirm') + if !message + return true + showConfirmModal link + false + + showConfirmModal = (link) => + message = link.data('confirm') + html = """<div class="modal fade" id="confirmationDialog" tabindex="1" role="dialog"> + <div class="modal-container"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <h4 class="modal-title"> #{I18n.t('warning')} </h4> + </div> + <div class="modal-body"> + <p>#{message}</p> + </div> + <div class="modal-footer"> + <a data-dismiss="modal" class="btn">#{I18n.t('cancel')}</a> + <a data-dismiss="modal" class="btn btn-primary" data-method=#{link.data('method')} href=#{link.attr('href')}>#{I18n.t('ok')}</a> + </div> + </div> + </div> + </div> + </div>""" + $(html).modal() diff --git a/app/assets/javascripts/modal_confirmation.js b/app/assets/javascripts/modal_confirmation.js deleted file mode 100644 index e82a8a81b..000000000 --- a/app/assets/javascripts/modal_confirmation.js +++ /dev/null @@ -1,31 +0,0 @@ -$(document).ready(() => { - $.rails.allowAction = (link) => { - let message = link.data('confirm') - if (!message) return true - showConfirmModal(link) - return false - } - - let showConfirmModal = (link) => { - let message = link.data('confirm') - let html = `<div class="modal fade" id="confirmationDialog" tabindex="1" role="dialog"> - <div class="modal-container"> - <div class="modal-dialog"> - <div class="modal-content"> - <div class="modal-header"> - <h4 class="modal-title"> ${I18n.t('warning')} </h4> - </div> - <div class="modal-body"> - <p>${message}</p> - </div> - <div class="modal-footer"> - <a data-dismiss="modal" class="btn">${I18n.t('cancel')}</a> - <a data-dismiss="modal" class="btn btn-primary" data-method=${link.data('method')} href=${link.attr('href')}>${I18n.t('ok')}</a> - </div> - </div> - </div> - </div> - </div> ` - $(html).modal() - } -})
\ No newline at end of file |