openproject/frontend/app/init-app.js

// -- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2013 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
//
// See doc/COPYRIGHT.rdoc for more details.
// ++

// Globally exposed dependencies
require('./vendors');

// Styles for global dependencies
require('at.js/jquery.atwho.min.css');
require('select2/select2.css');
require('ui-select/dist/select.min.css');
require('ng-dialog/css/ngDialog.min.css');
require('jquery-ui/themes/base/core.css');
require('jquery-ui/themes/base/datepicker.css');
require('jquery-ui/themes/base/dialog.css');

// Global scripts previously part of the application.js
var requireGlobals = require.context('./globals/', true, /\.ts$/);
requireGlobals.keys().forEach(requireGlobals);

// load I18n, depending on the html element having a 'lang' attribute
var documentLang = (angular.element('html').attr('lang') || 'en').toLowerCase();
require('angular-i18n/angular-locale_' + documentLang + '.js');

var opApp = require('./angular-modules.ts').default;

window.appBasePath = jQuery('meta[name=app_base_path]').attr('content') || '';

const meta = jQuery('meta[name=openproject_initializer]');
I18n.locale = meta.data('defaultLocale');
I18n.locale = meta.data('locale');

opApp
    .config([
      '$compileProvider',
      '$locationProvider',
      '$httpProvider',
      function($compileProvider, $locationProvider, $httpProvider) {

        // Disable debugInfo outside development mode
        $compileProvider.debugInfoEnabled(window.OpenProject.environment === 'development');

        $locationProvider.html5Mode({
          enabled: true,
          requireBase: false
        });

        $httpProvider.defaults.headers.common['X-CSRF-TOKEN'] = jQuery(
            'meta[name=csrf-token]').attr('content');
        $httpProvider.defaults.headers.common['X-Authentication-Scheme'] = 'Session';
        // Add X-Requested-With for request.xhr?
        $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
        // prepend a given base path to requests performed via $http
        //
        $httpProvider.interceptors.push(function($q) {
          return {
            'request': function(config) {
              // OpenProject can run in a subpath e.g. https://mydomain/open_project.
              // We append the path found as the base-tag value to all http requests
              // to the server except:
              //   * when the path is already appended
              //   * when we are getting a template
              if (!config.url.match('(^/templates|\\.html$|^' + window.appBasePath + ')')) {
                config.url = window.appBasePath + config.url;
              }

              return config || $q.when(config);
            }
          };
        });

        // add global event handlers
        angular.element('body').attr('global-drag-and-drop-handler','');
      }
    ])
    .run([
      '$http',
      '$rootScope',
      '$window',
      'TimezoneService',
      'ExpressionService',
      'CacheService',
      'KeyboardShortcutService',
      function($http,
               $rootScope,
               $window,
               TimezoneService,
               ExpressionService,
               CacheService,
               KeyboardShortcutService) {
        $http.defaults.headers.common.Accept = 'application/json';

        // Set the escaping target of opening double curly braces
        // This is what returned by rails-angular-xss when it discoveres double open curly braces
        // See https://github.com/opf/rails-angular-xss for more information.
        $rootScope.DOUBLE_LEFT_CURLY_BRACE = ExpressionService.UNESCAPED_EXPRESSION;

        if ($window.innerWidth < 680) {
          // On mobile sized screens navigation shall allways be callapsed when
          // window loads.
          $rootScope.showNavigation = false
        } else {
          $rootScope.showNavigation =
              $window.sessionStorage.getItem('openproject:navigation-toggle') !==
              'collapsed';
        }

        TimezoneService.setupLocale();
        KeyboardShortcutService.activate();

        // Disable the CacheService for test environment
        if (window.OpenProject.environment === 'test') {
          CacheService.disableCaching();
        }

        $rootScope.$on('$stateChangeError',
            function(event){
              event.preventDefault();
              // transitionTo() promise will be rejected with
              // a 'transition prevented' error
            });
      }
    ]);

require('./helpers');
require('./layout');
require('./models');
require('./services');
require('./ui_components');
require('./work_packages');

// Run the browser detection
require('expose-loader?bowser!bowser');

var requireTemplate = require.context('./templates', true, /\.html$/);
requireTemplate.keys().forEach(requireTemplate);

var requireComponent = require.context('./components/', true, /^((?!\.(test|spec)).)*\.(js|ts|html)$/);
requireComponent.keys().forEach(requireComponent);


const debugOutput = require("./helpers/debug_output");
debugOutput.whenDebugging(function () {
  const reactivestates = require("reactivestates");
  reactivestates.enableReactiveStatesLogging();
});


// load Angular 4 modules
require("./angular4-modules");