{{ 'main.examples.title' | translate }}

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-progressbar', GnapProgressbarController);

    GnapProgressbarController.$inject = ['$scope'];

    function GnapProgressbarController($scope) {
        var vm = this;

        vm.progress = 40;

        $scope.$watch('vm.progress', function (progress) { vm.workLeft = 100 - progress; });
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-stacked-progressbar', GnapStackedProgressbarController);

    GnapStackedProgressbarController.$inject = [];

    function GnapStackedProgressbarController() {
        var vm = this;

        vm.collection = [];

        vm.collection.push({
            value: 20,
            type: 'success'
        });

        vm.collection.push({
            value: 15,
            type: 'warning'
        });

        vm.collection.push({
            value: 25,
            type: 'error'
        });
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-confirm-dialog', GnapConfirmDialogController);

    GnapConfirmDialogController.$inject = [];

    function GnapConfirmDialogController() {
        var vm  = this;

        vm.confirm = function () {
            alert('You were sure!');
        };

        vm.cancel = function () {
            alert('You weren\'t sure!');
        };
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-prompt-dialog', GnapPromptDialogController);

    GnapPromptDialogController.$inject = [];

    function GnapPromptDialogController() {
        var vm = this;

        vm.accept = function (name) {
            alert('Hello ' + name);
        };

        vm.cancel = function () {
            alert('You cancelled!');
        };
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-custom-dialog', GnapCustomDialogController)
        .controller('gnap-custom-dialog-instance', GnapCustomDialogInstanceController);

    GnapCustomDialogController.$inject = ['$modal'];
    GnapCustomDialogInstanceController.$inject = ['$modalInstance', 'items'];

    function GnapCustomDialogController($modal) {
        var vm = this;

        vm.items = ['item1', 'item2', 'item3'];

        vm.open = function (size) {
            var modalInstance = $modal.open({
                templateUrl: 'myModalContent.html',
                controller: 'gnap-custom-dialog-instance as vm',
                resolve: {
                    items: function () {
                        return vm.items;
                    }
                }
            });

            modalInstance.result.then(function (result) {
                alert('You selected: ' + result);
            }, function () {
                alert('You dismissed the dialog!');
            });
        };
    };

    function GnapCustomDialogInstanceController($modalInstance, items) {
        var vm = this;

        vm.items = items;

        vm.selected = {
            item: vm.items[0]
        };

        vm.ok = function () {
            $modalInstance.close(vm.selected.item);
        };

        vm.cancel = function () {
            $modalInstance.dismiss('cancel');
        };
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-alerts', GnapAlertsController);

    GnapAlertsController.$inject = ['$sce'];

    function GnapAlertsController($sce) {
        var vm = this;

        vm.alerts = [
            { type: 'danger', msg: $sce.trustAsHtml('<b>Oh snap!</b> Change a few things up and try submitting again.') },
            { type: 'success', msg: $sce.trustAsHtml('<b>Well done!</b> You successfully read this important alert message.') },
            { type: 'warning', msg: $sce.trustAsHtml('<b>Warning!</b> Best check your self, you\'re not looking too good.') },
            { type: 'info', msg: $sce.trustAsHtml('<b>Heads up!</b> This alert needs your attention, but it\'s not super important.') }
        ];

        vm.closeAlert = function (index) {
            vm.alerts.splice(index, 1);
        };
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-pagination', GnapPaginationController);

    GnapPaginationController.$inject = [];

    function GnapPaginationController() {
        var vm = this;

        vm.totalItems = 164;
        vm.currentPage = 4;
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-pagination', GnapPaginationController);

    GnapPaginationController.$inject = [];

    function GnapPaginationController() {
        var vm = this;

        vm.totalItems = 164;
        vm.currentPage = 4;
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-standard-table', GnapStandardTableController);

    GnapStandardTableController.$inject = ['Domain'];

    function GnapStandardTableController(Domain) {
        var vm = this;

        Domain.query(function(domains) {
            vm.domains = domains;
        });
    
        vm.view = function (domain) {
            alert('Going to the view \'' + domain.domain + '\' page ...');
        };
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .factory('Domain', Domain);

    Domain.$inject = ['$resource'];

    function Domain($resource) {
        return $resource('app/main/examples/tables/domains.json');
    };
})();

[
    {
        "domain": "app.com",
        "price": "$45",
        "clicks": "3,330",
        "update": "Feb 12",
        "status": "Expiring"
    },
    {
        "domain": "base.com",
        "price": "$35",
        "clicks": "2,595",
        "update": "Feb 18",
        "status": "Registered"
    },
    {
        "domain": "max.com",
        "price": "$60",
        "clicks": "4,400",
        "update": "Mar 11",
        "status": "Expiring"
    },
    {
        "domain": "best.com",
        "price": "$75",
        "clicks": "6,500",
        "update": "Apr 03",
        "status": "Flagged"
    },
    {
        "domain": "pro.com",
        "price": "$55",
        "clicks": "4,250",
        "update": "Jan 21",
        "status": "Flagged"
    }
]

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-full-table', GnapFullTableController);

    GnapFullTableController.$inject = ['Domain'];

    function GnapFullTableController(Domain) {
        var vm = this;

        Domain.query(function(domains) {
            vm.domains = domains;
        });

        vm.view = function(domain) {
            alert('Going to the view \'' + domain.domain + '\' page ...');
        };

        vm.edit = function(domain) {
            alert('Going to the edit \'' + domain.domain + '\' page ...');
        };

        vm['delete'] = function(domain) {
            alert('Logic to delete \'' + domain.domain + '\' should be executed now ...');
        }
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .factory('Domain', Domain);

    Domain.$inject = ['$resource'];

    function Domain($resource) {
        return $resource('app/main/examples/tables/domains.json');
    };
})();

[
    {
        "domain": "app.com",
        "price": "$45",
        "clicks": "3,330",
        "update": "Feb 12",
        "status": "Expiring"
    },
    {
        "domain": "base.com",
        "price": "$35",
        "clicks": "2,595",
        "update": "Feb 18",
        "status": "Registered"
    },
    {
        "domain": "max.com",
        "price": "$60",
        "clicks": "4,400",
        "update": "Mar 11",
        "status": "Expiring"
    },
    {
        "domain": "best.com",
        "price": "$75",
        "clicks": "6,500",
        "update": "Apr 03",
        "status": "Flagged"
    },
    {
        "domain": "pro.com",
        "price": "$55",
        "clicks": "4,250",
        "update": "Jan 21",
        "status": "Flagged"
    }
]

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-collapse', GnapCollapseController);

    GnapCollapseController.$inject = [];

    function GnapCollapseController() {
        var vm = this;

        vm.isCollapsed = false;
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-collapse', GnapCollapseController);

    GnapCollapseController.$inject = [];

    function GnapCollapseController() {
        var vm = this;

        vm.isCollapsed = false;
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-default-notification', GnapDefaultNotificationController);

    GnapDefaultNotificationController.$inject = ['notification'];

    function GnapDefaultNotificationController(notification) {
        var vm = this;

        vm.notify = function () {
            notification.show({
                title: 'This is a default notification',
                text: 'This will fade out after a certain amount of time. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et, nascetur ridiculus mus.'
            });
        };

        vm.remove = function () {
            notification.removeAll();
        };
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-success-notification', GnapSuccessNotificationController);

    GnapSuccessNotificationController.$inject = ['$scope', 'notification'];

    function GnapSuccessNotificationController($scope, notification) {
        $scope.notify = function () {
            notification.show({
                type: 'success',
                title: 'This is a success notification',
                text: 'This will fade out after a certain amount of time. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et, nascetur ridiculus mus.'
            });
        };

        $scope.remove = function () {
            notification.removeAll();
        };
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-error-notification', GnapErrorNotificationController);

    GnapErrorNotificationController.$inject = ['notification'];

    function GnapErrorNotificationController(notification) {
        var vm = this;

        vm.notify = function () {
            notification.show({
                type: 'error',
                title: 'This is an error notification',
                text: 'This will fade out after a certain amount of time. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et, nascetur ridiculus mus.'
            });
        };

        vm.remove = function () {
            notification.removeAll();
        };
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-progress', GnapProgressController);

    GnapProgressController.$inject = ['ngProgressLite'];

    function GnapProgressController(ngProgressLite) {
        var vm = this;

        vm.start = function () {
            ngProgressLite.start();
        };

        vm.set40 = function () {
            ngProgressLite.set(0.4);
        };

        vm.increment = function () {
            ngProgressLite.inc();
        };

        vm.done = function () {
            ngProgressLite.done();
        };
    };
})();

(function () {
    angular
        .module('gnap-example-app')
        .controller('gnap-validation', GnapValidationController);

    GnapValidationController.$inject = ['$q', 'notification'];

    function GnapValidationController($q, notification) {
        var vm = this;

        vm.save = function() {
            notification.show({
                type: 'success',
                title: 'User Saved',
                text: 'The user account was successfully created.'
            });
        };

        vm.validateUsername = function() {
            if (angular.isUndefined(vm.username)) {
                return {
                    unique: true
                };
            }
            
            // simulate remote call
            var uniqueDeferred = $q.defer();
            setTimeout(function() {
                if (vm.username === 'test') {
                    uniqueDeferred.resolve(false);
                } else {
                    uniqueDeferred.resolve(true);
                }
            }, 2500);

            return {
                unique: uniqueDeferred.promise
            };
        };
    }
})();