adapt-authoring-ui 0.0.1

package/app/modules/user/templates/userProfile.hbs

@@ -0,0 +1,71 @@
+<div class="profile-inner">
+  <div class="error-text display-none">
+      {{t 'app.fixerrors'}}
+  </div>
+  <div class="editing-overlay-panel form-container-style">
+
+    <div class="editing-overlay-panel-content inner">
+      <div class="intro-text">
+        {{t 'app.editprofileinformation'}}
+      </div>
+      <div class="editing-overlay-panel-content-inner">
+
+        <form class="forms">
+
+          {{#if rolesAsName}}
+            <div class="form-group">
+              <label>{{t 'app.role'}}</label>
+              <dl>
+                {{#each rolesAsName}}
+                  <dt>{{this}}</dt>
+                {{/each}}
+              </dl>
+            </div>
+          {{/if}}
+
+          <div class="form-group">
+            <label for="email">{{t 'app.email'}}
+              <span class="req">*</span>
+              <span id="emailError" class="error"></span>
+            </label>
+            <input type="email" class="width-30" id="email" value="{{email}}" autocomplete="off">
+          </div>
+
+          <div class="form-group">
+            <label for="firstName">{{t 'app.firstname'}}
+              <span class="req">*</span>
+              <span id="firstNameError" class="error"></span>
+            </label>
+            <input type="text" class="width-30" id="firstName" value="{{firstName}}" autocomplete="off">
+          </div>
+
+          <div class="form-group">
+            <label for="lastName">{{t 'app.lastname'}}
+              <span class="req">*</span>
+              <span id="lastNameError" class="error"></span>
+            </label>
+            <input type="text" class="width-30" id="lastName" value="{{lastName}}" autocomplete="off">
+          </div>
+
+          {{#ifValueEquals authType "local"}}
+            <div class="change-password-section">
+              <div class="form-group">
+                <div class="inner display-none">
+                  <p>{{t 'app.reauthrequiredonnewpass'}}</p>
+                  <label for="password">{{t 'app.newpassword'}}
+                    <span class="req">*</span>
+                  </label>
+                  <div id="passwordFeedback" class="display-none"></div>
+                  <input type="password" class="width-15" id="password" value="" autocomplete="off">
+                  <button href="#" class="toggle-password display-none"><i class="fa fa-eye"></i></button>
+                </div>
+                <a href="#" class="btn primary change-password">{{t 'app.changepassword'}}</a>
+              </div>
+            </div>
+          {{/ifValueEquals}}
+
+        </form>
+      </div>
+    </div>
+  </div>
+</div>

package/app/modules/user/templates/userProfileSidebar.hbs

@@ -0,0 +1,16 @@
+<div class="sidebar-item-inner">
+{{!--     <div class="sidebar-row sidebar-item-title">
+        <h2 class="sidebar-item-title-inner">Profile</h2>
+    </div> --}}
+        <div class="separator"></div>
+        <button class="user-profile-edit-sidebar-save action-primary">
+            <span class="user-profile-edit-sidebar-save-inner">
+                {{!-- <i class="fa fa-save"></i> --}}{{t 'app.save'}}
+            </span>
+        </button>
+        <button class="user-profile-edit-sidebar-cancel action-secondary">
+            <span class="user-profile-edit-sidebar-cancel-inner">
+                {{!-- <i class="fa fa-close"></i> --}}{{t 'app.cancel'}}
+            </span>
+    </div>
+</div>

package/app/modules/user/views/forgotPasswordView.js

@@ -0,0 +1,63 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var Helpers = require('core/helpers');
+  var OriginView = require('core/views/originView');
+  var Origin = require('core/origin');
+
+  var ForgotPasswordView = OriginView.extend({
+    tagName: "div",
+    className: "forgot-password",
+
+    events: {
+      'click button.submit' : 'requestResetToken',
+      'click button.cancel' : 'goToLogin',
+      'click button.return' : 'goToLogin',
+      'keydown .input-username-email' : 'handleKeydown'
+    },
+
+    postRender: function() {
+      this.setViewToReady();
+    },
+
+    goToLogin: function(e) {
+      e && e.preventDefault();
+      Origin.router.navigateToLogin();
+    },
+
+    handleKeydown: function(e) {
+      this.$('.forgotError').addClass('display-none');
+
+      var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
+
+      if (key == 13) {
+        e.preventDefault();
+        this.requestResetToken();
+      }
+    },
+
+    isValid: function() {
+      var email = this.$('.input-username-email').val().trim();
+      return Helpers.isValidEmail(email);
+    },
+
+    requestResetToken: function(e) {
+      e && e.preventDefault();
+      var self = this;
+
+      if (!this.isValid()) {
+        this.$('.input-username-email').addClass('input-error');
+        this.$('.forgotError').removeClass('display-none');
+      } else {
+        $.post('api/auth/local/forgotpass', { email: this.$('.input-username-email').val().trim() });
+        // don't wait for a response, we want to disguise success/failure
+        self.$('.forgot-container').addClass('display-none');
+        self.$('.forgot-password-success').removeClass('display-none');
+      }
+    }
+  }, {
+    template: 'forgotPassword'
+  });
+
+  return ForgotPasswordView;
+
+});

package/app/modules/user/views/loginView.js

@@ -0,0 +1,93 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var Origin = require('core/origin');
+  var OriginView = require('core/views/originView');
+
+  var LoginView = OriginView.extend({
+    className: 'login',
+    tagName: "div",
+    events: {
+      'keydown #login-input-username' : 'clearErrorStyling',
+      'keydown #login-input-password' : 'clearErrorStyling',
+      'click .login-form-submit'      : 'submitLoginDetails',
+      'click button.dash'             : 'goHome'
+    },
+
+    postRender: function() {
+      this.setViewToReady();
+      Origin.trigger('login:loaded');
+    },
+
+    goHome: function(e) {
+      e && e.preventDefault();
+      Origin.router.navigateToDashboard();
+    },
+
+    handleEnterKey: function(e) {
+      var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
+
+      if (key == 13) {
+        e.preventDefault();
+        this.submitLoginDetails();
+      }
+    },
+
+    clearErrorStyling: function(e) {
+      $('#login-input-username').removeClass('input-error');
+      $('#loginError').addClass('display-none');
+
+      this.handleEnterKey(e);
+    },
+
+    submitLoginDetails: function(e) {
+      e && e.preventDefault();
+
+      var inputUsernameEmail = $.trim(this.$("#login-input-username").val());
+      var inputPassword = $.trim(this.$("#login-input-password").val());
+      var shouldPersist = this.$('#remember-me').prop('checked');
+
+      // Validation
+      if (inputUsernameEmail === '' || inputPassword === '') {
+        this.loginFailed(LoginView.ERR_MISSING_FIELDS);
+        return false;
+      } else {
+        $('#login-input-username').removeClass('input-error');
+      }
+      this.model.login(inputUsernameEmail, inputPassword, shouldPersist, error => {
+        if(error) {
+          return this.loginFailed(null, error.message);
+        }
+        Origin.router.navigateToDashboard();
+      });
+    },
+
+    loginFailed: function(errorCode, message) {
+      $('#login-input-username').addClass('input-error');
+      $('#login-input-password').val('');
+      $('#loginErrorMessage').text(message || this.errorCodeToMessage(errorCode));
+      $('#loginError').removeClass('display-none');
+    },
+
+    errorCodeToMessage: function(errorCode) {
+      switch (errorCode) {
+        case LoginView.ERR_INVALID_CREDENTIALS:
+        case LoginView.ERR_MISSING_FIELDS:
+          return Origin.l10n.t('app.invalidusernameorpassword');
+        case LoginView.ERR_ACCOUNT_LOCKED:
+          return Origin.l10n.t('app.accountislocked');
+        case LoginView.ERR_ACCOUNT_INACTIVE:
+          return Origin.l10n.t('app.accountnotactive');
+      }
+    }
+
+  }, {
+    ERR_INVALID_CREDENTIALS: 1,
+    ERR_ACCOUNT_LOCKED: 2,
+    ERR_MISSING_FIELDS: 3,
+    ERR_TENANT_DISABLED: 4,
+    ERR_ACCOUNT_INACTIVE: 5,
+    template: 'login'
+  });
+
+  return LoginView;
+});

package/app/modules/user/views/resetPasswordView.js

@@ -0,0 +1,78 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var OriginView = require('core/views/originView');
+  var Origin = require('core/origin');
+
+  var ResetPasswordView = OriginView.extend({
+    tagName: "div",
+    className: "reset-password",
+
+    events: {
+      'click .form-reset-password button' : 'resetPassword',
+      'click button.cancel' : 'goToLogin',
+      'click button.return' : 'goToLogin'
+    },
+
+    preRender: function() {
+      this.listenTo(this.model, {
+        sync: this.verifyToken,
+        invalid: this.handleValidationError
+      });
+    },
+
+    postRender: function() {
+      this.setViewToReady();
+    },
+
+    goToLogin: function(e) {
+      e && e.preventDefault();
+      Origin.router.navigateToLogin();
+    },
+
+    handleValidationError: function(model, errors) {
+      if(errors) {
+        this.$('.resetError .message').text(errors.reduce((m,e) => `${m}${e}. `, ''));
+        this.$('.resetError').removeClass('display-none');
+      }
+    },
+
+    verifyToken: function() {
+      // Invalid token entered, take the user to login
+      if(!this.model.get('user')) Origin.router.navigateToLogin();
+    },
+
+    resetPassword: async function(event) {
+      event.preventDefault();
+
+      const password = this.$('#password').val();
+
+      if(password !== this.$('#confirmPassword').val()) {
+        return this.handleValidationError(this.model, [Origin.l10n.t('app.passwordnomatcherror')]);
+      }
+      try {
+        await $.post('api/auth/local/changepass', { password, email: this.model.get('email'), token: this.model.get('token') });
+        this.$('.form-reset-password').addClass('display-none');
+        this.$('.reset-introduction').addClass('display-none');
+        this.$('.message .success').removeClass('display-none');
+      } catch(e) {
+        const code = e.responseJSON && e.responseJSON.code;
+        const message = e.responseJSON && e.responseJSON.message || Origin.l10n.t('app.errorgeneric');
+        if(code === 'INVALID_PASSWORD') {
+          this.handleValidationError(this.model, [message]);
+        } else {
+          console.error(e);
+          Origin.Notify.alert({ 
+            type: 'error', 
+            text: `${Origin.l10n.t('app.resetpassworderror')}<br/><br/>${message}`
+          });
+          Origin.router.navigateToLogin();
+        }
+      }
+    }
+  }, {
+    template: 'resetPassword'
+  });
+
+  return ResetPasswordView;
+
+});

