user-avatar.js 675 B

123456789101112131415161718192021222324
  1. import Ember from 'ember';
  2. export default Ember.Component.extend({
  3. tagName: 'img',
  4. classNames: 'user-avatar',
  5. attributeBindings: ['src', 'alt', 'size:width', 'size:height'],
  6. size: 100,
  7. alt: '',
  8. src: function() {
  9. var src = Ember.$('base').attr('href') + 'user-avatar/';
  10. if (this.get('user.id')) {
  11. // just avatar hash, size and user id
  12. src += this.get('user.avatar_hash') + '/' + this.get('size') + '/' + this.get('user.id') + '.png';
  13. } else {
  14. // just append avatar size to file to produce no-avatar placeholder
  15. src += this.get('size') + '.png';
  16. }
  17. return src;
  18. }.property('user.id', 'user.avatar_hash', 'size')
  19. });