113 lines
3.5 KiB
JavaScript
113 lines
3.5 KiB
JavaScript
import { withPluginApi } from "discourse/lib/plugin-api";
|
|
import discourseComputed from "discourse-common/utils/decorators";
|
|
import User from "discourse/models/user";
|
|
import EmberObject from "@ember/object";
|
|
import { ajax } from "discourse/lib/ajax";
|
|
|
|
export default {
|
|
name: "user-card-directory",
|
|
initialize(container) {
|
|
withPluginApi("0.8.7", (api) => {
|
|
api.modifyClass("route:users", {
|
|
pluginId: 'user-card-directory',
|
|
resetController(controller, isExiting) {
|
|
this._super(...arguments);
|
|
if (isExiting) {
|
|
controller.set("cachedUserCardInfo", {});
|
|
}
|
|
},
|
|
|
|
queryParams: {
|
|
cards: { refreshModel: true },
|
|
},
|
|
|
|
beforeModel(transition) {
|
|
this._super(transition);
|
|
if (
|
|
settings.default_view === "cards" &&
|
|
!transition.to.queryParams.cards
|
|
) {
|
|
this.transitionTo({ queryParams: { cards: "yes" } });
|
|
}
|
|
},
|
|
|
|
model(params) {
|
|
return this._super(params).then((model) => {
|
|
model.showAsCards = params["cards"] === "yes";
|
|
return model;
|
|
});
|
|
},
|
|
|
|
renderTemplate(controller, model) {
|
|
if (model.showAsCards) {
|
|
return this.render("users-as-card-directory");
|
|
}
|
|
return this._super();
|
|
},
|
|
});
|
|
|
|
api.modifyClass("controller:users", {
|
|
pluginId: 'user-card-directory',
|
|
cachedUserCardInfo: null,
|
|
|
|
init(){
|
|
this.set("cachedUserCardInfo", {});
|
|
this._super(...arguments);
|
|
},
|
|
|
|
@discourseComputed("model.content.@each")
|
|
userCards(allUsers) {
|
|
if (!allUsers) return [];
|
|
const toLoad = [];
|
|
if (settings.hide_current_user && this.currentUser) {
|
|
allUsers = allUsers.filter((u) => u.id !== this.currentUser.id);
|
|
}
|
|
const userCardInfos = allUsers.map(u => {
|
|
if (this.cachedUserCardInfo[u.id]) {
|
|
return this.cachedUserCardInfo[u.id];
|
|
}
|
|
|
|
const userCardInfo = (this.cachedUserCardInfo[
|
|
u.id
|
|
] = EmberObject.create({
|
|
user: User.create(u.user),
|
|
directoryItem: u,
|
|
loading: true
|
|
}));
|
|
|
|
toLoad.push(userCardInfo);
|
|
|
|
return userCardInfo;
|
|
});
|
|
|
|
const loadMax = 50;
|
|
|
|
while (toLoad.length > 0) {
|
|
const thisBatch = toLoad.splice(0, loadMax);
|
|
const promise = ajax("/user-cards.json", {
|
|
data: { user_ids: thisBatch.map(uc => uc.user.id).join(",") }
|
|
});
|
|
thisBatch.forEach(uc => {
|
|
// Each user card expects its own promise
|
|
// Rather than making a separate AJAX request for each
|
|
// We re-use the `user-cards.json` promise, and manipulate the data
|
|
const convertedPromise = promise.then(data => {
|
|
// Find the correct user from users, and put it in the user attribute
|
|
// Use Object.assign to avoid contaminating the source object
|
|
return Object.assign({}, data, {
|
|
user: data.users.find(u => u.id === uc.user.id)
|
|
});
|
|
});
|
|
return uc.user
|
|
.findDetails({ existingRequest: convertedPromise })
|
|
.finally(() => uc.set("loading", false));
|
|
});
|
|
}
|
|
|
|
return userCardInfos;
|
|
}
|
|
});
|
|
});
|
|
}
|
|
};
|