xen-orchestra/app/app.js

// Must be loaded before angular.
import 'angular-file-upload';

import angular from 'angular';
import uiBootstrap from'angular-ui-bootstrap';
import uiIndeterminate from'angular-ui-indeterminate';
import uiRouter from'angular-ui-router';
import uiSelect from'angular-ui-select';

import naturalSort from 'angular-natural-sort';
import xeditable from 'angular-xeditable';

import xoDirectives from 'xo-directives';
import xoFilters from 'xo-filters';
import xoServices from 'xo-services';

import aboutState from './modules/about';
import consoleState from './modules/console';
import deleteVmsState from './modules/delete-vms';
import genericModalState from './modules/generic-modal';
import hostState from './modules/host';
import listState from './modules/list';
import loginState from './modules/login';
import navbarState from './modules/navbar';
import newSrState from './modules/new-sr';
import newVmState from './modules/new-vm';
import poolState from './modules/pool';
import settingsState from './modules/settings';
import srState from './modules/sr';
import treeState from './modules/tree';
import updater from './modules/updater'
import vmState from './modules/vm';
import isoDevice from './modules/iso-device';

import '../dist/bower_components/angular-chart.js/dist/angular-chart.js';

//====================================================================

export default angular.module('xoWebApp', [
  uiBootstrap,
  uiIndeterminate,
  uiRouter,
  uiSelect,

  naturalSort,
  xeditable,

  xoDirectives,
  xoFilters,
  xoServices,

  aboutState,
  consoleState,
  deleteVmsState,
  genericModalState,
  hostState,
  listState,
  loginState,
  navbarState,
  newSrState,
  newVmState,
  poolState,
  settingsState,
  srState,
  treeState,
  updater,
  vmState,
  isoDevice,
  'chart.js'
])

  // Prevent Angular.js from mangling exception stack (interfere with
  // source maps).
  .factory('$exceptionHandler', () => function (exception) {
    throw exception;
  })

  .config(function (
    $compileProvider,
    $stateProvider,
    $urlRouterProvider,
    $tooltipProvider,
    uiSelectConfig
  ) {
    // Disable debug data to improve performance.
    //
    // In case of a bug, simply use `angular.reloadWithDebugInfo()` in
    // the console.
    //
    // See https://docs.angularjs.org/guide/production
    $compileProvider.debugInfoEnabled(false);

    // Redirect to default state.
    $stateProvider.state('index', {
      url: '/',
      controller: function ($state, xoApi) {
        let isAdmin = xoApi.user && (xoApi.user.permission === 'admin');

        $state.go(isAdmin ? 'tree' : 'list');
      },
    });

    // Redirects unmatched URLs to `/`.
    $urlRouterProvider.otherwise('/');

    // Changes the default settings for the tooltips.
    $tooltipProvider.options({
      appendToBody: true,
      placement: 'bottom',
    });

    uiSelectConfig.theme = 'bootstrap';
    uiSelectConfig.resetSearchInput = true;
  })
  .run(function (
    $anchorScroll,
    $rootScope,
    $state,
    editableOptions,
    editableThemes,
    notify,
    updater,
    xoApi,
    xo
  ) {
    $rootScope.$on('$stateChangeStart', function (event, state, stateParams) {
      let {user} = xoApi;
      let loggedIn = !!user;

      if (state.name === 'login') {
        if (loggedIn) {
          event.preventDefault();
          $state.go('index');
        }

        return;
      }

      if (!loggedIn) {
        event.preventDefault();

        // FIXME: find a better way to pass info to the login controller.
        $rootScope._login = { state, stateParams };

        $state.go('login');
        return;
      }

      if (user.permission === 'admin') {
        return;
      }

      // The user must have the `admin` permission to access the
      // settings pages.
      if (/^settings\..*|tree$/.test(state.name)) {
        event.preventDefault();
        notify.error({
          title: 'Restricted area',
          message: 'You do not have the permission to view this page',
        });
      }

      let {id} = stateParams;
      if (id && !xo.canAccess(id)) {
        event.preventDefault();
        notify.error({
          title: 'Restricted area',
          message: 'You do not have the permission to view this page',
        });
      }
    });

    // Work around UI Router bug (https://github.com/angular-ui/ui-router/issues/1509)
    $rootScope.$on('$stateChangeSuccess', function () {
      $anchorScroll();
    });

    updater.start()

    editableThemes.bs3.inputClass = 'input-sm';
    editableThemes.bs3.buttonsClass = 'btn-sm';
    editableOptions.theme = 'bs3';
  })

  .name
;