Legrems/opus-submitter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(opus): wrong frontend ordering points -> rank-points

Browse Source
This commit is contained in:
Loïc Gremaud 2026-05-15 03:05:33 +02:00
parent 3e04f8312a
commit 779393106d
Signed by: Legrems
GPG Key ID: D4620E6DF3E0121D
2 changed files with 156 additions and 174 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
polylan_submitter/src/OpusMagnum.vue
View File

@ -126,17 +126,10 @@ const goHome = () => {
<h1 class="text-xl font-bold">Opus Magnum Puzzle Submitter</h1> <h1 class="text-xl font-bold">Opus Magnum Puzzle Submitter</h1>
<div class="flex-1"></div> <div class="flex-1"></div>
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<div <div v-if="userInfo?.is_authenticated" class="flex items-center gap-2">
v-if="userInfo?.is_authenticated"
class="flex items-center gap-2"
>
<div class="text-sm"> <div class="text-sm">
<span class="font-medium">{{ userInfo.username }}</span> <span class="font-medium">{{ userInfo.username }}</span>
<span <span v-if="userInfo.is_superuser" class="badge badge-warning badge-xs ml-1">Admin</span>
v-if="userInfo.is_superuser"
class="badge badge-warning badge-xs ml-1"
>Admin</span
>
</div> </div>
</div> </div>
<div v-else class="text-sm text-base-content/70">Not logged in</div> <div v-else class="text-sm text-base-content/70">Not logged in</div>
@ -158,10 +151,7 @@ const goHome = () => {
</div> </div>
</div> </div>
<div <div v-if="isLoading" class="flex justify-center items-center min-h-[400px]">
v-if="isLoading"
class="flex justify-center items-center min-h-[400px]"
>
<div class="text-center"> <div class="text-center">
<span class="loading loading-spinner loading-lg"></span> <span class="loading loading-spinner loading-lg"></span>
<p class="mt-4 text-base-content/70">Loading puzzles...</p> <p class="mt-4 text-base-content/70">Loading puzzles...</p>
@ -210,12 +200,8 @@ const goHome = () => {
<!-- Puzzles Grid --> <!-- Puzzles Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<PuzzleCard <PuzzleCard v-for="puzzle in puzzlesStore.puzzles" :key="puzzle.id" :puzzle="puzzle"
v-for="puzzle in puzzlesStore.puzzles" :responses="responsesByPuzzle[puzzle.id] || []" />
:key="puzzle.id"
:puzzle="puzzle"
:responses="responsesByPuzzle[puzzle.id] || []"
/>
</div> </div>
<!-- Empty State --> <!-- Empty State -->
@ -234,18 +220,12 @@ const goHome = () => {
<div class="modal-box max-w-6xl"> <div class="modal-box max-w-6xl">
<div class="flex justify-between items-center mb-4"> <div class="flex justify-between items-center mb-4">
<h3 class="font-bold text-lg">Submit Solution</h3> <h3 class="font-bold text-lg">Submit Solution</h3>
<button <button @click="closeSubmissionModal" class="btn btn-sm btn-circle btn-ghost">
@click="closeSubmissionModal"
class="btn btn-sm btn-circle btn-ghost"
>
<i class="mdi mdi-close"></i> <i class="mdi mdi-close"></i>
</button> </button>
</div> </div>
<SubmissionForm <SubmissionForm :puzzles="puzzlesStore.puzzles" :find-puzzle-by-name="findPuzzleByName" />
:puzzles="puzzlesStore.puzzles"
:find-puzzle-by-name="findPuzzleByName"
/>
</div> </div>
<div class="modal-backdrop" @click="closeSubmissionModal"></div> <div class="modal-backdrop" @click="closeSubmissionModal"></div>
</div> </div>

10
polylan_submitter/src/components/Results.vue
View File

@ -101,7 +101,7 @@ const getPuzzleRanking = (puzzleId: number) => {
points: response.points, points: response.points,
rank_points: response.rank_points || 0, rank_points: response.rank_points || 0,
}; };
}); }).reverse();
}; };
const togglePuzzleExpanded = (puzzleId: number) => { const togglePuzzleExpanded = (puzzleId: number) => {
@ -186,7 +186,7 @@ onMounted(() => {
<div class="text-center"> <div class="text-center">
<p class="text-sm text-base-content/70 mb-1">Current Rank</p> <p class="text-sm text-base-content/70 mb-1">Current Rank</p>
<p v-if="userInfo.rank !== null" class="text-4xl font-bold text-primary"> <p v-if="userInfo.rank !== null" class="text-4xl font-bold text-primary">
#{{ userInfo.rank }} <RankBadge :rank="userInfo.rank" />
</p> </p>
<p v-else class="text-2xl text-base-content/50">No rank yet</p> <p v-else class="text-2xl text-base-content/50">No rank yet</p>
</div> </div>
@ -278,10 +278,12 @@ onMounted(() => {
<!-- By Puzzle Ranking --> <!-- By Puzzle Ranking -->
<div v-show="selectedTab === 'byPuzzle'" class="space-y-6"> <div v-show="selectedTab === 'byPuzzle'" class="space-y-6">
<div v-for="puzzle in resultsData.puzzles" :key="puzzle.id" class="card bg-base-100 border border-base-300"> <div v-for="puzzle in resultsData.puzzles" :key="puzzle.id"
class="card bg-base-100 border border-base-300">
<button @click="togglePuzzleExpanded(puzzle.id)" <button @click="togglePuzzleExpanded(puzzle.id)"
class="btn btn-ghost btn-lg w-full justify-start text-lg font-bold hover:bg-primary/20 rounded-b-none"> class="btn btn-ghost btn-lg w-full justify-start text-lg font-bold hover:bg-primary/20 rounded-b-none">
<i :class="['mdi mr-2', expandedPuzzleId === puzzle.id ? 'mdi-chevron-down' : 'mdi-chevron-right']"></i> <i
:class="['mdi mr-2', expandedPuzzleId === puzzle.id ? 'mdi-chevron-down' : 'mdi-chevron-right']"></i>
{{ puzzle.title }} {{ puzzle.title }}
<span class="ml-auto badge badge-sm"> <span class="ml-auto badge badge-sm">
{{ getPuzzleRanking(puzzle.id).length }} submissions {{ getPuzzleRanking(puzzle.id).length }} submissions