2021-06-11 23:51:55 +05:30
|
|
|
import {ViewModel} from "../../ViewModel.js";
|
|
|
|
import {MemberTileViewModel} from "./MemberTileViewModel.js";
|
2021-06-18 13:16:23 +05:30
|
|
|
import {createMemberComparator} from "./comparator.js";
|
2021-06-25 20:13:02 +05:30
|
|
|
import {Disambiguator} from "./disambiguator.js";
|
2021-06-11 23:51:55 +05:30
|
|
|
|
|
|
|
export class MemberListViewModel extends ViewModel {
|
|
|
|
constructor(options) {
|
|
|
|
super(options);
|
2021-06-22 17:33:31 +05:30
|
|
|
this.memberTileViewModels = this._mapTileViewModels(this._filterJoinedMembers(options.members))
|
|
|
|
.sortValues(createMemberComparator(options.powerLevels));
|
2021-06-25 20:13:02 +05:30
|
|
|
this.nameDisambiguator = new Disambiguator();
|
2021-06-26 14:32:39 +05:30
|
|
|
this.mediaRepository = options.mediaRepository;
|
2021-06-11 23:51:55 +05:30
|
|
|
}
|
|
|
|
|
2021-06-27 15:05:35 +05:30
|
|
|
get type() { return "member-list"; }
|
|
|
|
|
2021-06-11 23:51:55 +05:30
|
|
|
_filterJoinedMembers(members) {
|
|
|
|
return members.filterValues(member => member.membership === "join");
|
|
|
|
}
|
|
|
|
|
|
|
|
_mapTileViewModels(members) {
|
2021-06-25 20:13:02 +05:30
|
|
|
const mapper = (member, emitChange) => {
|
2021-06-26 14:32:39 +05:30
|
|
|
const mediaRepository = this.mediaRepository;
|
|
|
|
const vm = new MemberTileViewModel(this.childOptions({member, emitChange, mediaRepository}));
|
2021-06-25 20:13:02 +05:30
|
|
|
this.nameDisambiguator.disambiguate(vm);
|
|
|
|
return vm;
|
2021-06-22 15:52:05 +05:30
|
|
|
}
|
2021-06-25 20:13:02 +05:30
|
|
|
const updater = (vm, params, newMember) => {
|
|
|
|
vm.updateFrom(newMember);
|
|
|
|
this.nameDisambiguator.disambiguate(vm);
|
|
|
|
};
|
2021-06-22 17:33:31 +05:30
|
|
|
return members.mapValues(mapper, updater);
|
2021-06-11 23:51:55 +05:30
|
|
|
}
|
2021-06-25 20:13:02 +05:30
|
|
|
|
2021-06-11 23:51:55 +05:30
|
|
|
}
|