現地問題のチャレンジボタンの表示をわかりやすくした

janog-netcon · Jan 16, 2025 · e380e1d · e380e1d
1 parent 812cb25
commit e380e1d
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 27 deletions.
diff --git a/api/app/graphql/types/contest_info_type.rb b/api/app/graphql/types/contest_info_type.rb
@@ -11,5 +11,6 @@ class ContestInfoType < Types::BaseObject
     field :realtime_grading,      Boolean,             null: false
     field :guide_page,            String,              null: false
     field :guide_page_en,         String,              null: false
+    field :local_problem_codes,   String,              null: false
   end
 end
diff --git a/ui/components/problems/id/ProblemEnvironmentOperation.vue b/ui/components/problems/id/ProblemEnvironmentOperation.vue
@@ -1,35 +1,47 @@
 <template>
   <div>
-    <!-- VM作成・削除ボタン -->
-    <v-btn 
-      contained
-      color="success"
-      @click="acquireProblemEnvironmentVM(problem.id)"
-      v-if="isSolve"
-      width="100%"
-    >
-      この問題にチャレンジする (接続情報を取得します)
-    </v-btn>
-    <v-btn 
-      contained
-      color="error"
-      @click="abandonProblemEnvironmentVM(problem.id)"
-      v-if="isRetire"
-      width="100%"
-    >
-      この問題を諦める (ペナルティはありません / 再チャレンジもできます)
-    </v-btn>
-    <v-btn
-      contained
-      disabled
-      v-if="isLock"
-      width="100%"
-    >
-      ロック中 (採点待ち、もしくは他の問題にチャレンジ中です)
-    </v-btn>
+    <div v-if="!isLocalProblem">
+      <!-- VM作成・削除ボタン -->
+      <v-btn
+        contained
+        color="success"
+        @click="acquireProblemEnvironmentVM(problem.id)"
+        v-if="isSolve"
+        width="100%"
+      >
+        この問題にチャレンジする (接続情報を取得します)
+      </v-btn>
+      <v-btn
+        contained
+        color="error"
+        @click="abandonProblemEnvironmentVM(problem.id)"
+        v-if="isRetire"
+        width="100%"
+      >
+        この問題を諦める (ペナルティはありません / 再チャレンジもできます)
+      </v-btn>
+      <v-btn
+        contained
+        disabled
+        v-if="isLock"
+        width="100%"
+      >
+        ロック中 (採点待ち、もしくは他の問題にチャレンジ中です)
+      </v-btn>
+    </div>
+    <div v-else>
+      <v-btn
+        contained
+        disabled
+        width="100%"
+      >
+        この問題は現地問題です。現地にてチャレンジしてください。
+      </v-btn>
+    </div>
   </div>
 </template>
 <script>
+import { mapGetters } from 'vuex'
 import EnvironmentModal from '~/components/misc/EnvironmentModal'
 import ExpandableButton from '~/components/commons/ExpandableButton'
 import PlusButton from '~/components/commons/PlusButton'
@@ -60,6 +72,15 @@ export default {
     }
   },
   computed: {
+    ...mapGetters('contestInfo', ['localProblemCodes']),
+    isLocalProblem() {
+      for (const code of this.localProblemCodes.split(",")) {
+        if (this.problem.code === code) {
+          return true
+        }
+      }
+      return false
+    },
     //「棄権ボタン」を表示するかどうか
     isRetire() {
       //採点中・削除中は表示しない

diff --git a/ui/store/contestInfo.js b/ui/store/contestInfo.js
@@ -5,6 +5,7 @@ export default {
       gradingDelaySec: 0,
       guidePage: '',
       guidePageEn: '',
+      localProblemCodes: '',
       hideAllScore: false,
       realtimeGrading: false,
       resetDelaySec: 0,
@@ -19,6 +20,7 @@ export default {
       state.gradingDelaySec = contestInfo.gradingDelaySec
       state.guidePage = contestInfo.guidePage
       state.guidePageEn = contestInfo.guidePageEn
+      state.localProblemCodes = contestInfo.localProblemCodes
       state.hideAllScore = contestInfo.hideAllScore
       state.realtimeGrading = contestInfo.realtimeGrading
       state.resetDelaySec = contestInfo.resetDelaySec
@@ -48,6 +50,7 @@ export default {
     gradingDelaySec: (state) => state.gradingDelaySec,
     guidePage: (state) => state.guidePage,
     guidePageEn: (state) => state.guidePageEn,
+    localProblemCodes: (state) => state.localProblemCodes,
     hideAllScore: (state) => state.hideAllScore,
     realtimeGrading: (state) => state.realtimeGrading,
     resetDelaySec: (state) => state.resetDelaySec,