openproject/frontend/app/init-app.ts

// -- 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.
// ++

import ExpressionService from 'core-components/common/xss/expression.service';

// Require vendors for global exposes. DLL handles the extraction
// into a separate bundle
require('./vendors');

// Styles for global dependencies
require('at.js/dist/css/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();
try {
  require('angular-i18n/angular-locale_' + documentLang + '.js');
}
catch(e) {
  require('angular-i18n/angular-locale_en.js');
}

import {openprojectModule} from './angular-modules';
import {whenDebugging} from 'core-app/helpers/debug_output';
import {enableReactiveStatesLogging} from 'reactivestates';
import {TimezoneService} from 'core-components/datetime/timezone.service';

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');

openprojectModule
    .config([
      '$compileProvider',
      '$locationProvider',
      '$httpProvider',
      function($compileProvider:any, $locationProvider:any, $httpProvider:any) {

        // 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:ng.IQService) {
          return {
            'request': function(config:any) {
              // 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 as string);
              }

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

        // add global event handlers
        angular.element('body').attr('global-drag-and-drop-handler','');
      }
    ])
    .run([
      '$rootScope',
      '$window',
      'ExpressionService',
      'KeyboardShortcutService',
      function($rootScope:any,
               $window:ng.IWindowService,
               ExpressionService:ExpressionService,
               KeyboardShortcutService:any) {

        // 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';
        }

        KeyboardShortcutService.activate();

        angular.element('body').addClass('__ng-bootstrap-has-run');

        $rootScope.$on('$stateChangeError',
            function(event:JQueryEventObject){
              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);

// Enable debug logging for reactive states
whenDebugging(enableReactiveStatesLogging);