@xcpcio/board-app 0.24.3 → 0.25.0

package/src/components/BalloonBlock.vue

@@ -7,9 +7,8 @@ const props = defineProps<{
   balloon: Balloon,
 }>();
 
-const balloon = computed(() => {
-  return props.balloon;
-});
+const index = computed(() => props.index);
+const balloon = computed(() => props.balloon);
 
 const el = ref(null);
 const isVisible = useElementVisibility(el);
@@ -42,18 +41,18 @@ function getColor(c: ThemeColor): string {
       h-24
       flex flex-row gap-x-4
       font-mono text-4xl
-      :class="[props.index % 2 === 0 ? 'bg-resolver-bg-zero' : 'bg-resolver-bg-one']"
+      :class="[index % 2 === 0 ? 'bg-resolver-bg-zero' : 'bg-resolver-bg-one']"
     >
       <div
         w-20
         flex flex-shrink-0 justify-center items-center
         :style="{
-          backgroundColor: getColor(balloon.problem!.balloonColor!.background_color),
+          backgroundColor: getColor(balloon.problem?.balloonColor?.background_color ?? 'rgba(0, 0, 0, 0.5)'),
         }"
       >
         <div
           :style="{
-            color: getColor(balloon.problem!.balloonColor!.color),
+            color: getColor(balloon.problem?.balloonColor?.color ?? '#fff'),
           }"
         >
           {{ balloon.problem.label }}

package/src/components/board/Board.vue

@@ -325,9 +325,15 @@ const widthClass = "sm:w-[1260px] xl:w-screen";
         </div>
       </div>
 
+      <div mt-1>
+        <BoardTab
+          :rank="rank"
+        />
+      </div>
+
       <div
         :class="[widthClass]"
-        mt-4
+        mt-1
         flex flex-row justify-center
       >
         <div class="w-[92%]">

package/src/components/board/BoardTab.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import type { Rank } from "@xcpcio/core";
+
+const props = defineProps<{
+  rank: Rank,
+}>();
+
+const rank = computed(() => props.rank);
+
+const { t } = useI18n();
+</script>
+
+<template>
+  <div>
+    <VTooltip
+      w-inherit
+    >
+      <div
+        text-lg
+      >
+        <div i-material-symbols-info-outline text-lg />
+      </div>
+
+      <template #popper>
+        <div
+          flex
+        >
+          <div>
+            {{ t("standings.options.calculation_of_penalty") }}: {{ t(`standings.options.${rank.contest.options?.calculationOfPenalty}`) }}
+          </div>
+        </div>
+      </template>
+    </VTooltip>
+  </div>
+</template>

package/src/components/board/Progress.vue

