angular-dirty-check/src/dirtycheck.service.js

Dirty form checker for AngularJS

(function () {
    'use strict';
    
    angular
        .module('angularDirtyCheck')
        .provider('dirtyCheckService', dirtyCheckService);
    
    function dirtyCheckService() {
        var dirtyMsg = 'Changes you made may not be saved. Leave anyway?';
        
        getService.$inject = ['$window', '$q', 'dirtyCheckRouter', '$injector'];
        return {
            $get: getService,
            setDirtyMessage: setDirtyMessage
        };
        
        function setDirtyMessage(msg) {
            dirtyMsg = msg;
        }
        
        function getService($window, $q, dirtyCheckRouter, $injector) {
            var forms = [];
            var rootScopeUnsub;
            var dirtyDialog = $injector.has('dirtyCheckDialog') ? $injector.get('dirtyCheckDialog') : false;
            
            return {
                registerForm: registerForm,
                deregisterForm: deregisterForm
            };
            
            
            function registerForm(formController) {
                forms.push(formController);
                
                if (forms.length === 1) {
                    addListeners();
                }
            }
            
            function deregisterForm(formController) {
                var index = forms.indexOf(formController);
                if (index !== -1) {
                    forms.splice(index, 1);
                }
                if (forms.length === 0) {
                    unsubscribeListeners();
                }
            }
            
            function dirtyFormsShown() {
                return forms.some(function (form) {
                    return form.$dirty;
                });
            }
            
            function showDefaultConfirm() {
                return $q(function (resolve, reject) {
                    var leave = $window.confirm(dirtyMsg);
                    if (leave) {
                        resolve();
                    } else {
                        reject();
                    }
                });
            }
            
            function showPopupOnNavigation(event) {
                if (dirtyFormsShown()) {
                    event.preventDefault();
                    var promise;
                    if (dirtyDialog && angular.isFunction(dirtyDialog.show)) {
                        promise = dirtyDialog.show();
                    } else {
                        promise = showDefaultConfirm();
                    }
                    promise.then(function () {
                        unsubscribeListeners();
                        dirtyCheckRouter.navAway();
                    });
                }
            }
            
            function showAlertOnWindowClose() {
                if (dirtyFormsShown()) {
                    return dirtyMsg;
                }
            }
            
            function addListeners() {
                rootScopeUnsub = dirtyCheckRouter.subscribeStateChange(showPopupOnNavigation);
                $window.onbeforeunload = showAlertOnWindowClose;
            }
            
            function unsubscribeListeners() {
                rootScopeUnsub();
                $window.onbeforeunload = null;
            }
        }
    }
})();