package/app/modules/user/views/userProfileSidebarView.js

@@ -0,0 +1,32 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+
+  var Origin = require('core/origin');
+  var SidebarItemView = require('modules/sidebar/views/sidebarItemView');
+  var Backbone = require('backbone');
+
+  var UserProfileSidebarView = SidebarItemView.extend({
+
+    events: {
+        'click .user-profile-edit-sidebar-save'   : 'save',
+        'click .user-profile-edit-sidebar-cancel' : 'cancel'
+    },
+
+    save: function(event) {
+        event.preventDefault();
+        this.updateButton('.user-profile-edit-sidebar-save', Origin.l10n.t('app.saving'));
+        Origin.trigger('userProfileSidebar:views:save');
+    },
+
+    cancel: function(event) {
+        event.preventDefault();
+        Backbone.history.history.back();
+    }
+
+  }, {
+      template: 'userProfileSidebar'
+  });
+
+  return UserProfileSidebarView;
+
+});

package/app/modules/user/views/userProfileView.js

@@ -0,0 +1,107 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require){
+  var Backbone = require('backbone');
+  var OriginView = require('core/views/originView');
+  var Origin = require('core/origin');
+
+  var UserProfileView = OriginView.extend({
+    tagName: 'div',
+    className: 'user-profile',
+
+    events: {
+      'click a.change-password' : 'changePassword'
+    },
+
+    preRender: function() {
+      this.listenTo(Origin, 'userProfileSidebar:views:save', this.saveUser);
+      this.listenTo(this.model, 'invalid', this.handleValidationError);
+    },
+
+    postRender: function() {
+      this.setViewToReady();
+    },
+
+    handleValidationError: function(model, error) {
+      Origin.trigger('sidebar:resetButtons');
+
+      if (error && _.keys(error).length !== 0) {
+        _.each(error, function(value, key) {
+          this.$('#' + key + 'Error').text(value);
+        }, this);
+        this.$('.error-text').removeClass('display-none');
+      }
+    },
+
+    changePassword: function(event) {
+      event.preventDefault();
+
+      Origin.Notify.alert({
+        title: 'Change password',
+        html: `<div style="overflow-x:hidden">
+          Enter your current password
+          <input id="old_pass" class="swal2-input" type="password"><br/><br/>
+          Choose a new password
+          <input id="new_pass" class="swal2-input" type="password"><br/><br/>
+          Confirm new password
+          <input id="new_pass_confirm" class="swal2-input" type="password">
+        </div>`,
+        showCancelButton: true,
+        preConfirm: async () => {
+          const oldPassword = $('#old_pass').val();
+          const password = $('#new_pass').val();
+          const passwordConfirm = $('#new_pass_confirm').val();
+          try {
+            let errors = [];
+            if(!oldPassword.length) errors.push('Missing current password value');
+            if(!password.length) errors.push('Missing new password value');
+            if(!passwordConfirm.length) errors.push('Missing confirmation password value');
+            if(password !== passwordConfirm) errors.push('Passwords must match!');
+
+            if(errors.length) throw new Error(errors.join(', '));
+
+            await $.post('api/auth/local/validatepass', { password });
+            await $.post('api/auth/local/changepass', { oldPassword, password });
+            Origin.sessionModel.checkAuthStatus()
+
+          } catch(e) {
+            Origin.Notify.Swal.showValidationMessage((e.responseJSON && e.responseJSON.message) || e.message);
+            return false;
+          }
+        }
+      });
+    },
+
+    saveUser: function() {
+      var email_prev = this.model.get('email');
+
+      this.$('.error-text').addClass('display-none');
+      this.$('.error').text('');
+
+      var toChange = {
+        firstName: this.$('#firstName').val().trim(),
+        lastName: this.$('#lastName').val().trim(),
+        email: this.$('#email').val().trim()
+      };
+      this.model.unset('password');
+
+      _.extend(toChange, { _id: this.model.get('_id'), email_prev });
+
+      this.model.save(toChange, {
+        wait: true,
+        patch: true,
+        success: () => Backbone.history.history.back(),
+        error: (data, error) => this.handleError(error)
+      });
+    },
+
+    handleError(error) {
+      Origin.trigger('sidebar:resetButtons');
+      const text = error.responseJSON && error.responseJSON.message || Origin.l10n.t('app.errorgeneric');
+      Origin.Notify.alert({ type: 'error', text });
+    }
+  }, {
+    template: 'userProfile'
+  });
+
+  return UserProfileView;
+});

