cronapp-framework-js 1.0.4 → 1.0.5

package/js/app.js

@@ -20,8 +20,7 @@ var cronappModules = [
   'ui.tinymce',
   'ngCookies',
   'kendo.directives',
-  'sync.service',
-  'cronapp.frontboost'
+  'sync.service'
 ];
 
 if (window.customModules) {
@@ -52,362 +51,294 @@ var customizeRoute = () => {
 var app = (function() {
   customizeRoute();
   return angular.module('MyApp', cronappModules)
-    .constant('LOCALES', {
-      'locales': {
-        'pt_br': 'Portugues (Brasil)',
-        'en_us': 'English'
-      },
-      'preferredLocale': 'pt_br',
-      'urlPrefix': ''
-    })
-    .factory('SessionService', ['$rootScope', '$state', '$location', 'FrontBoostAuthenticationService', function ($rootScope, $state, $location, FrontBoostAuthenticationService) {
-      return {
-        async checkSession($scope) {
-          let response;
-          if (!await FrontBoostAuthenticationService.isAvailable()) {
-            try {
-              response = await $http({
-                method: 'GET',
-                url: window.hostApp + 'me'
-              });
-            } catch (error) {
-              console.error('Error checking session:', error);
-            }
-          } else {
-            try {
-              const info = await FrontBoostAuthenticationService.getSessionInfo();
-              if (info.isLoggedIn) {
-                // Convert the session info to the format expected by handleSuccess
-                response = {
-                  status: 200,
-                  data: {
-                    user: info.profile,
-                    // Include other fields that might be needed by your app
-                    username: info.profile.preferred_username || info.profile.email || info.profile.name,
-                    // The FrontBoost auth service already manages tokens internally
-                    // We only need to create a structure compatible with the expected format
-                    token: info.access_token
-                  }
-                };
-              }
-            } catch (error) {
-              console.error('Error checking session:', error);
-            }
+      .constant('LOCALES', {
+        'locales': {
+          'pt_br': 'Portugues (Brasil)',
+          'en_us': 'English'
+        },
+        'preferredLocale': 'pt_br',
+        'urlPrefix': ''
+      })
+      .config(['$locationProvider', function($locationProvider) {
+        $locationProvider.hashPrefix('');
+      }])
+      .config([
+        '$httpProvider',
+        function($httpProvider) {
+          $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+        }
+      ])
+      .config( [
+        '$compileProvider',
+        function( $compileProvider )
+        {
+          $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|javascript|chrome-extension):/);
+        }
+      ])
+      .config(function($stateProvider, $urlRouterProvider, NotificationProvider) {
+        NotificationProvider.setOptions({
+          delay: 5000,
+          startTop: 20,
+          startRight: 10,
+          verticalSpacing: 20,
+          horizontalSpacing: 20,
+          positionX: 'right',
+          positionY: 'top',
+          templateUrl: 'node_modules/cronapp-framework-js/components/templates/angular-ui-notification.template.html'
+        });
+        window.NotificationProviderOptions = NotificationProvider.options;
+        window.stateProviderDefine.handle($stateProvider);
+
+        // For any unmatched url, redirect to /state1
+        $urlRouterProvider.otherwise("/error/404");
+      })
+      .factory('originPath', ['$location', function($location) {
+        var originPath = {
+          request: function(config) {
+            config.headers['origin-path'] = $location.path();
+            return config;
           }
+        };
+        return originPath;
+      }])
+      .config(
+          ['$logProvider',
+            function ($logProvider) {
+              $logProvider.debugEnabled(false);
+            }]
+      )
+      .config(['$httpProvider', function($httpProvider) {
+        $httpProvider.interceptors.push('originPath');
+      }])
+      .config(function($translateProvider, tmhDynamicLocaleProvider) {
+
+        $translateProvider.uniformLanguageTag('bcp47');
+        $translateProvider.useLoader('customTranslateLoader', {
+          files: [{
+            prefix: 'i18n/locale_',
+            suffix: '.json'
+          },
+            {
+              prefix: 'node_modules/cronapp-framework-js/i18n/locale_',
+              suffix: '.json'
+            },
+            {
+              prefix: 'node_modules/cronapi-js/i18n/locale_',
+              suffix: '.json'
+            }]
+        });
 
-          if (response && response.status == 200) {
-            let data = getRequestData(response);
-            // Store data response on session storage
-            // The local storage will be cleaned when the browser window is closed
-            if (typeof (Storage) !== "undefined") {
-              // save the user data on localStorage
-              localStorage.setItem("_u", JSON.stringify(data));
-              $rootScope.session = JSON.parse(localStorage._u);
-            } else {
-              // Sorry! No Web Storage support.
-              // The home page may not work if it depends
-              // on the logged user data
-            }
+        $translateProvider
+            .registerAvailableLanguageKeys(
+                window.translations.localesKeys,
+                window.translations.localesRef
+            )
+            .determinePreferredLanguage();
 
-            // Redirect to home page
-            let returnUrl = cronapi.screen.getParam('returnUrl');
-            if (returnUrl) {
-              window.location.hash = returnUrl;
-            }
-            else {
-              window.location = $state.href('home', {}, { absolute: true });
-            }
+        var locale = (window.navigator.userLanguage || window.navigator.language).replace('-', '_').toLowerCase();
+        $translateProvider.use(locale);
+        $translateProvider.preferredLanguage(locale);
+        $translateProvider.fallbackLanguage('en_us');
 
-            if ($scope.cronapi) {
-              $scope.cronapi.forceCloseAllModal();
-            }
+        $translateProvider.useSanitizeValueStrategy('escaped');
 
-            // Verify if the 'onLogin' event is defined and it is a function (it can be a string pointing to a non project blockly) and run it.
-            if ($scope.blockly && $scope.blockly.events && $scope.blockly.events.onLogin && $scope.blockly.events.onLogin instanceof Function) {
-              $scope.blockly.events.onLogin();
-            }
-          }
-        }
-      };
-    }])
-    .config(['$locationProvider', function($locationProvider) {
-      $locationProvider.hashPrefix('');
-    }])
-    .config([
-      '$httpProvider',
-      function($httpProvider) {
-        $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-      }
-    ])
-    .config( [
-      '$compileProvider',
-      function( $compileProvider )
-      {
-        $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|javascript|chrome-extension):/);
-      }
-    ])
-    .config(function($stateProvider, $urlRouterProvider, NotificationProvider) {
-      NotificationProvider.setOptions({
-        delay: 5000,
-        startTop: 20,
-        startRight: 10,
-        verticalSpacing: 20,
-        horizontalSpacing: 20,
-        positionX: 'right',
-        positionY: 'top',
-        templateUrl: 'node_modules/cronapp-framework-js/components/templates/angular-ui-notification.template.html'
-      });
-      window.NotificationProviderOptions = NotificationProvider.options;
-      window.stateProviderDefine.handle($stateProvider);
-
-      // For any unmatched url, redirect to /state1
-      $urlRouterProvider.otherwise("/error/404");
-    })
-    .factory('originPath', ['$location', function($location) {
-      var originPath = {
-        request: function(config) {
-          config.headers['origin-path'] = $location.path();
-          return config;
-        }
-      };
-      return originPath;
-    }])
-    .config(
-      ['$logProvider',
-        function ($logProvider) {
-          $logProvider.debugEnabled(true);
-        }]
-    )
-    .config(function($translateProvider, tmhDynamicLocaleProvider) {
-
-      $translateProvider.uniformLanguageTag('bcp47');
-      $translateProvider.useLoader('customTranslateLoader', {
-        files: [{
-          prefix: 'i18n/locale_',
-          suffix: '.json'
-        },
-          {
-            prefix: 'node_modules/cronapp-framework-js/i18n/locale_',
-            suffix: '.json'
-          },
-          {
-            prefix: 'node_modules/cronapi-js/i18n/locale_',
-            suffix: '.json'
-          }]
-      });
+        tmhDynamicLocaleProvider.localeLocationPattern('node_modules/angular-i18n/angular-locale_{{locale}}.js');
 
-      $translateProvider
-        .registerAvailableLanguageKeys(
-          window.translations.localesKeys,
-          window.translations.localesRef
-        )
-        .determinePreferredLanguage();
-
-      var locale = (window.navigator.userLanguage || window.navigator.language).replace('-', '_').toLowerCase();
-      $translateProvider.use(locale);
-      $translateProvider.preferredLanguage(locale);
-      $translateProvider.fallbackLanguage('en_us');
-
-      $translateProvider.useSanitizeValueStrategy('escaped');
-
-      tmhDynamicLocaleProvider.localeLocationPattern('node_modules/angular-i18n/angular-locale_{{locale}}.js');
-
-      if (moment)
-        moment.locale(locale);
-    })
-    .config(function($sceProvider) {
-      $sceProvider.enabled(false);
-    })
-
-    .directive('crnValue', ['$parse', function($parse) {
-      return {
-        restrict: 'A',
-        require: '^ngModel',
-        link: function(scope, element, attr, ngModelCtrl) {
-          var evaluatedValue;
-          if (attr.value) {
-            evaluatedValue = attr.value;
-          } else {
-            evaluatedValue = $parse(attr.crnValue)(scope);
-          }
+        if (moment)
+          moment.locale(locale);
+      })
+      .config(function($sceProvider) {
+        $sceProvider.enabled(false);
+      })
 
-          element.attr("data-evaluated", JSON.stringify(evaluatedValue));
-          element.bind("click", function(event) {
-            scope.$apply(function() {
-              ngModelCtrl.$setViewValue(evaluatedValue);
-              $(element).data('changed', true);
-            }.bind(element));
-          });
+      .directive('crnValue', ['$parse', function($parse) {
+        return {
+          restrict: 'A',
+          require: '^ngModel',
+          link: function(scope, element, attr, ngModelCtrl) {
+            var evaluatedValue;
+            if (attr.value) {
+              evaluatedValue = attr.value;
+            } else {
+              evaluatedValue = $parse(attr.crnValue)(scope);
+            }
 
-          scope.$watch(function(){return ngModelCtrl.$modelValue}, function(value, old){
-            if (value !== old) {
-              var dataEvaluated = element.attr("data-evaluated");
-              var changed = $(element).data('changed');
-              $(element).data('changed', false);
-              if (!changed) {
-                if (value && JSON.stringify(''+value) === dataEvaluated) {
-                  $(element)[0].checked = true
-                } else {
-                  $(element)[0].checked = false;
+            element.attr("data-evaluated", JSON.stringify(evaluatedValue));
+            element.bind("click", function(event) {
+              scope.$apply(function() {
+                ngModelCtrl.$setViewValue(evaluatedValue);
+                $(element).data('changed', true);
+              }.bind(element));
+            });
+
+            scope.$watch(function(){return ngModelCtrl.$modelValue}, function(value, old){
+              if (value !== old) {
+                var dataEvaluated = element.attr("data-evaluated");
+                var changed = $(element).data('changed');
+                $(element).data('changed', false);
+                if (!changed) {
+                  if (value && JSON.stringify(''+value) === dataEvaluated) {
+                    $(element)[0].checked = true
+                  } else {
+                    $(element)[0].checked = false;
+                  }
                 }
               }
-            }
-          });
-        }
-      };
-    }])
-
-    .decorator("$xhrFactory", [
-      "$delegate", "$injector",
-      function($delegate, $injector) {
-        return function(method, url) {
-          var xhr = $delegate(method, url);
-          var $http = $injector.get("$http");
-          var callConfig = $http.pendingRequests[$http.pendingRequests.length - 1];
-          if (angular.isFunction(callConfig.onProgress))
-            xhr.upload.addEventListener("progress",callConfig.onProgress);
-          return xhr;
+            });
+          }
         };
-      }
-    ])
-    // General controller
-    .controller('PageController', function($controller, $scope, $stateParams, $location, $http, $rootScope, $translate, Notification, UploadService, $timeout, $state, ReportService, DashboardService, FrontBoostCommandService, $log) {
-      // save state params into scope
-      $scope.params = $stateParams;
-      $scope.$http = $http;
-      $scope.Notification = Notification;
-      $scope.UploadService = UploadService;
-      $scope.$state = $state;
-
-      app.registerEventsCronapi($scope, $translate, $location);
-      app.registerFrontBoostFunctions($scope, FrontBoostCommandService, $log);
-
-      $("form").kendoValidator({
-        errorTemplate: '<span class="k-widget k-tooltip-validation k-x-invalid-msg-block">#=message#</span>',
-        messages:{
-          required: ''
+      }])
+
+      .decorator("$xhrFactory", [
+        "$delegate", "$injector",
+        function($delegate, $injector) {
+          return function(method, url) {
+            var xhr = $delegate(method, url);
+            var $http = $injector.get("$http");
+            var callConfig = $http.pendingRequests[$http.pendingRequests.length - 1];
+            if (angular.isFunction(callConfig.onProgress))
+              xhr.upload.addEventListener("progress",callConfig.onProgress);
+            return xhr;
+          };
         }
-      });
+      ])
+      // General controller
+      .controller('PageController', function($controller, $scope, $stateParams, $location, $http, $rootScope, $translate, Notification, UploadService, $timeout, $state, ReportService, DashboardService) {
+        // save state params into scope
+        $scope.params = $stateParams;
+        $scope.$http = $http;
+        $scope.Notification = Notification;
+        $scope.UploadService = UploadService;
+        $scope.$state = $state;
+
+        app.registerEventsCronapi($scope, $translate, $location);
+
+        $("form").kendoValidator({
+            errorTemplate: '<span class="k-widget k-tooltip-validation k-x-invalid-msg-block">#=message#</span>',
+            messages:{
+                required: ''
+            }
+        });
 
-      $rootScope.getReport = function(reportName, params, config) {
-        ReportService.openReport(reportName, params, config);
-      };
+        $rootScope.getReport = function(reportName, params, config) {
+          ReportService.openReport(reportName, params, config);
+        };
 
-      $rootScope.getDashboard = function(dashboardName, params, config) {
-        DashboardService.openDashboard(dashboardName, params, config);
-      };
+        $rootScope.getDashboard = function(dashboardName, params, config) {
+          DashboardService.openDashboard(dashboardName, params, config);
+        };
 
-      // Query string params
-      var queryStringParams = $location.search();
-      for (var key in queryStringParams) {
-        if (queryStringParams.hasOwnProperty(key)) {
-          $scope.params[key] = queryStringParams[key];
+        // Query string params
+        var queryStringParams = $location.search();
+        for (var key in queryStringParams) {
+          if (queryStringParams.hasOwnProperty(key)) {
+            $scope.params[key] = queryStringParams[key];
+          }
         }
-      }
-
-      try {
-        var contextAfterPageController = $controller('AfterPageController', { $scope: $scope });
-        app.copyContext(contextAfterPageController, this, 'AfterPageController');
-      } catch(e) {}
 
-      $timeout(function () {
-        // Verify if the 'afterPageRender' event is defined and it is a function (it can be a string pointing to a non project blockly) and run it.
-        if ($scope.blockly && $scope.blockly.events && $scope.blockly.events.afterPageRender && $scope.blockly.events.afterPageRender instanceof Function) {
-          $scope.blockly.events.afterPageRender();
-        }
-      });
+        try {
+          var contextAfterPageController = $controller('AfterPageController', { $scope: $scope });
+          app.copyContext(contextAfterPageController, this, 'AfterPageController');
+        } catch(e) {}
 
-    })
-    .run(function($rootScope, $state, $stateParams, $timeout, $transitions, FrontBoostAuthenticationService) {
-      // It's very handy to add references to $state and $stateParams to the $rootScope
-      // so that you can access them from any scope within your applications.For example,
-      // <li ng-class="{ active: $state.includes('contacts.list') }"> will set the <li>
-      // to active whenever 'contacts.list' or one of its decendents is active.
-      FrontBoostAuthenticationService.init();
-
-      $rootScope.$state = $state;
-      $rootScope.$stateParams = $stateParams;
-
-      const $stateChangeError = function(error) {
-        if (error) {
-          const errorMessage = error.toString();
-          if (error.type === 6 && error.detail?.config?.url?.includes("=_.view.html") ) {
-            $state.go('login');
-          }
-          else if (errorMessage.includes('=404')) {
-            $state.go('404');
+        $timeout(function () {
+          // Verify if the 'afterPageRender' event is defined and it is a function (it can be a string pointing to a non project blockly) and run it.
+          if ($scope.blockly && $scope.blockly.events && $scope.blockly.events.afterPageRender && $scope.blockly.events.afterPageRender instanceof Function) {
+            $scope.blockly.events.afterPageRender();
           }
-          else if (errorMessage.includes('=403')) {
-            $state.go('403');
-          }
-          else if (errorMessage.includes('=401')) {
-            localStorage.removeItem('_u');
-            $state.go('loginReturnUrl', { "returnUrl" : window.location.hash });
+        });
+
+      })
+
+      .run(function($rootScope, $state, $stateParams, $timeout, $transitions) {
+        // It's very handy to add references to $state and $stateParams to the $rootScope
+        // so that you can access them from any scope within your applications.For example,
+        // <li ng-class="{ active: $state.includes('contacts.list') }"> will set the <li>
+        // to active whenever 'contacts.list' or one of its decendents is active.
+        $rootScope.$state = $state;
+        $rootScope.$stateParams = $stateParams;
+
+        const $stateChangeError = function(error) {
+          if (error) {
+            const errorMessage = error.toString();
+            if (error.type === 6 && error.detail.config.url.includes("=_.view.html") ) {
+              $state.go('login');
+            }
+            else if (errorMessage.includes('=404')) {
+              $state.go('404');
+            }
+            else if (errorMessage.includes('=403')) {
+              $state.go('403');
+            }
+            else if (errorMessage.includes('=401')) {
+              localStorage.removeItem('_u');
+              $state.go('loginReturnUrl', { "returnUrl" : window.location.hash });
+            } else {
+              $state.go('404');
+            }
           } else {
             $state.go('404');
           }
-        } else {
-          $state.go('404');
-        }
-      };
+        };
 
-      const $stateChangeSuccess = function(currentRoute) {
-        $timeout(() => {
-          let systemName = $('#projectName').length ? $('#projectName').val() : $('h1:first').length && $('h1:first').text().trim().length ? $('h1:first').text().trim() : '';
+        const $stateChangeSuccess = function(currentRoute) {
+          $timeout(() => {
+            let systemName = $('#projectName').length ? $('#projectName').val() : $('h1:first').length && $('h1:first').text().trim().length ? $('h1:first').text().trim() : '';
 
-          const urlPattern = /\/(?:.(?!\/))+$/gm;
-          let currentWindow = window.location.hash;
-          let pageName;
+            const urlPattern = /\/(?:.(?!\/))+$/gm;
+            let currentWindow = window.location.hash;
+            let pageName;
 
-          if ((m = urlPattern.exec(currentWindow)) !== null) {
-            m.forEach(match => pageName = match);
-          } else {
-            pageName = currentRoute.name
-          }
+            if ((m = urlPattern.exec(currentWindow)) !== null) {
+              m.forEach(match => pageName = match);
+            } else {
+              pageName = currentRoute.name
+            }
 
-          let isCrud = $('form[crn-datasource]').length;
-          let prettyPageName = window.camelCaseToSentenceCase(window.toCamelCase(pageName.split('?')[0].replace("/", "")));
-          // Get the H1 or H2 text to concat with the App name to set the title page
-          if (isCrud) {
-            if ($('h1.title').length){
-              prettyPageName = $('h1.title').text();
-            } else if ($('h2.title').length){
-              prettyPageName = $('h2.title').text();
+            let isCrud = $('form[crn-datasource]').length;
+            let prettyPageName = window.camelCaseToSentenceCase(window.toCamelCase(pageName.split('?')[0].replace("/", "")));
+            // Get the H1 or H2 text to concat with the App name to set the title page
+            if (isCrud) {
+              if ($('h1.title').length){
+                prettyPageName = $('h1.title').text();
+              } else if ($('h2.title').length){
+                prettyPageName = $('h2.title').text();
+              }
             }
-          }
 
-          let title = '';
+            let title = '';
 
-          title = prettyPageName + (systemName.length ? ' - ' + systemName : ''  );
+            title = prettyPageName + (systemName.length ? ' - ' + systemName : ''  );
 
-          $rootScope.viewTitle = title || currentRoute.name;
-          $rootScope.viewTitleOnly = prettyPageName || currentRoute.name;
-          $rootScope.systemName = systemName;
-          let $mainLinks = $('.main-nav-link');
-          if ($mainLinks && $mainLinks.length && $($('.main-nav-link').get(0)).is(":visible")) {
-            $(".main-access").focus();
-            // $($('.main-nav-link').get(0)).focus();
-            // $($('.main-nav-link').get(0)).blur();
-          } else {
-            let $inputsMain = $('[role=main]').find('input');
-            if ($inputsMain && $inputsMain.length) {
-              let cantFocus = ['date', 'datetime', 'time'];
-              let $firstInput = $($inputsMain[0]);
-              if ( !cantFocus.includes($firstInput.data('type')) ) {
-                $firstInput.focus();
+            $rootScope.viewTitle = title || currentRoute.name;
+            $rootScope.viewTitleOnly = prettyPageName || currentRoute.name;
+            $rootScope.systemName = systemName;
+            let $mainLinks = $('.main-nav-link');
+            if ($mainLinks && $mainLinks.length && $($('.main-nav-link').get(0)).is(":visible")) {
+              $(".main-access").focus();
+              // $($('.main-nav-link').get(0)).focus();
+              // $($('.main-nav-link').get(0)).blur();
+            } else {
+              let $inputsMain = $('[role=main]').find('input');
+              if ($inputsMain && $inputsMain.length) {
+                let cantFocus = ['date', 'datetime', 'time'];
+                let $firstInput = $($inputsMain[0]);
+                if ( !cantFocus.includes($firstInput.data('type')) ) {
+                  $firstInput.focus();
+                }
               }
             }
-          }
 
-          $rootScope.renderFinished = true;
-          registerComponentScripts();
-        });
-      };
+            $rootScope.renderFinished = true;
+            registerComponentScripts();
+          });
+        };
 
-      $transitions.onSuccess({}, (transition) => $stateChangeSuccess(transition.to()));
-      $state.defaultErrorHandler(error =>  $stateChangeError(error));
-    })
+        $transitions.onSuccess({}, (transition) => $stateChangeSuccess(transition.to()));
+        $state.defaultErrorHandler(error =>  $stateChangeError(error));
+      })
     .config(function($httpProvider) {
+      $httpProvider.defaults.withCredentials = true;
       // Create an interceptor to handle CSRF tokens (consistent with other implementations)
       $httpProvider.interceptors.push(function() {
         return {
@@ -473,11 +404,11 @@ app.registerEventsCronapi = function($scope, $translate, $location) {
   $scope.params = {};
 
   let makeCopy = (from, to) => {
-    for (let key in from) {
-      if (from.hasOwnProperty(key)) {
-        to[key] = from[key];
+      for (let key in from) {
+          if (from.hasOwnProperty(key)) {
+              to[key] = from[key];
+          }
       }
-    }
   };
   makeCopy($stateParams, $scope.params);
   makeCopy(queryStringParams, $scope.params);
@@ -513,47 +444,6 @@ app.registerEventsCronapi = function($scope, $translate, $location) {
   }
 };
 
-app.registerFrontBoostFunctions = function ($scope, FrontBoostCommandService, $log) {
-  $scope.handleFrontBoostCommand = async function (encodedPayload) {
-    try {
-      const decodedPayload = atob(encodedPayload);
-      const payload = JSON.parse(decodedPayload);
-
-      if (payload && payload.actions) {
-        // Create the context. This object will be mutated by each command in the sequence.
-        const context = {
-          vars: $scope.vars,
-          params: $scope.params,
-        };
-
-        // Execute commands sequentially.
-        for (const rawAction of payload.actions) {
-          if (rawAction && rawAction.command) {
-            try {
-              await FrontBoostCommandService.handleCommand($scope, rawAction.command, context);
-            } catch (error) {
-              $log.error('Error processing FrontBoost command:', error);
-              break;
-            }
-          } else {
-            $log.warn('Skipping invalid command object in payload:', rawAction);
-          }
-        }
-
-        // Safely apply the mutated context back to the scope.
-        $scope.$evalAsync(() => {
-          $scope.params = context.params;
-          $scope.vars = context.vars;
-        });
-      } else {
-        $log.error('Invalid command structure: missing commands property');
-      }
-    } catch (error) {
-      $log.error('Error processing FrontBoost command:', error);
-    }
-  }
-};
-
 app.copyContext = function(fromContext, toContext, controllerName) {
   if (fromContext) {
     for (var item in fromContext) {
@@ -605,8 +495,8 @@ app.factory('customTranslateLoader', function ($http, $q) {
     };
 
     var deferred = $q.defer(),
-      promises = [],
-      length = options.files.length;
+        promises = [],
+        length = options.files.length;
 
     for (var i = 0; i < length; i++) {
       promises.push(load({
@@ -618,7 +508,7 @@ app.factory('customTranslateLoader', function ($http, $q) {
 
     $q.all(promises).then(function (data) {
       var length = data.length,
-        mergedData = {};
+          mergedData = {};
 
       for (var i = 0; i < length; i++) {
         for (var key in data[i]) {
@@ -638,7 +528,7 @@ app.factory('customTranslateLoader', function ($http, $q) {
 });
 
 window.safeApply = function(fn) {
-  var phase = this.$root?.$$phase;
+  var phase = this.$root.$$phase;
   if (phase === '$apply' || phase === '$digest') {
     if (fn && (typeof(fn) === 'function')) {
       fn();
@@ -652,15 +542,15 @@ window.toCamelCase = function(str) {
   if (str !== null) {
     // Lower cases the string
     return str.toLowerCase()
-      // Replaces any - or _ or . characters with a space
-      .replace( /[-_\.]+/g, ' ')
-      // Removes any non alphanumeric characters
-      .replace( /[^\w\s]/g, '')
-      // Uppercases the first character in each group immediately following a space
-      // (delimited by spaces)
-      .replace( / (.)/g, function($1) { return $1.toUpperCase(); })
-      // Removes spaces
-      .replace( / /g, '' );
+    // Replaces any - or _ or . characters with a space
+        .replace( /[-_\.]+/g, ' ')
+        // Removes any non alphanumeric characters
+        .replace( /[^\w\s]/g, '')
+        // Uppercases the first character in each group immediately following a space
+        // (delimited by spaces)
+        .replace( / (.)/g, function($1) { return $1.toUpperCase(); })
+        // Removes spaces
+        .replace( / /g, '' );
   }
   return str;
 };