| 1 |
function confirmDialog(option, action) { |
| 2 |
let title = (option.title) ? option.title : 'Action'; |
| 3 |
let message = (option.message) ? option.message : 'Are you sure? ' |
| 4 |
let cancelButtonText = (option.cancelButtonText) ? option.cancelButtonText : 'Cancel'; |
| 5 |
let cancelButtonClass = (option.cancelButtonClass) ? option.cancelButtonClass : ''; |
| 6 |
let buttonText = (option.buttonText) ? option.buttonText : 'Delete'; |
| 7 |
let buttonClass = (option.buttonClass) ? option.buttonClass : ''; |
| 8 |
let typeClass = ''; |
| 9 |
let icon = ''; |
| 10 |
let type = (option.type) ? option.type : 'info'; |
| 11 |
if (type == 'info') { |
| 12 |
typeClass = '__tagembed__bg-info'; |
| 13 |
icon = "fa-info"; |
| 14 |
} else if (type == 'warning') { |
| 15 |
typeClass = '__tagembed__bg-warning'; |
| 16 |
icon = "fa-exclamation"; |
| 17 |
} else if (type == 'success') { |
| 18 |
typeClass = '__tagembed__bg-success'; |
| 19 |
icon = "fa-check"; |
| 20 |
} else if (type == 'danger') { |
| 21 |
typeClass = '__tagembed__bg-danger'; |
| 22 |
icon = "fa-times"; |
| 23 |
} |
| 24 |
|
| 25 |
let elemId = 'tagembedConfirmDialog'; |
| 26 |
let elemHTML = '<div id="' + elemId + '" class="__tagembed__overlay"><div class="__tagembed__popupwrap">'; |
| 27 |
elemHTML = elemHTML + '<div class="__tagembed__iconarea ' + typeClass + '"><i class="fa ' + icon + '" aria-hidden="true"></i></div>'; |
| 28 |
elemHTML = elemHTML + '<hr class="__tagembed__horizontaborder" />'; |
| 29 |
elemHTML = elemHTML + '<div class="__tagembed__title"><h2>' + title + '</h2></div>'; |
| 30 |
elemHTML = elemHTML + '<div class="__tagembed__desc"><p>' + message + '</p></div>'; |
| 31 |
elemHTML = elemHTML + '<div class="__tagembed__btnwrap">'; |
| 32 |
elemHTML = elemHTML + '<button class="__tagembed__okaybtn ' + buttonClass + ' ' + typeClass + '" id="' + elemId + 'OkayButton">' + buttonText + '</button>'; |
| 33 |
elemHTML = elemHTML + '<button class="__tagembed__cancelbtn ' + buttonClass + '" id="' + elemId + 'CancelButton">Cancel</button>'; |
| 34 |
elemHTML = elemHTML + '</div>'; |
| 35 |
elemHTML = elemHTML + '</div></div>'; |
| 36 |
|
| 37 |
let elem = document.createElement('div'); |
| 38 |
elem.innerHTML = elemHTML; |
| 39 |
elem.querySelector('#' + elemId + 'CancelButton').onclick = function () { |
| 40 |
document.querySelector('#' + elemId).remove(); |
| 41 |
}; |
| 42 |
elem.querySelector('#' + elemId + 'OkayButton').onclick = function () { |
| 43 |
document.querySelector('#' + elemId).remove(); |
| 44 |
(action)(); |
| 45 |
}; |
| 46 |
document.body.appendChild(elem.firstChild); |
| 47 |
} |
