th {{ st.tr["Variant"] }}
th {{ st.tr["With"] }}
th {{ st.tr["Cadence"] }}
- th {{ st.tr["Random?"] }}
+ th {{ st.tr["Options"] }}
tbody
tr(
v-for="c in sortedChallenges"
td {{ c.vname }}
td {{ withWho(c) }}
td {{ c.cadence }}
- td(:class="getRandomnessClass(c)")
+ td(:class="getRandomnessClass(c)") {{ c.options.abridged || '' }}
p(v-else)
| {{ st.tr["No challenges found :( Click on 'New game'!"] }}
</template>
},
computed: {
sortedChallenges: function() {
- // Show in order: challenges I sent, challenges I received, other challenges
+ // 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 => {
}
if (c.added < minAdded) minAdded = c.added;
if (c.added > maxAdded) maxAdded = c.added;
- return Object.assign({}, c, { priority: priority });
+ return Object.assign({ priority: priority }, c);
});
const deltaAdded = maxAdded - minAdded;
return augmentedChalls.sort((c1, c2) => {
return c.from.name || "@nonymous";
},
getRandomnessClass: function(c) {
+ if (
+ // TODO: one extra test here
+ !Number.isInteger(c.options.randomness) &&
+ !parseInt(c.options.randomness, 10)
+ ) {
+ return {};
+ }
return {
- ["random-" + c.randomness]: true
+ ["random-" + c.options.randomness]: true
};
}
}
tr > td:last-child
&.random-0
- background-color: #FF5733
+ background-color: #FEAF9E
&.random-1
- background-color: #2B63B4
+ background-color: #9EB2FE
&.random-2
- background-color: #33B42B
+ background-color: #A5FE9E
</style>