cloudron-box/src/js/main.js

'use strict';

/* global angular:false */
/* global $:false */

angular.module('Application').controller('MainController', ['$scope', '$route', '$timeout', '$location', 'Client', 'AppStore', function ($scope, $route, $timeout, $location, Client, AppStore) {
    $scope.initialized = false; // used to animate the UI
    $scope.user = Client.getUserInfo();
    $scope.installedApps = Client.getInstalledApps();
    $scope.config = {};
    $scope.status = {};
    $scope.client = Client;
    $scope.subscription = {};
    $scope.notifications = [];

    $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;

            Client.getSubscription(function (error, subscription) {
                if (error) return console.error(error);

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

        checkPlan();
    };

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

    function refreshNotifications() {
        Client.getNotifications(false, 1, 20, function (error, results) {
            if (error) console.error(error);
            else $scope.notifications = results;

            $timeout(refreshNotifications, 10000);
        });
    }

    // NOTE: this function is exported and called from the settings.js
    $scope.updateSubscriptionStatus = function () {
        Client.getSubscription(function (error, subscription) {
            if (error) console.error(error);

            $scope.subscription = subscription;
        });
    };

    // update state of acknowledged notification
    $scope.notificationAcknowledged = function (notificationId) {
        // remove notification from list
        $scope.notifications = $scope.notifications.filter(function (n) { return n.id !== notificationId; });
    };

    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
        // 3. selfhosted restore
        // 4. local development with gulp develop

        if (!status.activated) {
            console.log('Not activated yet, redirecting', status);
            if (status.restore.active || status.restore.errorMessage) { // show the error message in restore page
                window.location.href = '/restore.html';
            } else {
                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;

                    refreshNotifications();

                    if (!$scope.config.managed) {
                        $scope.updateSubscriptionStatus();
                    }
                });
            });
        });
    });

    Client.onConfig(function (config) {
        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();
        });
    });
}]);