@xcpcio/board-app 0.35.1 → 0.37.0

package/src/components/board/TeamUI.vue

@@ -44,7 +44,7 @@ function getStandClassName(t: Team, isRankField = false): string {
   }
 
   const solvedProblemIndex = (rank.value.rankStatistics.getTeamSolvedNumIndex(t.solvedProblemNum) - 1) % 2;
-  const rankIndex = (t.rank - 1) % 2;
+  const rankIndex = props.ix % 2;
 
   return `stand${solvedProblemIndex}${rankIndex}`;
 }

package/src/components.d.ts

@@ -7,6 +7,7 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    AnimatedSubmissionBlock: typeof import('./components/board/AnimatedSubmissionBlock.vue')['default']
     AnimatedSubmissionsModal: typeof import('./components/board/AnimatedSubmissionsModal.vue')['default']
     Badge: typeof import('./components/board/Badge.vue')['default']
     Balloon: typeof import('./components/Balloon.vue')['default']

package/src/composables/color.ts

@@ -1,5 +1,5 @@
 import { MedalType } from "@xcpcio/core";
-import type { Team } from "@xcpcio/core";
+import type { Submission, Team } from "@xcpcio/core";
 
 export function getMedalColor(team: Team): { backgroundColor: string, color: string } | undefined {
   const color = {
@@ -29,3 +29,19 @@ export function getMedalColor(team: Team): { backgroundColor: string, color: str
 
   return undefined;
 }
+
+export function getStandingsStatusColor(submission: Submission) {
+  if (submission.isFirstSolved) {
+    return "#3db03d";
+  }
+
+  if (submission.isAccepted()) {
+    return "#e1ffb5";
+  }
+
+  if (submission.isPending()) {
+    return "#c8d6fa";
+  }
+
+  return "#ffd0d0";
+}

package/src/composables/type.ts

@@ -0,0 +1,13 @@
+import type { Problem, Submission, Team } from "@xcpcio/core";
+
+export interface AnimatedSubmissionBlockItem {
+  submission: Submission,
+  team: Team,
+  problem: Problem,
+  displayName: string,
+}
+
+export enum LastBlockDisplayType {
+  SUBMISSION_STATUS,
+  SUBMIT_TIMESTAMP,
+}

package/src/styles/color.css

@@ -23,6 +23,11 @@ html {
   --theme-status-unknown: #000;
   --theme-status-undefined: var(--theme-status-unknown);
 
+  --theme-standings-first-solve: #3db03d;
+  --theme-standings-correct: #e1ffb5;
+  --theme-standings-incorrect: #ffd0d0;
+  --theme-standings-pending: #c8d6fa;
+
   --theme-resolver-ac: #5eb95e;
   --theme-resolver-wa: #dd514c;
   --theme-resolver-pending: #607D8B;
@@ -56,4 +61,9 @@ html.dark {
   --theme-status-skipped: #78909C;
   --theme-status-unknown: #fff;
   --theme-status-undefined: var(--theme-status-unknown);
+
+  --theme-standings-first-solve: #3db03d;
+  --theme-standings-correct: #e1ffb5;
+  --theme-standings-incorrect: #ffd0d0;
+  --theme-standings-pending: #c8d6fa;
 }