code panel for submission list

src/oj/submission/components/SubmissionLink.vue

@@ -0,0 +1,33 @@
+<template>
+  <n-flex v-if="props.submission.show_link" align="center">
+    <n-button text type="info" @click="$emit('showCode')">
+      {{ props.submission.id.slice(0, 12) }}
+    </n-button>
+    <n-button text @click="goto">
+      <template #icon>
+        <n-icon color="#aaa">
+          <Code />
+        </n-icon>
+      </template>
+    </n-button>
+  </n-flex>
+  <span v-else>
+    {{ props.submission.id.slice(0, 12) }}
+  </span>
+</template>
+
+<script setup lang="ts">
+import Code from "~/shared/icons/Code.vue"
+import { Submission } from "~/utils/types"
+
+interface Props {
+  submission: Submission
+}
+const router = useRouter()
+const props = defineProps<Props>()
+defineEmits(["showCode"])
+
+function goto() {
+  router.push("/submission/" + props.submission.id)
+}
+</script>