cronapp-framework-js 1.0.5 → 1.0.10

package/js/app.js

@@ -20,7 +20,8 @@ var cronappModules = [
   'ui.tinymce',
   'ngCookies',
   'kendo.directives',
-  'sync.service'
+  'sync.service',
+  'cronapp.frontboost'
 ];
 
 if (window.customModules) {
@@ -51,294 +52,362 @@ 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': ''
-      })
-      .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;
+    .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);
+            }
           }
-        };
-        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'
-            }]
-        });
 
-        $translateProvider
-            .registerAvailableLanguageKeys(
-                window.translations.localesKeys,
-                window.translations.localesRef
-            )
-            .determinePreferredLanguage();
+          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
+            }
 
-        var locale = (window.navigator.userLanguage || window.navigator.language).replace('-', '_').toLowerCase();
-        $translateProvider.use(locale);
-        $translateProvider.preferredLanguage(locale);
-        $translateProvider.fallbackLanguage('en_us');
+            // Redirect to home page
+            let returnUrl = cronapi.screen.getParam('returnUrl');
+            if (returnUrl) {
+              window.location.hash = returnUrl;
+            }
+            else {
+              window.location = $state.href('home', {}, { absolute: true });
+            }
 
-        $translateProvider.useSanitizeValueStrategy('escaped');
+            if ($scope.cronapi) {
+              $scope.cronapi.forceCloseAllModal();
+            }
 
-        tmhDynamicLocaleProvider.localeLocationPattern('node_modules/angular-i18n/angular-locale_{{locale}}.js');
+            // 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'
+          }]
+      });
 
-        if (moment)
-          moment.locale(locale);
-      })
-      .config(function($sceProvider) {
-        $sceProvider.enabled(false);
-      })
+      $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);
+          }
 
-      .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);
-            }
+          element.attr("data-evaluated", JSON.stringify(evaluatedValue));
+          element.bind("click", function(event) {
+            scope.$apply(function() {
+              ngModelCtrl.$setViewValue(evaluatedValue);
+              $(element).data('changed', true);
+            }.bind(element));
+          });
 
-            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;
-                  }
+          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;
         };
-      }])
-
-      .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: ''
         }
-      ])
-      // 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) {}
+      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();
-          }
-        });
+      $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();
+        }
+      });
 
-      })
-
-      .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');
-            }
+    })
+    .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');
+          }
+          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');
+        }
+      };
 
-        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 {
@@ -404,11 +473,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);
@@ -444,6 +513,47 @@ 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) {
@@ -495,8 +605,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({
@@ -508,7 +618,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]) {
@@ -528,7 +638,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();
@@ -542,15 +652,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;
 };