Trigger code:
<!-- Trigger 1 start -->
<button type="button" class="btns" ng-click="c.submitDeleteAction(templ)" >
<i class="fa fa-trash" aria-hidden="true"></i>
<small>${Delete}</small>
</button>
<!-- Trigger 1 start -->
Add this to your HTML anywhere at the bottom.
<!--Confirmation Modal start-->
<div id="confirmationDelete" class="modal fade" role="dialog">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-body">
<div>
${Are you sure you want to delete the template}?
</div>
<div class="modal-footer">
<button
type="button" data-dismiss="modal"
class="btn btn-blue btn-sm borderRadius fwb"
id="cancelDelete" > ${Cancel} </button>
<button
type="button" data-dismiss="modal"
class="btn btn-red btn-sm borderRadius fwb"
id="confirmDelete" >${Delete}</button>
</div>
</div>
</div>
</div>
</div>
<!--Confirmation Modal end-->
Client script code:
/* Delete Confirmation Start */
c.submitDeleteAction=function (item){
$('#confirmationDelete')
.modal({ backdrop: 'static', keyboard: false })
.one('click', '#confirmDelete', function (e) {
//submit
$scope.deleteIntTemplate(item);
});
$('#confirmationDelete')
.modal({ backdrop: 'static', keyboard: false })
.one('click', '#cancelDelete', function (e) {
$scope.data.tempId = '';
});
}
/* Delete Confirmation end */
Confirm delete clicked method:
//Delete Confirmed method
$scope.deleteIntTemplate = function (temp) {
c.data.showLoader = true;
$scope.data.funcName = 'deleteInterviewTepmlate';
$scope.data.tempId = temp.tempId;
c.server.update().then(function(){
if(c.data.deleteInterviewTemplate){
$scope.data.funcName = undefined;
$scope.data.tempId = '';
}
});
}