- props: ["challenges"],
- computed: {
- showVariant: function() {
- this.challenges.length > 0 && !!this.challenges[0].variant;
- },
- showNbPlayers: function() {
- this.challenges.length > 0 && !!this.challenges[0].nbPlayers;
- },
- },
+ props: ["challenges"],
+ data: function() {
+ return {
+ st: store.state
+ };
+ },
+ computed: {
+ sortedChallenges: function() {
+ // Show in order: challenges I sent, challenges I received, other challenges
+ let minAdded = Number.MAX_SAFE_INTEGER;
+ let maxAdded = 0;
+ let augmentedChalls = this.challenges.map(c => {
+ let priority = 0;
+ if (!!c.to && c.to == this.st.user.name) priority = 1;
+ else if (
+ c.from.sid == this.st.user.sid ||
+ (c.from.id > 0 && c.from.id == this.st.user.id)
+ ) {
+ priority = 2;
+ }
+ if (c.added < minAdded) minAdded = c.added;
+ if (c.added > maxAdded) maxAdded = c.added;
+ return Object.assign({}, c, { priority: priority });
+ });
+ const deltaAdded = maxAdded - minAdded;
+ return augmentedChalls.sort((c1, c2) => {
+ return c2.priority - c1.priority + (c2.added - c1.added) / deltaAdded;
+ });
+ }
+ },
+ methods: {
+ withWho: function(c) {
+ if (c.from.sid == this.st.user.sid || c.from.id == this.st.user.id)
+ return c.to || this.st.tr["Any player"];
+ return c.from.name || "@nonymous";
+ },
+ getRandomnessClass: function(c) {
+ return {
+ ["random-" + c.randomness]: true
+ };
+ }
+ }