X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FChallengeList.vue;h=a354203b186ba75943477e8f3a0f49cdd4fe8705;hb=eb2d61de8d569470fa329a484efe9bab420b2b82;hp=5c582631b07d4f622a72b2a82852fc1fc620ce76;hpb=2fb22896fd3a519c6864cd5a5d97326bad376634;p=vchess.git diff --git a/client/src/components/ChallengeList.vue b/client/src/components/ChallengeList.vue index 5c582631..a354203b 100644 --- a/client/src/components/ChallengeList.vue +++ b/client/src/components/ChallengeList.vue @@ -6,7 +6,7 @@ div 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" @@ -15,8 +15,8 @@ div ) td {{ c.vname }} td {{ withWho(c) }} - td(:class="getCadenceClass(c)") {{ c.cadence }} - td(:class="getRandomnessClass(c)") + td {{ c.cadence }} + td(:class="getRandomnessClass(c)") {{ c.options.abridged }} p(v-else) | {{ st.tr["No challenges found :( Click on 'New game'!"] }} @@ -63,13 +63,9 @@ export default { return c.from.name || "@nonymous"; }, getRandomnessClass: function(c) { + if (!c.options.randomness) return {}; return { - ["random-" + c.randomness]: true - }; - }, - getCadenceClass: function(c) { - return { - "simultaneous": c.cadence.indexOf("/") >= 0 + ["random-" + c.options.randomness]: true }; } } @@ -87,14 +83,11 @@ tr.fromyou > td tr.toyou > td background-color: #fcd785 -td.simultaneous - background-color: purple - 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