angular-dirtyform-check/ngRoute-demo/app.js

Dirty (i.e. unsaved changes) form checker for AngularJS

(function () {
    'use strict';
    
    var module = angular.module('dirtyformCheckDemo', [
        'angularDirtyformCheck',
        'ngRoute',
        'ngDialog'
    ]);
    
    module.config(config);
    
    config.$inject = ['$routeProvider', '$locationProvider'];
    function config($routeProvider, $locationProvider) {
        $locationProvider.hashPrefix('');
        
        $routeProvider
            .when('/form1/:someParam?', {
                templateUrl: 'form1.tpl.html',
                controller: ['$scope', '$routeParams', function ($scope, $routeParams) {
                    $scope.model = {};
                    $scope.params = $routeParams;
                }]
            })
            .when('/form2', {
                templateUrl: 'form2.tpl.html',
                controller: ['$scope', '$timeout', 'dirtyCheckService', '$location', function ($scope, $timeout, dirtyCheckService, $location) {
                    $scope.model = {};
                    $scope.submit = false;
                    $scope.fakeSubmit = function () {
                        if ($scope.submit) {
                            return;
                        }
                        $scope.submit = true;
                        $timeout(function () {
                            $scope.submit = false;
                            $scope.form.$setPristine();
                        }, 2000);
                    };
                    $scope.gotoForm1 = function () {
                        dirtyCheckService.showPopup()
                            .then(function () {
                                $location.path('/form1');
                            }, angular.noop);
                    };
                }]
            })
            .otherwise('/form1');
    }
    
    module.service('dirtyCheckDialog', dirtyCheckDialog);

    dirtyCheckDialog.$inject = ['ngDialog'];
    function dirtyCheckDialog(ngDialog) {
        return {
            show: function () {
                return ngDialog.openConfirm({
                    template: 'dialog.tpl.html',
                    showClose: false
                });
            }
        };
    }
    
})();