@@ -146,13 +146,15 @@ function barWidthInStyle() {
 }
 
 onMounted(() => {
-  scroll.value.onmouseenter = () => {
-    tooltip.value.classList.add("in");
-  };
-
-  scroll.value.onmouseleave = () => {
-    tooltip.value.classList.remove("in");
-  };
+  if (props.needScroll === true) {
+    scroll.value.onmouseenter = () => {
+      tooltip.value.classList.add("in");
+    };
+
+    scroll.value.onmouseleave = () => {
+      tooltip.value.classList.remove("in");
+    };
+  }
 
   if (progressRatio.value !== -1) {
     pauseUpdate.value = true;

package/src/components.d.ts

@@ -11,6 +11,7 @@ declare module 'vue' {
     Balloon: typeof import('./components/Balloon.vue')['default']
     BalloonBlock: typeof import('./components/BalloonBlock.vue')['default']
     Board: typeof import('./components/board/Board.vue')['default']
+    BoardTab: typeof import('./components/board/BoardTab.vue')['default']
     BottomStatistics: typeof import('./components/board/BottomStatistics.vue')['default']
     ContestIndexUI: typeof import('./components/ContestIndexUI.vue')['default']
     ContestStateBadge: typeof import('./components/board/ContestStateBadge.vue')['default']

package/dist/assets/en-4a3e0074.js

@@ -1 +0,0 @@
-const t={button:{about:n=>{const{normalize:r}=n;return r(["About"])},back:n=>{const{normalize:r}=n;return r(["Back"])},go:n=>{const{normalize:r}=n;return r(["GO"])},home:n=>{const{normalize:r}=n;return r(["Home"])},confirm:n=>{const{normalize:r}=n;return r(["Confirm"])},cancel:n=>{const{normalize:r}=n;return r(["Cancel"])},toggle_dark:n=>{const{normalize:r}=n;return r(["Toggle dark mode"])},toggle_langs:n=>{const{normalize:r}=n;return r(["Change languages"])}},intro:{desc:n=>{const{normalize:r}=n;return r(["Opinionated Vite Starter Template"])},"dynamic-route":n=>{const{normalize:r}=n;return r(["Demo of dynamic route"])},hi:n=>{const{normalize:r,interpolate:e,named:o}=n;return r(["Hi, ",e(o("name")),"!"])},aka:n=>{const{normalize:r}=n;return r(["Also known as"])},"whats-your-name":n=>{const{normalize:r}=n;return r(["What's your name?"])}},"not-found":n=>{const{normalize:r}=n;return r(["Not found"])},common:{loading:n=>{const{normalize:r}=n;return r(["Loading"])},colon:n=>{const{normalize:r}=n;return r([":"])}},index:{start:n=>{const{normalize:r}=n;return r(["StartTime"])},duration:n=>{const{normalize:r}=n;return r(["Duration"])}},type_menu:{rank:n=>{const{normalize:r}=n;return r(["Rank"])},submissions:n=>{const{normalize:r}=n;return r(["Submissions"])},statistics:n=>{const{normalize:r}=n;return r(["Statistics"])},balloon:n=>{const{normalize:r}=n;return r(["Balloon"])},export:n=>{const{normalize:r}=n;return r(["Export"])},resolver:n=>{const{normalize:r}=n;return r(["Resolver"])},options:n=>{const{normalize:r}=n;return r(["Options"])},awards:n=>{const{normalize:r}=n;return r(["Awards"])},utility:n=>{const{normalize:r}=n;return r(["Utility"])}},standings:{start_time:n=>{const{normalize:r}=n;return r(["Start"])},end_time:n=>{const{normalize:r}=n;return r(["End"])},elapsed:n=>{const{normalize:r}=n;return r(["Elapsed"])},remaining:n=>{const{normalize:r}=n;return r(["Remaining"])},place:n=>{const{normalize:r}=n;return r(["Place"])},team:n=>{const{normalize:r}=n;return r(["Team"])},solved:n=>{const{normalize:r}=n;return r(["Solved"])},penalty:n=>{const{normalize:r}=n;return r(["Penalty"])},dirt:n=>{const{normalize:r}=n;return r(["Dirt"])},statistics:{submitted:n=>{const{normalize:r}=n;return r(["Submitted"])},attempted:n=>{const{normalize:r}=n;return r(["Attempted"])},accepted:n=>{const{normalize:r}=n;return r(["Accepted"])},dirt:n=>{const{normalize:r}=n;return r(["Dirt"])},first_solved:n=>{const{normalize:r}=n;return r(["First Solved"])},last_solved:n=>{const{normalize:r}=n;return r(["Last Solved"])},head_data:{problems:n=>{const{normalize:r}=n;return r(["Problems"])},teams:n=>{const{normalize:r}=n;return r(["Teams"])},submissions:n=>{const{normalize:r}=n;return r(["Submissions"])}}}},submissions:{total_submissions:n=>{const{normalize:r}=n;return r(["Total Submissions"])}}};export{t as default};

package/dist/assets/index-4ddb0930.js

@@ -1 +0,0 @@
-import{g,h as D,i as c,u as V,o,c as n,j as t,n as E,d as a,k as w,t as v,l as h,m as F,p as R,B as $,q as A,w as O,s as q,v as M,x as Q,y as X,F as S,z as G,A as H,R as J,b as y,a as K,C}from"./app-a6c41ce5.js";import{u as P,g as W,_ as Y}from"./DataSourceInput.vue_vue_type_script_setup_true_lang-bdd603c5.js";import"./TheInput.vue_vue_type_script_setup_true_lang-19d39372.js";const Z={flex:"","flex-1":"","flex-col":"","justify-center":"","items-start":""},ee={class:"resolver-team-name",truncate:"","overflow-hidden":""},te=a("div",{flex:"","flex-row":"","text-sm":"","items-start":"","gap-x-2":""},null,-1),oe={"w-32":"",flex:"","flex-shrink-0":"","flex-row":"","justify-start":"","items-center":""},ne=g({__name:"BalloonBlock",props:{index:null,balloon:null},setup(d){const l=d,s=D(()=>l.balloon),m=c(null),i=V(m);function r(e){return[e.location,e.organization,e.name].filter(x=>x).join(" - ")}function f(e){return typeof e=="string"?e:F&&(e!=null&&e.dark)?e.dark:e.light}return(e,p)=>(o(),n("div",{ref_key:"el",ref:m,"h-24":""},[t(i)?(o(),n("div",{key:0,"h-24":"",flex:"","flex-row":"","gap-x-4":"","font-mono":"","text-4xl":"",class:E([l.index%2===0?"bg-resolver-bg-zero":"bg-resolver-bg-one"])},[a("div",{"w-20":"",flex:"","flex-shrink-0":"","justify-center":"","items-center":"",style:w({backgroundColor:f(t(s).problem.balloonColor.background_color)})},[a("div",{style:w({color:f(t(s).problem.balloonColor.color)})},v(t(s).problem.label),5)],4),a("div",Z,[a("div",ee,v(r(t(s).team)),1),te]),a("div",oe,v(t(s).submission.timestampToMinute),1)],2)):h("",!0)],512))}}),se={class:"bg-[#323443]","text-gray-200":""},ae={key:0},le={flex:"","flex-col":"","justify-center":"","items-center":"","w-screen":"","h-screen":"","text-xl":"",italic:""},re={key:0},ce={key:1},ie={flex:"","flex-col":"","justify-between":""},ue=g({__name:"Balloon",props:{dataSourceUrl:null},setup(d){const l=d,s=R($),{t:m}=A(),i=c(!1),r=c({}),f=c([]),e=c([]),p=c({}),x=c(new Date);function j(){const _=new J(r.value,f.value,e.value);_.buildBalloons(),p.value=_}const{data:u,isError:N,error:T}=P(l.dataSourceUrl,x);O(u,async()=>{var _,k,b;u.value===null||u.value===void 0||(r.value=q((_=u.value)==null?void 0:_.contest),s.value=`${r.value.name} | ${$}`,f.value=M((k=u.value)==null?void 0:k.teams),e.value=Q((b=u.value)==null?void 0:b.submissions),j(),i.value=!0)});const U=D(()=>p.value.balloons),z=setInterval(()=>{x.value=new Date},1e3);return X(()=>{clearInterval(z)}),(_,k)=>{const b=ne;return o(),n("div",se,[t(i)?(o(),n("div",ce,[a("div",ie,[(o(!0),n(S,null,G(t(U),(B,L)=>(o(),H(b,{key:B.key,index:L,balloon:B},null,8,["index","balloon"]))),128))])])):(o(),n("div",ae,[a("div",le,[a("div",null,v(t(m)("common.loading"))+"... ",1),t(N)?(o(),n("div",re,v(t(T)),1)):h("",!0)])]))])}}}),_e={key:0},de={"mt-20":""},me={key:1},fe=g({__name:"CustomBalloon",setup(d){const l=W();return(s,m)=>{const i=Y,r=ue;return o(),n(S,null,[t(l).length===0?(o(),n("div",_e,[a("div",de,[y(i)])])):h("",!0),t(l).length>0?(o(),n("div",me,[y(r,{"data-source-url":t(l)},null,8,["data-source-url"])])):h("",!0)],64)}}}),I={};function ve(d,l){const s=fe;return o(),n("div",null,[y(s)])}typeof C=="function"&&C(I);const he=K(I,[["render",ve]]);export{he as default};