@xcpcio/board-app 0.52.0 → 0.53.0

package/src/components/board/AnimatedSubmissionBlock.vue

@@ -6,8 +6,8 @@ import type { AnimatedSubmissionBlockItem } from "~/composables/type";
 import { LastBlockDisplayType } from "~/composables/type";
 
 const props = defineProps<{
-  item: AnimatedSubmissionBlockItem,
-  lastBlockDisplayType: LastBlockDisplayType,
+  item: AnimatedSubmissionBlockItem;
+  lastBlockDisplayType: LastBlockDisplayType;
 }>();
 
 const item = computed(() => props.item);

package/src/components/board/AnimatedSubmissionsModal.vue

@@ -6,7 +6,7 @@ import type { AnimatedSubmissionBlockItem } from "~/composables/type";
 import { LastBlockDisplayType } from "~/composables/type";
 
 const props = defineProps<{
-  rank: Rank,
+  rank: Rank;
 }>();
 
 const rank = computed(() => props.rank);

package/src/components/board/Badge.vue

@@ -3,8 +3,8 @@ import type { Image } from "@xcpcio/types";
 import { getImageSource } from "@xcpcio/core";
 
 const props = defineProps<{
-  image: Image
-  widthClass?: string
+  image: Image;
+  widthClass?: string;
 }>();
 
 const image = computed(() => {

package/src/components/board/Board.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import _ from "lodash";
-import { useRouteQuery } from "@vueuse/router";
+import type { Contest, Submissions, Teams } from "@xcpcio/core";
 import { onKeyStroke, useDocumentVisibility, useIntervalFn, useNow } from "@vueuse/core";
+import { useRouteQuery } from "@vueuse/router";
 
-import { Rank, RankOptions, createContest, createSubmissions, createTeams, getImageSource, getTimeDiff } from "@xcpcio/core";
-import type { Contest, Submissions, Teams } from "@xcpcio/core";
+import { createContest, createSubmissions, createTeams, getImageSource, getTimeDiff, Rank, RankOptions } from "@xcpcio/core";
 import { ContestState, type Contest as IContest, type Submissions as ISubmissions, type Teams as ITeams } from "@xcpcio/types";
+import _ from "lodash";
 
-import { TITLE_SUFFIX } from "~/composables/constant";
 import type { Item } from "~/components/board/SecondLevelMenu.vue";
+import { TITLE_SUFFIX } from "~/composables/constant";
 
 const props = defineProps<{
-  dataSourceUrl?: string,
+  dataSourceUrl?: string;
 }>();
 
 const route = useRoute();
@@ -45,7 +45,7 @@ const enableAutoScroll = ref(false);
   const routeQueryForBattleOfGiants = useRouteQueryForBattleOfGiants();
   if (
     routeQueryForBattleOfGiants.value !== null
- && routeQueryForBattleOfGiants.value !== undefined
+    && routeQueryForBattleOfGiants.value !== undefined
   ) {
     rankOptions.value.battleOfGiants.FromBase64(routeQueryForBattleOfGiants.value);
   }
@@ -187,7 +187,7 @@ const group = computed(() => {
 });
 
 const groupMenuList = computed(() => {
-  const res = Array<Item>();
+  const res = new Array<Item>();
 
   for (const [k, v] of group.value) {
     const item = {

package/src/components/board/BoardTab.vue

@@ -6,7 +6,7 @@ import { Dropdown } from "flowbite";
 import { useToast } from "vue-toast-notification";
 
 const props = defineProps<{
-  rank: Rank,
+  rank: Rank;
 }>();
 
 const rank = computed(() => props.rank);

package/src/components/board/BottomStatistics.vue

@@ -2,7 +2,7 @@
 import type { ProblemStatistics, Rank } from "@xcpcio/core";
 
 const props = defineProps<{
-  rank: Rank,
+  rank: Rank;
 }>();
 
 const { t } = useI18n();

package/src/components/board/ContestStateBadge.vue

@@ -2,9 +2,9 @@
 import { ContestState } from "@xcpcio/types";
 
 const props = defineProps<{
-  state: ContestState,
-  pendingTime?: string,
-  pausedTime?: string,
+  state: ContestState;
+  pendingTime?: string;
+  pausedTime?: string;
 }>();
 </script>
 

package/src/components/board/Export.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { ModelSelect } from "vue-search-select";
-import { useToast } from "vue-toast-notification";
+import type { Rank } from "@xcpcio/core";
+import { CodeforcesGymGhostDATConverter, GeneralExcelConverter, ICPCStandingsCsvConverter } from "@xcpcio/core";
 import FileSaver from "file-saver";
 import sleep from "sleep-promise";
 
-import type { Rank } from "@xcpcio/core";
-import { CodeforcesGymGhostDATConverter, GeneralExcelConverter, ICPCStandingsCsvConverter } from "@xcpcio/core";
+import { ModelSelect } from "vue-search-select";
+import { useToast } from "vue-toast-notification";
 
 const props = defineProps<{
-  rank: Rank,
+  rank: Rank;
 }>();
 
 const $toast = useToast();

package/src/components/board/Modal.vue

@@ -2,11 +2,11 @@
 import { useMagicKeys } from "@vueuse/core";
 
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  title?: string,
-  width?: string,
-  mt?: string,
+  title?: string;
+  width?: string;
+  mt?: string;
 }>();
 
 const emit = defineEmits(["update:isHidden"]);

package/src/components/board/ModalMenu.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const props = defineProps<{
-  currentType: string,
-  types: Array<string>,
+  currentType: string;
+  types: Array<string>;
 }>();
 
 const emit = defineEmits(["update:currentType"]);

package/src/components/board/OptionsModal.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
+import type { Rank, RankOptions, SelectOptionItem } from "@xcpcio/core";
 import _ from "lodash";
 import { MultiSelect } from "vue-search-select";
-import type { Rank, RankOptions, SelectOptionItem } from "@xcpcio/core";
 
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  rank: Rank,
-  rankOptions: RankOptions,
+  rank: Rank;
+  rankOptions: RankOptions;
 }>();
 
 const emit = defineEmits([

package/src/components/board/ProblemBlock.vue

@@ -2,8 +2,8 @@
 import type { Problem, Rank } from "@xcpcio/core";
 
 const props = defineProps<{
-  rank: Rank,
-  problem: Problem
+  rank: Rank;
+  problem: Problem;
 }>();
 
 const hiddenModal = ref(true);

package/src/components/board/ProblemInfoModal.vue

@@ -2,10 +2,10 @@
 import type { Problem, Rank } from "@xcpcio/core";
 
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  rank: Rank,
-  problem: Problem
+  rank: Rank;
+  problem: Problem;
 }>();
 
 const emit = defineEmits(["update:isHidden"]);

package/src/components/board/Progress.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { ContestState } from "@xcpcio/types";
-import { useRouteQuery } from "@vueuse/router";
 import type { Rank, RankOptions } from "@xcpcio/core";
+import { useRouteQuery } from "@vueuse/router";
 import { createDayJS, getTimeDiff } from "@xcpcio/core";
+import { ContestState } from "@xcpcio/types";
 
 const props = defineProps<{
-  width: number,
-  state: ContestState,
-  needScroll?: boolean,
-  rank?: Rank,
-  rankOptions?: RankOptions,
-  elapsedTime?: string,
+  width: number;
+  state: ContestState;
+  needScroll?: boolean;
+  rank?: Rank;
+  rankOptions?: RankOptions;
+  elapsedTime?: string;
 }>();
 const emit = defineEmits(["update:rank-options"]);
 
@@ -33,7 +33,10 @@ const barClass = computed(() => {
       return "am-progress-bar-danger";
     case ContestState.FINISHED:
       return "am-progress-bar-primary";
+    case ContestState.PAUSED:
+      return "am-progress-bar-danger";
   }
+  return "";
 });
 
 const pauseUpdate = ref(false);
@@ -105,7 +108,7 @@ function startDrag(event: MouseEvent) {
       progressRatio.value = dragWidth.value;
       rankOptions.value?.setWidth(dragWidth.value, props.rank!.contest);
     } else {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // eslint-disable-next-line ts/ban-ts-comment
       // @ts-expect-error
       progressRatio.value = undefined;
       rankOptions.value?.disableFilterSubmissionByTimestamp();

package/src/components/board/SecondLevelMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useRouteQuery } from "@vueuse/router";
 import type { Lang } from "@xcpcio/types";
+import { useRouteQuery } from "@vueuse/router";
 
 export interface Item {
   title?: string;
@@ -21,7 +21,7 @@ const props = defineProps<{
   currentItem: string;
   queryParamName: string;
   reverseOrder?: boolean;
-  // eslint-disable-next-line unused-imports/no-unused-vars
+
   onChange?: (current: string) => void;
 }>();
 

package/src/components/board/Standings.vue

@@ -3,7 +3,7 @@ import type { Rank } from "@xcpcio/core";
 import { GiantsType, Team } from "@xcpcio/core";
 
 const props = defineProps<{
-  rank: Rank,
+  rank: Rank;
 }>();
 
 const { t } = useI18n();
@@ -31,8 +31,8 @@ const filterTeams = computed(() => {
 });
 
 interface GiantTeam {
-  team: Team,
-  giantsType: GiantsType,
+  team: Team;
+  giantsType: GiantsType;
 }
 
 const giantTeams = computed(() => {
@@ -49,7 +49,7 @@ const giantTeams = computed(() => {
     const giantsType = (() => {
       if (
         blueTeam.filterOrganizationMap.has(t.organization)
-     || blueTeam.filterTeamMap.has(t.id)
+        || blueTeam.filterTeamMap.has(t.id)
       ) {
         if (blueCnt >= battleOfGiants.topX) {
           return null;
@@ -61,7 +61,7 @@ const giantTeams = computed(() => {
 
       if (
         redTeam.filterOrganizationMap.has(t.organization)
-     || redTeam.filterTeamMap.has(t.id)
+        || redTeam.filterTeamMap.has(t.id)
       ) {
         if (redCnt >= battleOfGiants.topX) {
           return null;

package/src/components/board/Statistics.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { Chart } from "highcharts-vue";
-
 import type { Rank } from "@xcpcio/core";
 
+import { Chart } from "highcharts-vue";
+
 const props = defineProps<{
-  rank: Rank,
+  rank: Rank;
 }>();
 
 const { t } = useI18n();

package/src/components/board/SubmissionsTable.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { MultiSelect } from "vue-search-select";
-
 import type { Rank, SelectOptionItem, Submissions } from "@xcpcio/core";
-import { Submission } from "@xcpcio/core";
+
 import type { SubmissionReaction, SubmissionStatus } from "@xcpcio/types";
+import { Submission } from "@xcpcio/core";
 import { SubmissionStatusToString } from "@xcpcio/types";
+import { MultiSelect } from "vue-search-select";
 
 import { Pagination } from "~/composables/pagination";
 
@@ -18,18 +18,18 @@ interface FilterOptions {
 }
 
 interface EnableFilterOptions {
-  organization?: boolean,
-  team?: boolean,
-  language?: boolean,
-  status?: boolean,
+  organization?: boolean;
+  team?: boolean;
+  language?: boolean;
+  status?: boolean;
 }
 
 const props = defineProps<{
-  rank: Rank,
-  submissions: Submissions,
-  pageSize?: number,
-  removeBorder?: boolean,
-  enableFilter?: EnableFilterOptions,
+  rank: Rank;
+  submissions: Submissions;
+  pageSize?: number;
+  removeBorder?: boolean;
+  enableFilter?: EnableFilterOptions;
 }>();
 
 const rank = computed(() => props.rank);
@@ -145,9 +145,9 @@ const submissions = computed(() => {
     const o = filterOptions.value;
 
     if (o.orgNames.length === 0
-     && o.teamIds.length === 0
-     && o.languages.length === 0
-     && o.statuses.length === 0
+      && o.teamIds.length === 0
+      && o.languages.length === 0
+      && o.statuses.length === 0
     ) {
       return true;
     }

package/src/components/board/SubmissionsTableModal.vue

@@ -2,11 +2,11 @@
 import type { Rank, Team, TeamProblemStatistics } from "@xcpcio/core";
 
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  rank: Rank,
-  team: Team,
-  p: TeamProblemStatistics,
+  rank: Rank;
+  team: Team;
+  p: TeamProblemStatistics;
 }>();
 
 const emit = defineEmits(["update:isHidden"]);

package/src/components/board/TeamAwards.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { MedalType } from "@xcpcio/core";
 import type { Rank, Team } from "@xcpcio/core";
+import { MedalType } from "@xcpcio/core";
 
 const props = defineProps<{
-  team: Team,
-  rank: Rank,
+  team: Team;
+  rank: Rank;
 }>();
 
 const team = computed(() => props.team);

package/src/components/board/TeamInfoModal.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { Chart } from "highcharts-vue";
-
 import type { Rank, Team } from "@xcpcio/core";
 
+import { Chart } from "highcharts-vue";
+
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  rank: Rank,
-  team: Team,
+  rank: Rank;
+  team: Team;
 }>();
 
 const emit = defineEmits(["update:isHidden"]);

package/src/components/board/TeamProblemBlock.vue

@@ -2,9 +2,9 @@
 import type { Rank, Team, TeamProblemStatistics } from "@xcpcio/core";
 
 const props = defineProps<{
-  rank: Rank,
-  team: Team,
-  p: TeamProblemStatistics,
+  rank: Rank;
+  team: Team;
+  p: TeamProblemStatistics;
 }>();
 
 const hiddenModal = ref(true);
@@ -40,8 +40,8 @@ function getProblemShow(p: TeamProblemStatistics): string {
   }
 
   if ((p.isSolved && rank.value.contest.statusTimeDisplay.correct)
-                || (p.isPending && rank.value.contest.statusTimeDisplay.pending)
-                || (p.isWrongAnswer && rank.value.contest.statusTimeDisplay.incorrect)) {
+    || (p.isPending && rank.value.contest.statusTimeDisplay.pending)
+    || (p.isWrongAnswer && rank.value.contest.statusTimeDisplay.incorrect)) {
     res += `/${Math.floor(p.lastSubmitTimestamp / 60)}`;
   }
 

package/src/components/board/TeamUI.vue

@@ -3,9 +3,9 @@ import type { Rank, Team } from "@xcpcio/core";
 import { GiantsType, MedalType } from "@xcpcio/core";
 
 const props = defineProps<{
-  ix: number,
-  rank: Rank,
-  team: Team,
+  ix: number;
+  rank: Rank;
+  team: Team;
   isFilter?: boolean;
   giantsType?: GiantsType;
 }>();

package/src/components/flowbite/Tooltip.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { Tooltip } from "flowbite";
 import type { TooltipInterface, TooltipOptions } from "flowbite";
+import { Tooltip } from "flowbite";
 
 import "./Tooltip.css";
 
 const props = defineProps<{
-  placement?: "left" | "right" | "top" | "bottom" | "auto",
+  placement?: "left" | "right" | "top" | "bottom" | "auto";
 }>();
 
 const tooltipTargetEl = ref(null);

package/src/components/rating/Rating.vue

@@ -3,7 +3,7 @@ import { useFetch } from "@vueuse/core";
 import { Rating } from "@xcpcio/core";
 
 const props = defineProps<{
-  id: string
+  id: string;
 }>();
 
 const id = computed(() => props.id);

package/src/components/rating/RatingBadge.vue

@@ -4,7 +4,7 @@ import { RatingLevelToString, RatingUtility } from "@xcpcio/core";
 import "./rating.less";
 
 const props = defineProps<{
-  rating: number
+  rating: number;
 }>();
 
 const rating = computed(() => props.rating);

package/src/components/rating/RatingIndexUI.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { useElementVisibility } from "@vueuse/core";
-
 import type { IRatingIndex } from "@xcpcio/types/index";
 
+import { useElementVisibility } from "@vueuse/core";
+
 const props = defineProps<{
-  ratingIndex: IRatingIndex
+  ratingIndex: IRatingIndex;
 }>();
 
 const ratingIndex = computed(() => props.ratingIndex);

package/src/components/rating/RatingInfoModal.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { Chart } from "highcharts-vue";
-
 import type { RatingUser } from "@xcpcio/core";
 
+import { Chart } from "highcharts-vue";
+
 import "./rating.less";
 
 const props = defineProps<{
-  isHidden: boolean,
+  isHidden: boolean;
 
-  ratingUser: RatingUser,
+  ratingUser: RatingUser;
 }>();
 
 const emit = defineEmits(["update:isHidden"]);

package/src/components/rating/RatingTable.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { MultiSelect } from "vue-search-select";
-
 import type { Rating, SelectOptionItem } from "@xcpcio/core";
 
+import { MultiSelect } from "vue-search-select";
+
 import { Pagination } from "~/composables/pagination";
 
 interface FilterOptions {
@@ -11,7 +11,7 @@ interface FilterOptions {
 }
 
 const props = defineProps<{
-  rating: Rating,
+  rating: Rating;
   pageSize?: number;
   removeBorder?: boolean;
 }>();
@@ -75,7 +75,7 @@ const users = computed(() => {
     const o = filterOptions.value;
 
     if (o.organizations.length === 0
-    && o.members.length === 0) {
+      && o.members.length === 0) {
       return true;
     }
 

package/src/components/rating/RatingUserUI.vue

@@ -5,8 +5,8 @@ import { RatingUtility } from "@xcpcio/core";
 import "./rating.less";
 
 const props = defineProps<{
-  ix: number,
-  ratingUser: RatingUser,
+  ix: number;
+  ratingUser: RatingUser;
 }>();
 
 const u = computed(() => props.ratingUser);

package/src/components/table/TablePagination.vue

@@ -2,7 +2,7 @@
 import type { Pagination } from "~/composables/pagination";
 
 const props = defineProps<{
-  pagination: Pagination,
+  pagination: Pagination;
 }>();
 const emit = defineEmits(["update:pagination"]);
 

package/src/components.d.ts

@@ -1,10 +1,10 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     AnimatedSubmissionBlock: typeof import('./components/board/AnimatedSubmissionBlock.vue')['default']

package/src/composables/color.ts

@@ -1,7 +1,7 @@
-import { MedalType } from "@xcpcio/core";
 import type { Submission, Team } from "@xcpcio/core";
+import { MedalType } from "@xcpcio/core";
 
-export function getMedalColor(team: Team): { backgroundColor: string, color: string } | undefined {
+export function getMedalColor(team: Team): { backgroundColor: string; color: string } | undefined {
   const color = {
     backgroundColor: "#fff",
     color: "#000",

package/src/composables/logo/index.ts

@@ -1,8 +1,8 @@
 import type { Image } from "@xcpcio/types";
 
-import { GET_LOGO_ICPC } from "./icpc";
 import { GET_LOGO_CCPC } from "./ccpc";
 import { GET_LOGO_HUNAN_CPC } from "./hunan-cpc";
+import { GET_LOGO_ICPC } from "./icpc";
 
 export function getLogoFromPreset(image: Image): Image {
   if (!image.preset) {

package/src/composables/pagination.ts

@@ -56,8 +56,8 @@ export class Pagination {
   }
 
   onPageChange(options: {
-    to?: number,
-    diff?: number,
+    to?: number;
+    diff?: number;
   }) {
     const totalPage = this.totalPage;
 

package/src/composables/rating.ts

@@ -1,5 +1,5 @@
-import { RatingLevelToString, RatingUtility } from "@xcpcio/core";
 import type { RatingUser } from "@xcpcio/core";
+import { RatingLevelToString, RatingUtility } from "@xcpcio/core";
 
 interface RatingGraphData {
   x: number;

package/src/composables/statistics.ts

@@ -1,4 +1,4 @@
-import { type Rank, type Team, getTimeDiff } from "@xcpcio/core";
+import { getTimeDiff, type Rank, type Team } from "@xcpcio/core";
 
 function getChartObj(title: string, xText: string, yText: string, cat: any, series: any, colors: any) {
   return {