package/app/modules/userManagement/collections/userCollection.js

@@ -0,0 +1,65 @@
+define(function(require) {
+  var Backbone = require('backbone');
+  var UserModel = require('../models/userModel');
+
+  var UserCollection = Backbone.Collection.extend({
+    url: 'api/users',
+    model: UserModel,
+    sortBy: 'email',
+    direction: 1,
+    mailSearchTerm: '',
+    lastAccess: null,
+
+    comparator: function(ma, mb) {
+      var a = ma.get(this.sortBy);
+      var b = mb.get(this.sortBy);
+
+      if (Array.isArray(a) && Array.isArray(b)) {
+        a = a[0];
+        b = b[0];
+      }
+      if (this.sortBy === 'lastAccess') {
+        a = new Date(a || '01.01.1900');
+        b = new Date(b || '01.01.1900');
+      }
+      if (typeof a === 'string' && typeof b === 'string') {
+        a = a.toLowerCase();
+        b = b.toLowerCase();
+      }
+      if (a > b) return this.direction;
+      if (a < b) return this.direction * -1;
+      return 0;
+    },
+
+    updateFilter: function(filterMap = { roleNames: [] }) {
+      this.filterGroups = filterMap;
+      this.filter();
+      this.sort();
+    },
+
+    filter: function() {
+      this.models.forEach(function(model) { 
+        this.mailFilter(model);
+        this.roleFilter(model);
+      }, this);
+    },
+
+    mailFilter: function(model) {
+      var isHidden = model.get('email').toLowerCase().indexOf(this.mailSearchTerm.toLowerCase()) === -1;
+      model.set('_isHidden', isHidden);
+    },
+
+    roleFilter: function(model) {
+      if (model.get('_isHidden')) return;
+      if (!this.filterGroups.roleNames || this.filterGroups.roleNames.length < 1) return;
+
+      var isHidden = !(model.get('roles').some(function(r) {
+        return this.filterGroups.roleNames.includes(r.get('shortName'));
+      }, this));
+
+      model.set('_isHidden', isHidden);
+    }
+  });
+
+  return UserCollection;
+});

