/* eslint-disable
    camelcase,
    max-len,
    no-useless-escape,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
 * decaffeinate suggestions:
 * DS101: Remove unnecessary use of Array.from
 * DS102: Remove unnecessary code created because of implicit returns
 * DS103: Rewrite code to no longer use __guard__
 * DS207: Consider shorter variations of null checks
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
 */

import './utils/webpack-public-path'
import './libraries'
import './infrastructure/error-reporter'
import './modules/recursionHelper'
import './modules/errorCatcher'
import './modules/localStorage'
import './modules/sessionStorage'
import getMeta from './utils/meta'

const App = angular
  .module('OverleafApp', [
    'ui.bootstrap',
    'RecursionHelper',
    'ngSanitize',
    'ErrorCatcher',
    'localStorage',
    'sessionStorage',
    'ui.select',
  ])
  .config([
    '$qProvider',
    'uiSelectConfig',
    function ($qProvider, uiSelectConfig) {
      $qProvider.errorOnUnhandledRejections(false)
      uiSelectConfig.spinnerClass = 'fa fa-refresh ui-select-spin'
    },
  ])

App.run([
  '$rootScope',
  '$templateCache',
  function ($rootScope, $templateCache) {
    $rootScope.usersEmail = getMeta('ol-usersEmail')

    // UI Select templates are hard-coded and use Glyphicon icons (which we don't import).
    // The line below simply overrides the hard-coded template with our own, which is
    // basically the same but using Font Awesome icons.
    $templateCache.put(
      'bootstrap/match.tpl.html',
      '<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{\'btn-default-focus\':$select.focus}"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="{{ $select.baseTitle }} activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted">{{$select.placeholder}}</span> <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left" ng-class="{\'ui-select-allow-clear\': $select.allowClear && !$select.isEmpty()}" ng-transclude=""></span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i> <a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="{{ $select.baseTitle }} clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right"><i class="fa fa-times" aria-hidden="true"></i></a></span></div>'
    )
  },
])

export default App