挑戦中の問題にわかりやすく色をつけた

Author: proelbtn

ui/components/problems/ProblemCardPlayer.vue

@@ -79,6 +79,9 @@ export default {
     },
   },
   computed: {
+    isChallenging() {
+      return this.problem.environments.filter((env) => env.status == "UNDER_CHALLENGE").length > 0
+    },
     scoredAnswers() {
       return this.problem.answers.filter((answer) => answer.hasPoint)
     },
@@ -114,7 +117,10 @@ export default {
       return `${this.maxScoreAnswer.percent}% ${this.maxScoreAnswer.point}/${this.problem.perfectPoint}点`
     },
     currentState() {
-      if (this.problem.answers.length === 0) {
+      if (this.isChallenging) {
+        this.changeColor('orange')
+        return '挑戦中'
+      } else if (this.problem.answers.length === 0) {
         this.changeColor('')
         return '未解答'
       } else if (this.maxScoreAnswer && this.maxScoreAnswer.percent >= 100) {

ui/orm/Queries.js

@@ -116,7 +116,7 @@ export default class Queries {
   }
 
   static problemsAnswersPenalties() {
-    return orm.Problem.eagerFetch({}, ['body', 'answers', 'penalties'])
+    return orm.Problem.eagerFetch({}, ['body', 'answers', 'penalties', "environments"])
   }
 
   static scoreboardsTeam() {

ui/pages/problems/index.vue

@@ -67,6 +67,7 @@ export default {
             'problems.body',
             'problems.answers',
             'problems.penalties',
+            'problems.environments'
           ]
         : ['problems.body', 'problems.category']