tournament outputs

polylan_submitter/src/OpusMagnum.vue

@@ -4,10 +4,12 @@ import PuzzleCard from "@/components/PuzzleCard.vue";
 import SubmissionForm from "@/components/SubmissionForm.vue";
 import AdminPanel from "@/components/AdminPanel.vue";
 import Results from "@/components/Results.vue";
+import Winners from "@/components/Winners.vue";
+import PuzzleResults from "@/components/PuzzleResults.vue";
 import { apiService, errorHelpers } from "@/services/apiService";
 import { usePuzzlesStore } from "@/stores/puzzles";
 import { useSubmissionsStore } from "@/stores/submissions";
-import type { PuzzleResponse, UserInfo } from "@/types";
+import type { PuzzleResponse, UserInfo, SteamCollection } from "@/types";
 import { useCountdown } from "@vueuse/core";
 import { storeToRefs } from "pinia";
 
@@ -26,6 +28,7 @@ const { openSubmissionModal, loadSubmissions, closeSubmissionModal } =
 
 // Local state
 const userInfo = ref<UserInfo | null>(null);
+const collection = ref<SteamCollection | null>(null);
 const isLoading = ref(true);
 const error = ref<string>("");
 
@@ -34,6 +37,10 @@ const isSuperuser = computed(() => {
   return userInfo.value?.is_superuser || false;
 });
 
+const isTournamentClosed = computed(() => {
+  return !!(collection.value && !collection.value.accepting_submissions);
+});
+
 // Computed property to get responses grouped by puzzle
 const responsesByPuzzle = computed(() => {
   const grouped: Record<number, PuzzleResponse[]> = {};
@@ -66,6 +73,16 @@ async function initialize() {
       console.warn("User info error:", userResponse.error);
     }
 
+    // Load collection data
+    console.log("Loading collection...");
+    const collectionResponse = await apiService.getCollection();
+    if (collectionResponse.data) {
+      collection.value = collectionResponse.data;
+      console.log("Collection loaded:", collectionResponse.data);
+    } else if (collectionResponse.error) {
+      console.warn("Collection error:", collectionResponse.error);
+    }
+
     // Load puzzles from API using store
     console.log("Loading puzzles...");
     await puzzlesStore.loadPuzzles();
@@ -173,45 +190,62 @@ const goHome = () => {
 
       <!-- Main Content -->
       <div v-else class="space-y-8">
-        <!-- Collection Info -->
-        <div class="mb-8">
-          <div class="card bg-base-100 shadow-lg">
-            <div class="card-body">
-              <h2 class="card-title text-2xl">{{ props.collectionTitle }}</h2>
-              <p class="text-base-content/70">
-                {{ props.collectionDescription }}
-              </p>
-              <div class="flex flex-wrap gap-4 mt-4">
-                <button @click="openSubmissionModal" class="btn btn-primary">
-                  <i class="mdi mdi-plus mr-2"></i>
-                  Submit Solution
-                </button>
+
+        <!-- Winners Section (only when tournament is closed) -->
+        <div v-if="isTournamentClosed" class="space-y-8">
+          <Winners />
+          <PuzzleResults />
+        </div>
+
+        <template v-else>
+
+          <!-- Collection Info -->
+          <div class="mb-8">
+            <div class="card bg-base-100 shadow-lg">
+              <div class="card-body">
+                <h2 class="card-title text-2xl">{{ props.collectionTitle }}</h2>
+                <p class="text-base-content/70">
+                  {{ props.collectionDescription }}
+                </p>
+                <div class="flex flex-wrap gap-4 mt-4">
+                  <button @click="openSubmissionModal" class="btn btn-primary" :disabled="isTournamentClosed">
+                    <i class="mdi mdi-plus mr-2"></i>
+                    Submit Solution
+                  </button>
+                </div>
+                <div v-if="isTournamentClosed" class="alert alert-warning mt-4">
+                  <i class="mdi mdi-alert-circle text-xl"></i>
+                  <div>
+                    <h3 class="font-bold">Tournament Closed</h3>
+                    <div class="text-sm">This tournament is no longer accepting new submissions.</div>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
-        </div>
 
-        <Results />
+          <Results />
 
-        <!-- Admin Panel (only for superusers) -->
-        <div v-if="isSuperuser">
-          <AdminPanel />
-        </div>
+          <!-- Admin Panel (only for superusers) -->
+          <div v-if="isSuperuser">
+            <AdminPanel />
+          </div>
 
-        <!-- Puzzles Grid -->
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-          <PuzzleCard v-for="puzzle in puzzlesStore.puzzles" :key="puzzle.id" :puzzle="puzzle"
-            :responses="responsesByPuzzle[puzzle.id] || []" />
-        </div>
+          <!-- Puzzles Grid -->
+          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            <PuzzleCard v-for="puzzle in puzzlesStore.puzzles" :key="puzzle.id" :puzzle="puzzle"
+              :responses="responsesByPuzzle[puzzle.id] || []" />
+          </div>
 
-        <!-- Empty State -->
-        <div v-if="puzzlesStore.puzzles.length === 0" class="text-center py-12">
-          <div class="text-6xl mb-4">🧩</div>
-          <h3 class="text-xl font-bold mb-2">No Puzzles Available</h3>
-          <p class="text-base-content/70">
-            Check back later for new puzzle collections!
-          </p>
-        </div>
+          <!-- Empty State -->
+          <div v-if="puzzlesStore.puzzles.length === 0" class="text-center py-12">
+            <div class="text-6xl mb-4">🧩</div>
+            <h3 class="text-xl font-bold mb-2">No Puzzles Available</h3>
+            <p class="text-base-content/70">
+              Check back later for new puzzle collections!
+            </p>
+          </div>
+        </template>
       </div>
     </div>