client-ui/source/make-payment/confirm-modal-directive.js

Testing implementation of nodeJs Backend, angular frontend, and hopefully in a way that this can be deployed to s3/cloudfront

(function() {
    'use strict';
    angular.module(moduleName).directive('ngConfirmPayment', confirmModalDirective);
    confirmModalDirective.$inject = ['$modal'];


    var ModalInstanceCtrl = function($scope, $modalInstance) {
                $scope.ok = function() {
                    $modalInstance.close();

                };
                $scope.cancel = function() {
                    $modalInstance.dismiss('cancel');
                };
            };
    ModalInstanceCtrl.$inject = ['$scope','$modalInstance'];
    function confirmModalDirective($modal) {
        return {
            restrict: 'A',
            scope: {
                makepaymentfn: "&",
                item: "="
            },
            link: function(scope, element, attrs) {
                element.bind('click', function() {
                    var message = attrs.ngConfirmMessage || "Are you sure ?";

                    var modalHtml = '<div class="modal-body">' + message + '</div>';
                    modalHtml += '<div class="modal-footer"><button class="btn btn-success" ng-click="ok()">Confirm Payment</button><button class="btn btn-warning" ng-click="cancel()">Nevermind</button></div>';

                    var modalInstance = $modal.open({
                        template: modalHtml,
                        controller: ModalInstanceCtrl
                    });
                    modalInstance.result.then(function() {
                        scope.makepaymentfn();
                    }, function() {});
                });
            }
        }
    };
})();