-
+ optionValue="value" placeholder="Select a Language">
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/SplashScreen.vue b/src/components/SplashScreen.vue
new file mode 100644
index 0000000..e823da2
--- /dev/null
+++ b/src/components/SplashScreen.vue
@@ -0,0 +1,88 @@
+
+
+
+
+
+
+
+
+ Share your algorithm problem with the community
+
+ Create a new algorithm problem
+
+ Edit your algorithm problem
+
+ Edit Problem
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ms
+
+
+
+
+
+ MB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ message }}
+
+
+
+
+
+
+
+ Pending
+
+
+
+
+
+
+
+
+
+ {{
+ testCase.input?.name }}
+
+ {{ formatSize(testCase.input?.size || 0) }}
+
+ {{
+ testCase.output?.name }}
+
+ {{ formatSize(testCase.output?.size || 0) }}
+
+
+
+
+ Drag and drop test cases to here to upload.
+
+
+
\ No newline at end of file
diff --git a/src/components/UniversalToolBar.vue b/src/components/UniversalToolBar.vue
index 1b2181b..29b1e13 100644
--- a/src/components/UniversalToolBar.vue
+++ b/src/components/UniversalToolBar.vue
@@ -1,17 +1,24 @@
@@ -108,28 +132,31 @@ const toggleCreateMenu = (event: any) => {
-
+
+
+ 
+
+
+ AlgoHub
+
+
+
+ {{ texts[index] }}
+ {{ status }}
+
+ Copyright © 2006-present ACM-SWPU. All rights reserved.
+
+
+
diff --git a/src/config.ts b/src/config.ts
index 729fd4c..6952239 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -1,3 +1,5 @@
export const config = {
- base: "http://localhost:8000/",
+ base: process.env.LOCAL
+ ? "http://localhost:8000/"
+ : "https://api.swpu-acm.org/",
};
diff --git a/src/main.ts b/src/main.ts
index 344d5fe..96986cc 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,7 +7,8 @@ import App from "@/App.vue";
import PrimeVue from "primevue/config";
import Aura from "@primevue/themes/aura";
import ToastService from "primevue/toastservice";
-import ConfirmationService from 'primevue/confirmationservice';
+import ConfirmationService from "primevue/confirmationservice";
+import Tooltip from "primevue/tooltip";
import router from "./router";
import { createPinia } from "pinia";
@@ -32,5 +33,6 @@ app.use(PrimeVue, {
});
app.use(ToastService);
app.use(ConfirmationService);
+app.directive("tooltip", Tooltip);
app.mount("#app");
diff --git a/src/router.ts b/src/router.ts
index a22b05c..8ae491b 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -3,6 +3,8 @@ import {
createWebHashHistory,
type RouteRecordRaw,
} from "vue-router";
+import NProgress from "nprogress";
+import "nprogress/nprogress.css";
const views = import.meta.glob([
"./views/**/*.vue",
@@ -27,7 +29,26 @@ const routes: RouteRecordRaw[] = Object.entries(views).map(
}
);
-export default createRouter({
+const router = createRouter({
history: createWebHashHistory(import.meta.env.BASE_URL),
routes: [...routes],
});
+
+NProgress.configure({
+ easing: "ease",
+ speed: 500,
+ showSpinner: false,
+ trickleSpeed: 200,
+ minimum: 0.3,
+});
+
+router.beforeEach((_to, _from, next) => {
+ NProgress.start();
+ next();
+});
+
+router.afterEach(() => {
+ NProgress.done();
+});
+
+export default router;
diff --git a/src/scripts/api.ts b/src/scripts/api.ts
index a0a830e..d42cff9 100644
--- a/src/scripts/api.ts
+++ b/src/scripts/api.ts
@@ -1,7 +1,19 @@
import { AxiosError } from "axios";
import axios from "@/scripts/axios";
import { handleAxiosError } from "@/scripts/utils";
-import type { Credentials, ProblemDetail, Profile } from "./types";
+import type {
+ CreateAsset,
+ Credentials,
+ UserProblem,
+ Profile,
+ UserContent,
+ CreateProblem,
+ Submission,
+ Contest,
+ CreateContest,
+ ContestProblem,
+ ContestRank,
+} from "./types";
export interface Response {
success: boolean;
@@ -30,25 +42,25 @@ export const register = async (form: Register) => {
}
};
-interface Upload {
- id: string;
- token: string;
- file: File;
-}
-
-interface UploadResponse {
- uri: string;
- path: string;
-}
-
-export const uploadContent = async (form: Upload) => {
+export const uploadContent = async (form: CreateAsset) => {
try {
- const response = await axios.put("/account/content/upload", form, {
+ const response = await axios.put("/asset/upload", form, {
headers: {
"Content-Type": "multipart/form-data",
},
});
- return response.data as Response;
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+};
+
+export const removeAsset = async (id: string, auth: Credentials) => {
+ try {
+ const response = await axios.delete(`/asset/delete/${id}`, {
+ data: auth,
+ });
+ return response.data as Response;
} catch (error) {
return handleAxiosError(AxiosError.from(error));
}
@@ -69,12 +81,12 @@ export const updateProfile = async (form: ProfileForm) => {
}
};
-interface LoginForm {
+interface Login {
identity: string;
password: string;
}
-export const login = async (form: LoginForm) => {
+export const login = async (form: Login) => {
try {
const response = await axios.post("/account/login", form);
return response.data as Response;
@@ -83,6 +95,15 @@ export const login = async (form: LoginForm) => {
}
};
+export const verifyToken = async (auth?: Credentials) => {
+ try {
+ const response = await axios.post("/account/verify", auth);
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+};
+
export const fetchProfile = async (id: string) => {
try {
const response = await axios.get(`/account/profile/${id}`);
@@ -92,30 +113,11 @@ export const fetchProfile = async (id: string) => {
}
};
-interface ProblemForm {
- id: string;
- token: string;
-
- title: string;
- description: string;
- input?: string;
- output?: string;
- samples: { input: string; output: string }[];
- hint?: string;
- time_limit: number;
- memory_limit: number;
- test_cases: { input: string; output: string }[];
- categories: string[];
- tags: string[];
- mode: "ICPC" | "OI";
- private: boolean;
-}
-
interface ProblemResponse {
id: string;
}
-export const createProblem = async (form: ProblemForm) => {
+export const createProblem = async (form: CreateProblem) => {
try {
const response = await axios.post("/problem/create", form);
return response.data as Response;
@@ -124,10 +126,19 @@ export const createProblem = async (form: ProblemForm) => {
}
};
+export const updateProblem = async (id: string, form: CreateProblem) => {
+ try {
+ const response = await axios.post(`/problem/update/${id}`, form);
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+};
+
export const fetchProblem = async (id: string, form?: Credentials) => {
try {
const response = await axios.post(`/problem/get/${id}`, form);
- return response.data as Response;
+ return response.data as Response;
} catch (error) {
return handleAxiosError(AxiosError.from(error));
}
@@ -142,24 +153,97 @@ interface ListProblem {
export const listProblems = async (form: ListProblem) => {
try {
const response = await axios.post("/problem/list", form);
- return response.data as Response;
+ return response.data as Response;
} catch (error) {
return handleAxiosError(AxiosError.from(error));
}
};
interface SubmitCodeForm {
- id: string;
- token: string;
- language: string;
+ auth: Credentials;
code: string;
+ lang: string;
+}
+
+interface Id {
+ id: string;
}
export const submitCode = async (problem_id: string, form: SubmitCodeForm) => {
try {
- const response = await axios.post(`/problem/submit/${problem_id}`, form);
- return response.data as Response;
+ const response = await axios.post(`/code/submit/${problem_id}`, form);
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+};
+
+export const fetchSubmission = async (id: string, form?: Credentials) => {
+ try {
+ const response = await axios.post(`/code/get/${id}`, form);
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+};
+
+export const listSubmissionsByProblemForAccount = async (
+ id: string,
+ account_id: string,
+ auth: Credentials
+) => {
+ try {
+ const response = await axios.post(
+ `/code/list/${id}/account/${account_id}`,
+ auth
+ );
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+};
+
+export const listAllContests = async (auth: Credentials) => {
+ try {
+ const response = await axios.post("/contest/list/all", auth);
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+};
+
+export const createContest = async (data: CreateContest) => {
+ try {
+ const response = await axios.post("/contest/create", data);
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+};
+
+export const listProblemsByContest = async (id: string, auth: Credentials) => {
+ try {
+ const response = await axios.post(`/contest/list/${id}/problems`, auth);
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+};
+
+export const fetchContest = async (id: string, auth: Credentials) => {
+ try {
+ const response = await axios.post(`/contest/get/${id}`, auth);
+ return response.data as Response;
} catch (error) {
return handleAxiosError(AxiosError.from(error));
}
};
+
+export const fetchRanks = async (id: string, auth: Credentials) => {
+ try {
+ const response = await axios.post(`/contest/rank/${id}`, auth);
+ return response.data as Response;
+ } catch (error) {
+ return handleAxiosError(AxiosError.from(error));
+ }
+}
\ No newline at end of file
diff --git a/src/scripts/store.ts b/src/scripts/store.ts
index 2470dca..7a0dc43 100644
--- a/src/scripts/store.ts
+++ b/src/scripts/store.ts
@@ -1,7 +1,7 @@
import { defineStore } from "pinia";
import { computed, ref } from "vue";
-import { expandUrl } from "./utils";
-import { Credentials } from "./types";
+import { expandAssetUrl } from "./utils";
+import { Credentials, RecordId } from "./types";
const prefersDarkMode = () => {
return (
@@ -77,7 +77,7 @@ export const useAccountStore = defineStore(
const account = ref({});
const isLoggedIn = computed(() =>
- Boolean(account.value !== null && account.value.token)
+ Boolean(account.value !== null && (account.value.token?.length ?? 0) > 0)
);
const auth = computed(() => {
@@ -88,7 +88,12 @@ export const useAccountStore = defineStore(
}
: undefined;
});
- const avatarUrl = computed(() => expandUrl(account?.value?.avatar));
+ const avatarUrl = computed(
+ () => account.value?.avatar && expandAssetUrl(account.value?.avatar)
+ );
+ const recordId = computed(() => {
+ return { tb: "account", id: account.value?.id! };
+ });
const mergeProfile = (profile: Partial) => {
if (account.value) {
@@ -100,7 +105,15 @@ export const useAccountStore = defineStore(
account.value = {};
};
- return { account, auth, avatarUrl, isLoggedIn, mergeProfile, logout };
+ return {
+ account,
+ auth,
+ avatarUrl,
+ recordId,
+ isLoggedIn,
+ mergeProfile,
+ logout,
+ };
},
{
persist: true,
diff --git a/src/scripts/time.ts b/src/scripts/time.ts
index e1f7f94..837cc89 100644
--- a/src/scripts/time.ts
+++ b/src/scripts/time.ts
@@ -5,46 +5,46 @@ export function timeAgo(timestamp: string): string {
const diffInSeconds = Math.floor(diffInMs / 1000);
if (diffInSeconds < 60) {
- return `Updated just now`;
+ return `just now`;
}
const diffInMinutes = Math.floor(diffInSeconds / 60);
if (diffInMinutes < 60) {
- return `Updated ${diffInMinutes} minute${diffInMinutes > 1 ? 's' : ''} ago`;
+ return `${diffInMinutes} minute${diffInMinutes > 1 ? 's' : ''} ago`;
}
const diffInHours = Math.floor(diffInMinutes / 60);
if (diffInHours < 24) {
- return `Updated ${diffInHours} hour${diffInHours > 1 ? 's' : ''} ago`;
+ return `${diffInHours} hour${diffInHours > 1 ? 's' : ''} ago`;
}
const diffInDays = Math.floor(diffInHours / 24);
if (diffInDays === 1) {
- return `Updated yesterday`;
+ return `yesterday`;
}
if (diffInDays < 7) {
- return `Updated ${diffInDays} day${diffInDays > 1 ? 's' : ''} ago`;
+ return `${diffInDays} day${diffInDays > 1 ? 's' : ''} ago`;
}
const diffInWeeks = Math.floor(diffInDays / 7);
if (diffInWeeks === 1) {
- return `Updated last week`;
+ return `last week`;
}
if (diffInWeeks < 4) {
- return `Updated ${diffInWeeks} week${diffInWeeks > 1 ? 's' : ''} ago`;
+ return `${diffInWeeks} week${diffInWeeks > 1 ? 's' : ''} ago`;
}
const diffInMonths = Math.floor(diffInDays / 30);
if (diffInMonths === 1) {
- return `Updated last month`;
+ return `last month`;
}
if (diffInMonths < 12) {
- return `Updated ${diffInMonths} month${diffInMonths > 1 ? 's' : ''} ago`;
+ return `${diffInMonths} month${diffInMonths > 1 ? 's' : ''} ago`;
}
const diffInYears = Math.floor(diffInDays / 365);
if (diffInYears === 1) {
- return `Updated last year`;
+ return `last year`;
}
- return `Updated ${diffInYears} year${diffInYears > 1 ? 's' : ''} ago`;
+ return `${diffInYears} year${diffInYears > 1 ? 's' : ''} ago`;
}
diff --git a/src/scripts/types.ts b/src/scripts/types.ts
index 3936649..15f32e0 100644
--- a/src/scripts/types.ts
+++ b/src/scripts/types.ts
@@ -35,8 +35,50 @@ export interface Profile {
rating: number;
}
-export interface ProblemDetail {
- id: RecordId;
+export interface CreateAsset {
+ auth: Credentials;
+ owner: string;
+ file: File;
+}
+
+export interface UserContent {
+ id: string;
+ name: string;
+}
+
+export enum ProblemVisibility {
+ ContestOnly = "contest_only",
+ Public = "public",
+ Private = "private",
+ Internal = "internal",
+}
+
+export interface TestCase {
+ input: string;
+ output: string;
+}
+
+export interface CreateProblem {
+ id: string;
+ token: string;
+
+ title: string;
+ description: string;
+ input?: string;
+ output?: string;
+ samples: Sample[];
+ hint?: string;
+ owner: RecordId;
+ time_limit: number;
+ memory_limit: number;
+ test_cases: { input: string; output: string }[];
+ categories: string[];
+ tags: string[];
+ visibility: ProblemVisibility;
+}
+
+export interface UserProblem {
+ id: string;
title: string;
description: string;
input?: string;
@@ -45,13 +87,92 @@ export interface ProblemDetail {
hint?: string;
time_limit: number;
memory_limit: number;
- test_cases: Sample[];
- creator: RecordId;
+ test_cases: TestCase[];
+ creator: string;
owner: RecordId;
categories: string[];
tags: string[];
+ visibility: ProblemVisibility;
+ created_at: string;
+ updated_at: string;
+}
+
+export enum Language {
+ Rust = "rust",
+ Python = "python",
+ C = "c",
+ Cpp = "cpp",
+ Golang = "golang",
+ Nodejs = "nodejs",
+ Java = "java",
+}
+
+export interface Submission {
+ id: string;
+ lang: Language;
+ problem: RecordId;
+ code: string;
+ status: "in_queue" | "judging" | "ready";
+ judge_details: { status: any; timeUsed: number; memoryUsed: number }[];
+ judge_result: { status: any; timeUsed: number; memoryUsed: number };
+ // contest
+}
+
+export enum Visibility {
+ Public = "public",
+ Private = "private",
+ Internal = "internal",
+}
+
+export interface Contest {
+ id: string;
+ name: string;
+ mode: Mode;
+ visibility: Visibility;
+ description: string;
+ announcement?: string;
+ start_time: string;
+ end_time: string;
+ owner: RecordId;
+ creator: string;
+ updaters: string[];
+ participants: RecordId[];
+ created_at: string;
+ updated_at: string;
+}
+
+export interface ContestData {
+ name: string;
mode: Mode;
- private: boolean;
- created_at: Date;
- updated_at: Date;
+ visibility: Visibility;
+ description: string;
+ start_time: string;
+ end_time: string;
+ owner: RecordId;
+}
+
+export interface CreateContest {
+ auth: Credentials;
+ data: ContestData;
+}
+
+export interface ContestProblem {
+ id: string;
+ title: string;
+ solved: boolean;
+ submittedCount: number;
+ acceptedCount: number;
+ accuracy?: number;
+}
+
+export interface RankData {
+ name: string;
+ problem_id: string;
+ accepted: boolean;
+ wrongs: number;
+}
+
+export interface ContestRank {
+ id: string;
+ details: RankData[];
}
diff --git a/src/scripts/utils.ts b/src/scripts/utils.ts
index 7e23f17..79f088f 100644
--- a/src/scripts/utils.ts
+++ b/src/scripts/utils.ts
@@ -30,3 +30,7 @@ export const withoutHeadSlash = (url: string) => {
export const expandUrl = (url?: string) => {
return config.base + withoutHeadSlash(url ?? "");
};
+
+export const expandAssetUrl = (url: string) => {
+ return config.base + withoutHeadSlash(`asset/${url}`);
+};
diff --git a/src/views/account/[id].vue b/src/views/account/[id].vue
index 726509b..6cc1a53 100644
--- a/src/views/account/[id].vue
+++ b/src/views/account/[id].vue
@@ -2,9 +2,9 @@
import * as api from "@/scripts/api";
import { useAccountStore, useThemeStore } from "@/scripts/store";
import { timeAgo } from "@/scripts/time";
-import { ProblemDetail, type Profile } from "@/scripts/types";
-import { expandUrl } from "@/scripts/utils";
-import { useToast } from "primevue";
+import { UserProblem, type Profile } from "@/scripts/types";
+import { expandAssetUrl } from "@/scripts/utils";
+import { Avatar, useToast } from "primevue";
import { onMounted, ref, watch } from "vue";
import { useRoute, useRouter } from "vue-router";
@@ -17,7 +17,7 @@ const themeStore = useThemeStore();
const id = route.params.id as string;
const tab = ref('overview');
-const path = ref<{ label: string; to: string; }[]>([]);
+const path = ref<{ label: string; link: string; }[]>([]);
const profile = ref();
@@ -26,22 +26,23 @@ const items = ref([
{ tab: 'problems', label: 'Problems', icon: 'pi pi-book' },
]);
-const toggleTab = (to: string) => {
+const toggleTab = async (to: string) => {
router.push(`/account/${id}?tab=${to}`);
tab.value = to;
switch (to) {
case 'overview':
break;
case 'problems':
- onProblemTab();
+ await onProblemTab();
break;
}
}
-const problemList = ref([]);
+const problemList = ref([]);
+problemList.value.length = 1;
+
const loadingProblems = ref(true);
const onProblemTab = async () => {
- console.log("loading problems")
loadingProblems.value = true;
const res = await api.listProblems({
identity: profile.value!.username,
@@ -52,16 +53,13 @@ const onProblemTab = async () => {
}
problemList.value = res.data!;
loadingProblems.value = false;
- console.log("loaded problems")
- console.log(problemList.value)
- console.log(loadingProblems.value)
}
-watch(() => route.query.tab, (newTab) => {
+watch(() => route.query.tab, async (newTab) => {
if (newTab !== undefined) {
- toggleTab(newTab as string);
+ await toggleTab(newTab as string);
} else {
- toggleTab('overview');
+ await toggleTab('overview');
}
})
@@ -71,22 +69,23 @@ onMounted(async () => {
if (!res.success) {
return toast.add({ severity: "error", summary: "Error", detail: res.message });
}
- console.log(res.data)
profile.value = res.data;
path.value = [
- { label: profile.value!.username, to: "/" }
+ { label: profile.value!.username, link: `/account/${id}` }
]
loading.value = false;
+ await toggleTab(route.query.tab as string || 'overview');
})
- ![]()
-
+ ![]()
+
-
-
- {{ item.label }}
+
+
+
+ {{ item.label }}
/
-
-
-
-
-
+
+
{{ tab.label }}
@@ -97,8 +96,13 @@ onMounted(async () => {
- ![]()
+ ![]()
+
+
{{ profile.signature }}
-
{{ profile.nickname }}
{{ profile.username }} · {{ profile.sex ? @@ -106,72 +110,84 @@ onMounted(async () => {
{{ profile.email }}
-
+
{{ profile.school }}
-
+
{{ profile.college }}
-
+
{{ profile.major }}
-
-
-
-
-
-
-
-
-
- ![]()
- No Problems yet, Create one?
-
-
-
-
-
diff --git a/src/views/contest/[id].vue b/src/views/contest/[id].vue
new file mode 100644
index 0000000..60ff3d9
--- /dev/null
+++ b/src/views/contest/[id].vue
@@ -0,0 +1,227 @@
+
+
+
+
-
+
+
+
+
+
+
-
-
-
+
+
+
+
+
-
+
+
-
-
-
-
+
+
+
- {{ problem.private ? 'Private' : 'Public' }}
+ class="w-full h-full py-10 gap-4 flex flex-col items-center justify-center">
+ ![]()
+ No problems yet, Create one?
+
+
+
+ - {{ problem.title }}
-
+
+
+
+
+
+
+
-
+
+
- {{ timeAgo(problem.updated_at) }}
+ {{ problem.private ? 'Private' :
+ 'Public' }}
+
+
+ Updated {{ timeAgo(problem.updated_at) }}
+ {{ problem.title }}
+
+
+
\ No newline at end of file
diff --git a/src/views/contest/create.vue b/src/views/contest/create.vue
new file mode 100644
index 0000000..e403176
--- /dev/null
+++ b/src/views/contest/create.vue
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ contest?.announcement }}
+
+
+
+
+
+
+
+
+
+ {{ slotProps.data.title
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Time to start
+
+
+
+
+ {{ timeDiff
+ }}
+
+
+
+ Contest Details
+ Not Started
+
+ Ongoing
+
+ Ended
+
+
+
+
+
+
+
+ {{ contest?.mode }}
+
+ {{ contest?.name }}
++ {{ contest?.description }} +
+
+ From {{ contest?.start_time }} to {{ contest?.end_time
+ }}
+ Duration {{ duration }}
+
+
+ Problems
+
+
+
+
+
+
+
+ Ranking is still under
+
+
+
+
+
+ {{ slotProps }}
+
+
+
+
+
+
+ beta and never fully tested, this may not
+ work as expected.
+ Ranks
+
+
+
+
+
diff --git a/src/views/dashboard.vue b/src/views/dashboard.vue
index ed3a0b8..0bd4883 100644
--- a/src/views/dashboard.vue
+++ b/src/views/dashboard.vue
@@ -1,10 +1,10 @@
@@ -53,7 +60,7 @@ onMounted(async () => {
+
+
+
+
+
+
+ Create a new contest
+
+ Create contest
+
+
+
+
+
+
+
+ /
+
+
+
+
+
+
+
+