cloudron-box/src/js/main.js

'use strict';

angular.module('Application').controller('MainController', ['$scope', '$route', '$timeout', '$location', 'Client', 'AppStore', function ($scope, $route, $timeout, $location, Client, AppStore) {
    $scope.initialized = false;
    $scope.user = Client.getUserInfo();
    $scope.installedApps = Client.getInstalledApps();
    $scope.config = {};
    $scope.status = {};
    $scope.client = Client;
    $scope.appstoreConfig = {};
    $scope.subscription = {};
    $scope.ready = false;

    $scope.hideNavBarActions = $location.path() === '/logs';

    $scope.isActive = function (url) {
        if (!$route.current) return false;
        return $route.current.$$route.originalPath.indexOf(url) === 0;
    };

    $scope.logout = function (event) {
        event.stopPropagation();
        $scope.initialized = false;
        Client.logout();
    };

    $scope.error = function (error) {
        console.error(error);
        window.location.href = '/error.html';
    };

    $scope.waitingForPlanSelection = false;
    $('#setupSubscriptionModal').on('hide.bs.modal', function () {
        $scope.waitingForPlanSelection = false;

        // check for updates to stay in sync
        Client.checkForUpdates(function (error) {
            if (error) return console.error(error);

            Client.refreshConfig();
        });
    });

    $scope.waitForPlanSelection = function () {
        if ($scope.waitingForPlanSelection) return;

        $scope.waitingForPlanSelection = true;

        function checkPlan() {
            if (!$scope.waitingForPlanSelection) return;

            AppStore.getSubscription($scope.appstoreConfig, function (error, result) {
                if (error) return console.error(error);

                // check again to give more immediate feedback once a subscription was setup
                if (result.plan.id === 'free') {
                    $timeout(checkPlan, 5000);
                } else {
                    $scope.waitingForPlanSelection = false;
                    $('#setupSubscriptionModal').modal('hide');
                    if ($scope.config.update && $scope.config.update.box) $('#updateModal').modal('show');
                }
            });
        }

        checkPlan();
    };

    $scope.showSubscriptionModal = function () {
        $('#setupSubscriptionModal').modal('show');
    };

    function runConfigurationChecks() {
        // warn user if dns config is not working (the 'configuring' flag detects if configureWebadmin is 'active')
        if (!$scope.status.webadminStatus.configuring && !$scope.status.webadminStatus.dns) {
            var dnsActionScope = $scope.$new(true);
            dnsActionScope.action = '/#/domains';
            Client.notify('Invalid Domain Config', 'Unable to update DNS. Click here to update it.', true, 'error', dnsActionScope);
        }

        if ($scope.config.update && $scope.config.update.box) {
            var updateActionScope = $scope.$new(true);
            updateActionScope.action = '/#/settings';
            Client.notify('Update Available', 'Update now to version ' + $scope.config.update.box.version + '.', true, 'success', updateActionScope);
        }

        Client.getBackupConfig(function (error, backupConfig) {
            if (error) return console.error(error);

            if (backupConfig.provider === 'noop') {
                var actionScope = $scope.$new(true);
                actionScope.action = '/#/settings';

                Client.notify('Backup Configuration', 'Cloudron backups are disabled. Ensure the server is backed up using alternate means.', false, 'info', actionScope);
            }
        });
    }

    $scope.fetchAppstoreProfileAndSubscription = function (callback) {
        Client.getAppstoreConfig(function (error, appstoreConfig) {
            if (error) return callback(error);
            if (!appstoreConfig.token) return callback();

            AppStore.getProfile(appstoreConfig.token, function (error, result) {
                if (error) return callback(error);

                // assign late to avoid UI flicketing on update
                appstoreConfig.profile = result;
                $scope.appstoreConfig = appstoreConfig;

                AppStore.getSubscription($scope.appstoreConfig, function (error, result) {
                    if (error) return callback(error);

                    $scope.subscription = result;

                    callback();
                });
            });
        });
    };

    Client.getStatus(function (error, status) {
        if (error) return $scope.error(error);

        // WARNING if anything about the routing is changed here test these use-cases:
        //
        // 1. Caas
        // 2. selfhosted with --domain argument
        // 3. selfhosted restore
        // 4. local development with gulp develop

        if (!status.activated) {
            console.log('Not activated yet, redirecting', status);
            window.location.href = status.adminFqdn ? '/setup.html' : '/setupdns.html';
            return;
        }

        // support local development with localhost check
        if (window.location.hostname !== status.adminFqdn && window.location.hostname !== 'localhost') {
            // user is accessing by IP or by the old admin location (pre-migration)
            window.location.href = '/setupdns.html';
            return;
        }

        $scope.status = status;

        // check version and force reload if needed
        if (!localStorage.version) {
            localStorage.version = status.version;
        } else if (localStorage.version !== status.version) {
            localStorage.version = status.version;
            window.location.reload(true);
        }

        console.log('Running dashboard version ', localStorage.version);

        // get user profile as the first thing. this populates the "scope" and affects subsequent API calls
        Client.refreshUserInfo(function (error) {
            if (error) return $scope.error(error);

            Client.refreshConfig(function (error) {
                if (error) return $scope.error(error);

                Client.refreshInstalledApps(function (error) {
                    if (error) return $scope.error(error);

                    // now mark the Client to be ready
                    Client.setReady();

                    $scope.config = Client.getConfig();

                    $scope.initialized = true;

                    if ($scope.user.admin) {
                        runConfigurationChecks();

                        $scope.fetchAppstoreProfileAndSubscription(function (error) {
                            if (error) console.error(error);

                            $scope.ready = true;
                        });
                    }
                });
            });
        });
    });

    Client.onConfig(function (config) {
        // check if we are actually updating
        if (config.progress.update && config.progress.update.percent !== -1) {
            window.location.href = '/update.html';
        }

        if (config.cloudronName) {
            document.title = config.cloudronName;
        }
    });

    // setup all the dialog focus handling
    ['updateModal'].forEach(function (id) {
        $('#' + id).on('shown.bs.modal', function () {
            $(this).find("[autofocus]:first").focus();
        });
    });
}]);