fab-manager/app/assets/javascripts/controllers/application.js.erb

/* eslint-disable
    handle-callback-err,
    no-return-assign,
    no-undef,
    standard/no-callback-literal,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
 * decaffeinate suggestions:
 * DS102: Remove unnecessary code created because of implicit returns
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
 */

Application.Controllers.controller('ApplicationController', ['$rootScope', '$scope', '$window', '$locale', 'Session', 'AuthService', 'Auth', '$uibModal', '$state', 'growl', 'Notification', '$interval', 'Setting', '_t', 'Version',
  function ($rootScope, $scope, $window, $locale, Session, AuthService, Auth, $uibModal, $state, growl, Notification, $interval, Setting, _t, Version) {

  /* PRIVATE STATIC CONSTANTS */

    // User's notifications will get refreshed every 30s
    const NOTIFICATIONS_CHECK_PERIOD = 30000

  /* PUBLIC SCOPE */

    // Fab-manager's version
    $scope.version =
      { version: '' }

    // currency symbol for the current locale (cf. angular-i18n)
    $rootScope.currencySymbol = $locale.NUMBER_FORMATS.CURRENCY_SYM

    /**
     * Set the current user to the provided value and initialize the session
     * @param user {Object} Rails/Devise user
     */
    $scope.setCurrentUser = function (user) {
      if (!angular.isUndefinedOrNull(user)) {
        $rootScope.currentUser = user
        Session.create(user)
        getNotifications()
        // fab-manager's app-version
        if (user.role === 'admin') {
          return $scope.version = Version.get()
        } else {
          return $scope.version = { version: '' }
        }
      }
    }

    /**
     * Login callback
     * @param e {Object} see https://docs.angularjs.org/guide/expression#-event-
     * @param callback {function}
     */
    $scope.login = function (e, callback) {
      if (e) { e.preventDefault() }
      return openLoginModal(null, null, callback)
    }

    /**
     * Logout callback
     * @param e {Object} see https://docs.angularjs.org/guide/expression#-event-
     */
    $scope.logout = function (e) {
      e.preventDefault()
      return Auth.logout().then(function () {
        Session.destroy()
        $rootScope.currentUser = null
        $rootScope.toCheckNotifications = false
        $scope.notifications = {
          total: 0,
          unread: 0
        }
        return $state.go('app.public.home')
      }, function (error) {
          console.error(`An error occurred logging out: ${error}`);
      })
    }

    /**
     * Open the modal window allowing the user to create an account.
     * @param e {Object} see https://docs.angularjs.org/guide/expression#-event-
     */
    $scope.signup = function (e) {
      if (e) { e.preventDefault() }

      return $uibModal.open({
        templateUrl: '<%= asset_path "shared/signupModal.html" %>',
        size: 'md',
        controller: ['$scope', '$uibModalInstance', 'Group', 'CustomAsset', function ($scope, $uibModalInstance, Group, CustomAsset) {
          // default parameters for the date picker in the account creation modal
          $scope.datePicker = {
            format: Fablab.uibDateFormat,
            opened: false,
            options: {
              startingDay: Fablab.weekStartingDay
            }
          }

          // callback to open the date picker (account creation modal)
          $scope.openDatePicker = function ($event) {
            $event.preventDefault()
            $event.stopPropagation()
            return $scope.datePicker.opened = true
          }

          // retrieve the groups (standard, student ...)
          Group.query(function(groups) {
            $scope.groups = groups;
          })

          // retrieve the CGU
          CustomAsset.get({ name: 'cgu-file' }, function(cgu) {
            $scope.cgu = cgu.custom_asset;
          })

          // default user's parameters
          $scope.user = {
            is_allow_contact: true,
            is_allow_newsletter: false
          }

          // Errors display
          $scope.alerts = []
          $scope.closeAlert = function (index) {
            $scope.alerts.splice(index, 1);
          };

          // callback for form validation
          $scope.ok = function () {
          // try to create the account
            $scope.alerts = [];
            // remove 'organization' attribute
            const orga = $scope.user.organization;
            delete $scope.user.organization;
            // register on server
            return Auth.register($scope.user).then(function(user) {
              // creation successful
              $uibModalInstance.close(user)
            }, function (error) {
              // creation failed...
              // restore organization param
              $scope.user.organization = orga
              // display errors
              angular.forEach(error.data.errors, function(v, k) {
                angular.forEach(function (v, err) {
                  $scope.alerts.push({
                    msg: k + ': ' + err,
                    type: 'danger'
                  });
                });
              });
            })
          };
        }]
      }).result['finally'](null).then(function(user) {
        // when the account was created successfully, set the session to the newly created account
        $scope.setCurrentUser(user)
      })
    }

    /**
     * Open the modal window allowing the user to change his password.
     * @param token {string} security token for password changing. The user should have recieved it by mail
     */
    $scope.editPassword = function(token) {
      $uibModal.open({
        templateUrl: '<%= asset_path "shared/passwordEditModal.html" %>',
        size: 'md',
        controller: ['$scope', '$uibModalInstance', '$http', function ($scope, $uibModalInstance, $http) {
          $scope.user = { reset_password_token: token };
          $scope.alerts = [];
          $scope.closeAlert = function (index) {
            $scope.alerts.splice(index, 1)
          };

          return $scope.changePassword = function () {
            $scope.alerts = []
            return $http.put('/users/password.json', { user: $scope.user }).success(function () { $uibModalInstance.close() }).error(function (data) {
              angular.forEach(data.errors, function(v, k) {
                angular.forEach(function(v, err) {
                  $scope.alerts.push({
                    msg: k + ': ' + err,
                    type: 'danger'
                  });
                });
              });
            })
          }
        }]
      }).result['finally'](null).then(function () {
        growl.success(_t('your_password_was_successfully_changed'))
        return Auth.login().then(function(user) {
          $scope.setCurrentUser(user)
        }, function (error) {
          console.error(`Authentication failed: ${error}`);
        }
      )
      })
    };

    /**
     * Compact/Expend the width of the left navigation bar
     * @param event {Object} see https://docs.angularjs.org/guide/expression#-event-
     */
    $scope.toggleNavSize = function (event) {
      let $classes, $targets
      if (typeof event === 'undefined') {
        console.error('[ApplicationController::toggleNavSize] Missing event parameter')
        return
      }

      let toggler = $(event.target)
      if (!toggler.data('toggle')) { toggler = toggler.closest('[data-toggle^="class"]') }

      const $class = toggler.data()['toggle']
      const $target = toggler.data('target') || toggler.attr('data-link')

      if ($class) {
        const $tmp = $class.split(':')[1]
        if ($tmp) { $classes = $tmp.split(',') }
      }

      if ($target) {
        $targets = $target.split(',')
      }

      if ($classes && $classes.length) {
        $.each($targets, function (index) {
          if ($classes[index].indexOf('*') !== -1) {
            const patt = new RegExp('\\s',
              +$classes[index].replace(/\*/g, '[A-Za-z0-9-_]+').split(' ').join('\\s|\\s'),
              +'\\s', 'g')
            $(toggler).each(function (i, it) {
              let cn = ` ${it.className} `
              while (patt.test(cn)) {
                cn = cn.replace(patt, ' ')
              }
              return it.className = $.trim(cn)
            })
          }

          return (($targets[index] !== '#') && $($targets[index]).toggleClass($classes[index])) || toggler.toggleClass($classes[index])
        })
      }

      toggler.toggleClass('active')
    }

  /* PRIVATE SCOPE */
    /**
     * Kind of constructor: these actions will be realized first when the controller is loaded
     */
    const initialize = function () {
      // try to retrieve any currently logged user
      Auth.login().then(function (user) {
        $scope.setCurrentUser(user)
        // force users to complete their profile if they are not
        if (user.need_completion) {
          return $state.transitionTo('app.logged.profileCompletion')
        }
      }, function(error) {
        console.error(`Authentication failed: ${error}`);
        $rootScope.toCheckNotifications = false
      })

      // bind to the $stateChangeStart event (AngularJS/UI-Router)
      $rootScope.$on('$stateChangeStart', function (event, toState, toParams) {
        if (!toState.data) { return }

        const { authorizedRoles } = toState.data
        if (!AuthService.isAuthorized(authorizedRoles)) {
          event.preventDefault()
          if (AuthService.isAuthenticated()) {
          // user is not allowed
            console.error('[ApplicationController::initialize] user is not allowed')
          } else {
          // user is not logged in
            openLoginModal(toState, toParams)
          }
        }
      })

      // we stop polling notifications when the page is not in foreground
      onPageVisible(function(state) { $rootScope.toCheckNotifications = (state === 'visible') })

      Setting.get({ name: 'fablab_name' }, function(data) { $scope.fablabName = data.setting.value })
      Setting.get({ name: 'name_genre' }, function(data) { $scope.nameGenre = data.setting.value })

      // shorthands
      $scope.isAuthenticated = Auth.isAuthenticated
      $scope.isAuthorized = AuthService.isAuthorized
      return $rootScope.login = $scope.login
    }

    /**
     * Retreive once the notifications from the server and display a message popup for each new one.
     * Then, periodically check for new notifications.
     */
    var getNotifications = function () {
      $rootScope.toCheckNotifications = true
      if (!$rootScope.checkNotificationsIsInit && !!$rootScope.currentUser) {
        setTimeout(function() {
          // we request the most recent notifications
          Notification.last_unread(function (notifications) {
            $rootScope.lastCheck = new Date()
            $scope.notifications = notifications.totals

            const toDisplay = [];
            angular.forEach(notifications.notifications, function(n) { toDisplay.push(n) });

            if (toDisplay.length < notifications.totals.unread) {
              toDisplay.push({ message: { description: _t('and_NUMBER_other_notifications', { NUMBER: notifications.totals.unread - toDisplay.length }, 'messageformat') } });
            }

            angular.forEach(toDisplay, function(notification) { growl.info(notification.message.description); })
          })

        }, 2000)

        const checkNotifications = function () {
          if ($rootScope.toCheckNotifications) {
            return Notification.polling({ last_poll: $rootScope.lastCheck }).$promise.then(function (data) {
              $rootScope.lastCheck = new Date();
              $scope.notifications = data.totals;

              angular.forEach(data.notifications, function(notification) { growl.info(notification.message.description) });
            })
          }
        };

        $interval(checkNotifications, NOTIFICATIONS_CHECK_PERIOD);
        $rootScope.checkNotificationsIsInit = true;
      }
    }

    /**
     * Open the modal window allowing the user to log in.
     */
    var openLoginModal = function (toState, toParams, callback) {
      <% active_provider = AuthProvider.active %>
      <% if active_provider.providable_type != DatabaseProvider.name %>
      $window.location.href = '<%=user_omniauth_authorize_path(AuthProvider.active.strategy_name.to_sym)%>'
      <% else %>
      return $uibModal.open({
        templateUrl: '<%= asset_path "shared/deviseModal.html" %>',
        size: 'sm',
        controller: ['$scope', '$uibModalInstance', '_t', function ($scope, $uibModalInstance, _t) {
          const user = ($scope.user = {})
          $scope.login = function() {
            Auth.login(user).then(function (user) {
              // Authentication succeeded ...
              $uibModalInstance.close(user)
              if (callback && (typeof callback === 'function')) {
                return callback(user)
              }
            }
            , function (error) {
              console.error(`Authentication failed: ${error}`);
              $scope.alerts = [];
              return $scope.alerts.push({
                msg: _t('wrong_email_or_password'),
                type: 'danger'
              })
            })
          }
          // handle modal behaviors. The provided reason will be used to define the following actions
          $scope.dismiss = function() { $uibModalInstance.dismiss('cancel') }

          $scope.openSignup = function (e) {
            e.preventDefault()
            return $uibModalInstance.dismiss('signup')
          }

          return $scope.openResetPassword = function (e) {
            e.preventDefault()
            return $uibModalInstance.dismiss('resetPassword')
          }
        }]
      }).result['finally'](null).then(function (user) {
          // what to do when the modal is closed

          // authentication succeeded, set the session, gather the notifications and redirect
          $scope.setCurrentUser(user);

          if ((toState !== null) && (toParams !== null)) {
            return $state.go(toState, toParams)
          }
        }, function (reason) {
          // authentication did not ended successfully
          if (reason === 'signup') {
            // open signup modal
            $scope.signup();
          } else if (reason === 'resetPassword') {
            // open the 'reset password' modal
            return $uibModal.open({
              templateUrl: '<%= asset_path "shared/passwordNewModal.html" %>',
              size: 'sm',
              controller: ['$scope', '$uibModalInstance', '$http', function ($scope, $uibModalInstance, $http) {
                $scope.user = { email: '' }
                return $scope.sendReset = function () {
                  $scope.alerts = []
                  return $http.post('/users/password.json', { user: $scope.user }).success(function() { $uibModalInstance.close() }).error(function() {
                    $scope.alerts.push({
                      msg: _t('your_email_address_is_unknown'),
                      type: 'danger'
                    });
                  })
                }
              }]
            }).result['finally'](null).then(function() { growl.info(_t('you_will_receive_in_a_moment_an_email_with_instructions_to_reset_your_password')) })
          }
        })
    }

    // otherwise the user just closed the modal
    <% end %>

    /**
     * Detect if the current page (tab/window) is active of put as background.
     * When the status changes, the callback is triggered with the new status as parameter
     * Inspired by http://stackoverflow.com/questions/1060008/is-there-a-way-to-detect-if-a-browser-window-is-not-currently-active#answer-1060034
     */
    var onPageVisible = function (callback) {
      let hidden = 'hidden'

      const onchange = function (evt) {
        const v = 'visible'
        const h = 'hidden'
        const evtMap = {
          focus: v,
          focusin: v,
          pageshow: v,
          blur: h,
          focusout: h,
          pagehide: h
        }
        evt = evt || window.event
        if (evt.type in evtMap) {
          if (typeof callback === 'function') { callback(evtMap[evt.type]) }
        } else {
          if (typeof callback === 'function') { callback(this[hidden] ? 'hidden' : 'visible') }
        }
      }

      // Standards:
      if (hidden in document) {
        document.addEventListener('visibilitychange', onchange)
      } else if ((hidden = 'mozHidden') in document) {
        document.addEventListener('mozvisibilitychange', onchange)
      } else if ((hidden = 'webkitHidden') in document) {
        document.addEventListener('webkitvisibilitychange', onchange)
      } else if ((hidden = 'msHidden') in document) {
        document.addEventListener('msvisibilitychange', onchange)
        // IE 9 and lower
      } else if ('onfocusin' in document) {
        document.onfocusin = (document.onfocusout = onchange)
        // All others
      } else {
        window.onpageshow = (window.onpagehide = (window.onfocus = (window.onblur = onchange)))
      }
      // set the initial state (but only if browser supports the Page Visibility API)
      if (document[hidden] !== undefined) {
        return onchange({ type: document[hidden] ? 'blur' : 'focus' })
      }
    }

    // # !!! MUST BE CALLED AT THE END of the controller
    return initialize()
  }
])