discourse/app/assets/javascripts/discourse/controllers/badges/show.js.es6

import Controller from "@ember/controller";
import Badge from "discourse/models/badge";
import UserBadge from "discourse/models/user-badge";
import {
  default as computed,
  observes
} from "ember-addons/ember-computed-decorators";

export default Controller.extend({
  queryParams: ["username"],
  noMoreBadges: false,
  userBadges: null,
  application: Ember.inject.controller(),
  hiddenSetTitle: true,

  @computed("userBadgesAll")
  filteredList(userBadgesAll) {
    return userBadgesAll.filterBy("badge.allow_title", true);
  },

  @computed("filteredList")
  selectableUserBadges(filteredList) {
    return [
      Ember.Object.create({
        badge: Badge.create({ name: I18n.t("badges.none") })
      }),
      ...filteredList.uniqBy("badge.name")
    ];
  },

  @computed("username")
  user(username) {
    if (username) {
      return this.userBadges[0].get("user");
    }
  },

  @computed("username", "model.grant_count", "userBadges.grant_count")
  grantCount(username, modelCount, userCount) {
    return username ? userCount : modelCount;
  },

  @computed("model.grant_count", "userBadges.grant_count")
  othersCount(modelCount, userCount) {
    return modelCount - userCount;
  },

  @computed("model.allow_title", "model.has_badge", "model")
  canSelectTitle(hasTitleBadges, hasBadge) {
    return this.siteSettings.enable_badges && hasTitleBadges && hasBadge;
  },

  actions: {
    loadMore() {
      if (this.loadingMore) {
        return;
      }
      this.set("loadingMore", true);

      const userBadges = this.userBadges;

      UserBadge.findByBadgeId(this.get("model.id"), {
        offset: userBadges.length,
        username: this.username
      })
        .then(result => {
          userBadges.pushObjects(result);
          if (userBadges.length === 0) {
            this.set("noMoreBadges", true);
          }
        })
        .finally(() => {
          this.set("loadingMore", false);
        });
    },

    toggleSetUserTitle() {
      return this.toggleProperty("hiddenSetTitle");
    }
  },

  @computed("noMoreBadges", "grantCount", "userBadges.length")
  canLoadMore(noMoreBadges, grantCount, userBadgeLength) {
    if (noMoreBadges) {
      return false;
    }
    return grantCount > (userBadgeLength || 0);
  },

  @computed("user", "model.grant_count")
  canShowOthers(user, grantCount) {
    return !!user && grantCount > 1;
  },

  @observes("canLoadMore")
  _showFooter() {
    this.set("application.showFooter", !this.canLoadMore);
  }
});