package/app/modules/userManagement/helpers.js

@@ -0,0 +1,46 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require){
+  var Handlebars = require('handlebars');
+  var Origin = require('core/origin');
+
+  var jsHelpers = {
+    ajax: function(route, data, method, success) {
+      $.ajax(route, {
+        data: data,
+        method: method,
+        error: function({ responseText }, status, error) {
+          Origin.Notify.alert({ 
+            type: 'error', 
+            text: error + (responseText ? `: ${responseText}` : '') 
+          });
+        },
+        success: success
+      });
+    }
+  };
+  // accessible to Handlebars only!
+  var hbsHelpers = {
+    lookupRoleName: function(roleId, model) {
+      const allRoles = model.allRoles;
+      if(allRoles) return allRoles.findWhere({_id: roleId }).get('displayName');
+    },
+    ifIsCurrentTenant: function(tenantId, block) {
+      if (tenantId === Origin.sessionModel.get('tenantId')) {
+        return block.fn(this);
+      } else {
+        return block.inverse(this);
+      }
+    },
+    ifUserNotMe: function(userId, block) {
+      if (userId !== Origin.sessionModel.get('user')._id) {
+        return block.fn(this);
+      } else {
+        return block.inverse(this);
+      }
+    }
+  };
+  for(var name in hbsHelpers) {
+    if(hbsHelpers.hasOwnProperty(name)) Handlebars.registerHelper(name, hbsHelpers[name]);
+  }
+  return jsHelpers;
+});

