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

/*
 * decaffeinate suggestions:
 * DS102: Remove unnecessary code created because of implicit returns
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
 */
'use strict';

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(oldUser) {
      // console.log(oldUser.name + " you're signed out now.");
      Session.destroy();
      $rootScope.currentUser = null;
      $rootScope.toCheckNotifications = false;
      $scope.notifications = {
        total: 0,
        unread: 0
      };
      return $state.go('app.public.home');
    }
    , function(error) {});
  };
      // An error occurred logging out.



  //#
  // 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(groups => $scope.groups = groups);

        // retrieve the CGU
        CustomAsset.get({name: 'cgu-file'}, 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 = index => $scope.alerts.splice(index, 1);

        // callback for form validation
        return $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(user =>
            // creation successful
            $uibModalInstance.close(user)
          
          , function(error) {
            // creation failed...
            // restore organization param
            $scope.user.organization = orga;
            // display errors
            return angular.forEach(error.data.errors, (v, k) =>
              angular.forEach(v, err =>
                $scope.alerts.push({
                  msg: k+': '+err,
                  type: 'danger'
                })
              )
            );
          });
        };
      }
      ]})
    .result['finally'](null).then(user =>
      // when the account was created succesfully, 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 = token =>
    $uibModal.open({
      templateUrl: '<%= asset_path "shared/passwordEditModal.html" %>',
      size: 'md',
      controller: ['$scope', '$uibModalInstance', '$http', '_t', function($scope, $uibModalInstance, $http, _t) {
        $scope.user =
          {reset_password_token: token};
        $scope.alerts = [];
        $scope.closeAlert = index => $scope.alerts.splice(index, 1);

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


  //#
  // Compact/Expend the width of the left navigation bar
  // @param e {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, value ) {
        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');
      }
    }
    , error =>
      // Authentication failed...
      $rootScope.toCheckNotifications = false
    );

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

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

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

    Setting.get({ name: 'fablab_name' }, data=> $scope.fablabName = data.setting.value);
    Setting.get({ name: 'name_genre' }, 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(() =>
        // 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, 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")}});
          }

          return angular.forEach(toDisplay, 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;

            return angular.forEach(data.notifications, notification => growl.info(notification.message.description));
          });
        }
      };

      $interval(checkNotifications, NOTIFICATIONS_CHECK_PERIOD);
      return $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 = () =>
          Auth.login(user).then(function(user) {
            // Authentification succeeded ...
            $uibModalInstance.close(user);
            if (callback && (typeof callback === "function")) {
              return callback(user);
            }
          }
          , function(error) {
            // Authentication failed...
            $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 = () => $uibModalInstance.dismiss('cancel');

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

        return $scope.openResetPassword = function(e) {
          e.preventDefault();
          return $uibModalInstance.dismiss('resetPassword');
        };
      }
      ]})

    // what to do when the modal is closed
    .result['finally'](null).then(function(user) {
      // authentification succeeded, set the session, gather the notifications and redirect
      $scope.setCurrentUser(user);

      if ((toState !== null) && (toParams !== null)) {
        return $state.go(toState, toParams);
      }
    }

    , function(reason) {
      // authentification did not ended successfully
      if (reason === 'signup') {
        // open signup modal
        return $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(() => $uibModalInstance.close()).error(() =>
                $scope.alerts.push({
                  msg: _t('your_email_address_is_unknown'),
                  type: 'danger'
                })
              );
            };
          }

          ]})
        .result['finally'](null).then(() => 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();
}
]);