osr-discourse-src/app/assets/javascripts/discourse/components/user-card-contents.js.es6

import { default as computed, observes } from 'ember-addons/ember-computed-decorators';
import User from 'discourse/models/user';
import { propertyNotEqual, setting } from 'discourse/lib/computed';
import { durationTiny } from 'discourse/lib/formatter';
import CanCheckEmails from 'discourse/mixins/can-check-emails';
import CardContentsBase from 'discourse/mixins/card-contents-base';
import CleansUp from 'discourse/mixins/cleans-up';

export default Ember.Component.extend(CardContentsBase, CanCheckEmails, CleansUp, {
  elementId: 'user-card',
  triggeringLinkClass: 'mention',
  classNameBindings: ['visible:show', 'showBadges', 'hasCardBadgeImage', 'user.card_background::no-bg', 'isFixed:fixed'],
  allowBackgrounds: setting('allow_profile_backgrounds'),
  showBadges: setting('enable_badges'),

  postStream: Ember.computed.alias('topic.postStream'),
  enoughPostsForFiltering: Ember.computed.gte('topicPostCount', 2),
  showFilter: Ember.computed.and('viewingTopic', 'postStream.hasNoFilters', 'enoughPostsForFiltering'),
  showName: propertyNotEqual('user.name', 'user.username'),
  hasUserFilters: Ember.computed.gt('postStream.userFilters.length', 0),
  isSuspended: Ember.computed.notEmpty('user.suspend_reason'),
  showMoreBadges: Ember.computed.gt('moreBadgesCount', 0),
  showDelete: Ember.computed.and("viewingAdmin", "showName", "user.canBeDeleted"),
  linkWebsite: Ember.computed.not('user.isBasic'),
  hasLocationOrWebsite: Ember.computed.or('user.location', 'user.website_name'),
  showCheckEmail: Ember.computed.and('user.staged', 'canCheckEmails'),

  user: null,

  // If inside a topic
  topicPostCount: null,

  @computed('user.name')
  nameFirst(name) {
    return !this.siteSettings.prioritize_username_in_ux && name && name.trim().length > 0;
  },

  @computed('username', 'topicPostCount')
  togglePostsLabel(username, count) {
    return I18n.t("topic.filter_to", { username, count });
  },

  @computed('user.user_fields.@each.value')
  publicUserFields() {
    const siteUserFields = this.site.get('user_fields');
    if (!Ember.isEmpty(siteUserFields)) {
      const userFields = this.get('user.user_fields');
      return siteUserFields.filterBy('show_on_user_card', true).sortBy('position').map(field => {
        Ember.set(field, 'dasherized_name', field.get('name').dasherize());
        const value = userFields ? userFields[field.get('id')] : null;
        return Ember.isEmpty(value) ? null : Ember.Object.create({ value, field });
      }).compact();
    }
  },

  @computed("user.trust_level")
  removeNoFollow(trustLevel) {
    return trustLevel > 2 && !this.siteSettings.tl3_links_no_follow;
  },

  @computed('user.badge_count', 'user.featured_user_badges.length')
  moreBadgesCount: (badgeCount, badgeLength) => badgeCount - badgeLength,

  @computed('user.time_read', 'user.recent_time_read')
  showRecentTimeRead(timeRead, recentTimeRead) {
    return timeRead !== recentTimeRead && recentTimeRead !== 0;
  },

  @computed('user.recent_time_read')
  recentTimeRead(recentTimeReadSeconds) {
    return durationTiny(recentTimeReadSeconds);
  },

  @computed('showRecentTimeRead', 'user.time_read', 'recentTimeRead')
  timeReadTooltip(showRecent, timeRead, recentTimeRead) {
    if (showRecent) {
      return I18n.t('time_read_recently_tooltip', {time_read: durationTiny(timeRead), recent_time_read: recentTimeRead});
    } else {
      return I18n.t('time_read_tooltip', {time_read: durationTiny(timeRead)});
    }
  },

  @observes('user.card_background')
  addBackground() {
    if (!this.get('allowBackgrounds')) { return; }

    const $this = this.$();
    if (!$this) { return; }

    const url = this.get('user.card_background');
    const bg = Ember.isEmpty(url) ? '' : `url(${Discourse.getURLWithCDN(url)})`;
    $this.css('background-image', bg);
  },

  @computed('user.card_badge.image')
  hasCardBadgeImage: image => image && image.indexOf('fa-') !== 0,

  _showCallback(username, $target) {
    const args = { stats: false };
    args.include_post_count_for = this.get('topic.id');
    User.findByUsername(username, args).then(user => {
      if (user.topic_post_count) {
        this.set('topicPostCount', user.topic_post_count[args.include_post_count_for]);
      }
      this._positionCard($target);
      this.setProperties({ user, visible: true });

    }).catch(() => this._close()).finally(() => this.set('loading', null));
  },

  didInsertElement() {
    this._super();
  },

  _close() {
    this._super();
    this.setProperties({
      user: null,
      topicPostCount: null,
    });
  },

  cleanUp() {
    this._close();
  },

  actions: {
    close() {
      this._close();
    },

    cancelFilter() {
      const postStream = this.get('postStream');
      postStream.cancelFilter();
      postStream.refresh();
      this._close();
    },

    composePrivateMessage(...args) {
      this.sendAction('composePrivateMessage', ...args);
    },

    togglePosts() {
      this.sendAction('togglePosts', this.get('user'));
      this._close();
    },

    deleteUser() {
      this.sendAction('deleteUser', this.get('user'));
    },

    showUser() {
      this.sendAction('showUser', this.get('user'));
      this._close();
    },

    checkEmail(user) {
      user.checkEmail();
    }
  }
});