package/app/modules/userManagement/index.js

@@ -0,0 +1,67 @@
+define(function(require) {
+  var Origin = require('core/origin');
+  var UserManagementView = require('./views/userManagementView');
+  var UserManagementSidebarView = require('./views/userManagementSidebarView');
+  var AddUserView = require('./views/addUserView');
+  var AddUserSidebarView = require('./views/addUserSidebarView');
+  var UserCollection = require('./collections/userCollection');
+
+  var isReady = false;
+  var allRoles = new Backbone.Collection();
+  var userCollection = new UserCollection();
+
+  var scopes = ["write:users"];
+
+  Origin.on('router:initialize', () => Origin.router.restrictRoute('userManagement', scopes));
+  
+  Origin.on('origin:dataReady', () => {
+    Origin.globalMenu.addItem({
+      location: "global",
+      text: Origin.l10n.t('app.usermanagement'),
+      icon: "fa-users",
+      sortOrder: 3,
+      route: "userManagement",
+      scopes
+    });
+  });
+
+  Origin.on('origin:dataReady login:changed', function() {
+    allRoles.on('sync', function() {
+      isReady = true;
+      Origin.trigger('userManagement:dataReady');
+    });
+    allRoles.url = 'api/roles';
+    allRoles.fetch();
+  });
+  
+
+  Origin.on('router:userManagement', function(location, subLocation, action) {
+    if(isReady) return onRoute(location, subLocation, action);
+    Origin.once('userManagement:dataReady', () => onRoute(location, subLocation, action));
+  });
+
+  var onRoute = async function(location, subLocation, action) {
+    var model = new Backbone.Model({ allRoles });
+
+    if (location && location === 'addUser') {
+      Origin.contentPane.setView(AddUserView, { model: model });
+      Origin.sidebar.addView(new AddUserSidebarView().$el);
+      return;
+    }
+    await refreshUsers();
+
+    Origin.contentPane.setView(UserManagementView, { model, collection: userCollection });
+    Origin.sidebar.addView(new UserManagementSidebarView({ model, collection: userCollection }).$el);
+    
+    Origin.on('userManagement:refresh', refreshUsers);
+  };
+  
+  async function refreshUsers() {
+    try {
+      await userCollection.fetch();
+      userCollection.forEach(user => user.set({ allRoles }));
+    } catch(e) {
+      Origin.Notify.alert({ type: 'error', message: e });
+    }
+  }
+});