user-presenter.js

// Vendor
import Service, {inject as service} from '@ember/service';
import EmberObject, {computed} from '@ember/object';
import {readOnly} from '@ember/object/computed';

export const UserPresenter = EmberObject.extend({
  id: readOnly('user.id'),
  firstName: readOnly('user.firstname'),
  lastName: readOnly('user.lastname'),
  email: readOnly('user.email'),
  userName: readOnly('user.username'),
  company: readOnly('user.company'),
  roles: readOnly('user.roles'),

  fullName: computed('firstName', 'lastName', function() {
    return `${this.get('firstName')} ${this.get('lastName')}`;
  }),
  
  roleNames: computed('roles.[]', function() {
    return this.get('roles')
      .map((role) => this.get('i18n').t(`roles.${role}`))
  })
});

export default Service.extend({
  i18n: service('i18n'),

  present(user) {
    const i18n = this.get('i18n');
    
    return UserPresenter.create({i18n, user});
  }
});