muliqunluan/LivePoll
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chinese

Browse Source
This commit is contained in:
TQY
2025-10-17 10:43:04 +08:00
parent 8c1c0abd8e
commit bf6dff352e
6 changed files with 51 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/pages/Bookmark.jsx
View File

@@ -40,7 +40,7 @@ function Bookmark() {
return (
<div className="p-6 bg-base-200 h-screen">
<h1 className="md:text-4xl text-xl font-bold text-white mb-6">
Bookmarked Polls
收藏的投票
</h1>
{isError && (
<div className="h-60 w-full">
@@ -54,9 +54,9 @@ function Bookmark() {
<thead>
<tr>
<th>#</th>
<th>Title</th>
<th>Description</th>
<th>Actions</th>
<th>标题</th>
<th>描述</th>
<th>操作</th>
</tr>
</thead>
<tbody>
@@ -74,13 +74,13 @@ function Bookmark() {
onClick={() => handleViewPollClick(bookmark._id)}
className="btn btn-sm btn-primary text-sm md:text-base mb-2 md:mb-1"
>
View Poll
查看投票
</button>
<button
onClick={() => handleRemoveBookmark(bookmark._id)}
className="btn btn-sm btn-error text-sm md:text-base ml-2"
>
Remove
移除
</button>
</td>
</tr>

32
frontend/src/pages/CreatePollForm.jsx
View File

@@ -30,7 +30,7 @@ function CreatePollForm() {
const mutation = useMutation(createPollService, {
onSuccess: (data) => {
const message = data?.message || "Poll created successfully";
const message = data?.message || "投票创建成功";
toast.success(message);
handleClearPoll();
navigate(`/view/${data?.data?._id}`);
@@ -39,7 +39,7 @@ function CreatePollForm() {
console.log(error);
const errorMessage =
error.response?.data?.errors?.[0]?.message ||
"An unexpected error occurred";
"发生意外错误";
toast.error(errorMessage);
},
});
@@ -47,7 +47,7 @@ function CreatePollForm() {
const handlePollSubmit = (e) => {
e.preventDefault();
if (title.trim() == "" || description.trim() == "" || options.length == 0) {
toast.error("All fields are required");
toast.error("所有字段都是必填的");
return;
}
mutation.mutate({ title, description, options });
@@ -56,19 +56,19 @@ function CreatePollForm() {
return (
<div className="min-h-screen bg-base-200">
<div className="w-full p-6 text-white">
<h1 className="text-2xl font-bold mb-6 text-center">Create New Poll</h1>
<h1 className="text-2xl font-bold mb-6 text-center">创建新投票</h1>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
{/* Poll Title */}
<div className="mb-4">
<label className="block text-lg font-medium mb-2">
Poll Title
投票标题
</label>
<input
type="text"
value={title}
onChange={(e) => setTitle(e.target.value)}
placeholder="Enter poll title"
placeholder="输入投票标题"
className="input input-bordered w-full"
/>
</div>
@@ -76,12 +76,12 @@ function CreatePollForm() {
{/* Poll Description */}
<div className="mb-4">
<label className="block text-lg font-medium mb-2">
Description
描述
</label>
<textarea
value={description}
onChange={(e) => setDescription(e.target.value)}
placeholder="Describe the purpose of the poll"
placeholder="描述投票的目的"
className="textarea textarea-bordered w-full"
rows="3"
></textarea>
@@ -91,21 +91,21 @@ function CreatePollForm() {
<div>
{/* Poll Options */}
<div className="mb-4">
<label className="block text-lg font-medium mb-2">Options</label>
<label className="block text-lg font-medium mb-2">选项</label>
{options.map((option, index) => (
<div key={index} className="flex items-center mb-2">
<input
type="text"
value={option}
placeholder={`Option ${index + 1}`}
placeholder={`选项 ${index + 1}`}
className="input input-bordered w-full cursor-not-allowed"
readOnly
/>
{options.length > 2 && (
<button
className="btn btn-error btn-circle btn-xs ml-2"
title="Remove option"
title="移除选项"
onClick={() =>
setOptions(options.filter((_, i) => i !== index))
}
@@ -122,7 +122,7 @@ function CreatePollForm() {
type="text"
value={optionInput}
onChange={(e) => setOptionInput(e.target.value)}
placeholder="Enter new option"
placeholder="输入新选项"
className="input input-bordered w-full"
/>
</div>
@@ -131,7 +131,7 @@ function CreatePollForm() {
title="Add another option"
onClick={handleAddOption}
>
<FaPlus className="mr-2" /> Add Option
<FaPlus className="mr-2" /> 添加选项
</button>
</div>
</div>
@@ -142,21 +142,21 @@ function CreatePollForm() {
className="btn btn-ghost w-full mt-4 md:w-1/2"
onClick={() => {
const sure = window.confirm(
"Are you sure you want to clear the poll?"
"确定要清除投票内容吗？"
);
if (sure) {
handleClearPoll();
}
}}
>
Clear Poll
清除投票
</button>
{/* Submit Button */}
<button
className="btn btn-success w-full mt-4 md:w-1/2"
onClick={handlePollSubmit}
>
Create Poll
创建投票
</button>
</div>
</div>

18
frontend/src/pages/Dashboard.jsx
View File

@@ -60,12 +60,12 @@ function Dashboard() {
<p className="mt-2 text-center text-gray-400">
{user?.email || "Email"}
</p>
<button className="btn btn-primary mt-4 w-full">Edit Profile</button>
<button className="btn btn-primary mt-4 w-full">编辑资料</button>
<button
className="btn btn-error btn-outline mt-4 w-full"
onClick={handleLogout}
>
Logout
退出登录
</button>
</aside>
@@ -74,10 +74,10 @@ function Dashboard() {
{/* Dashboard Header */}
<div className="mb-6">
<h1 className="text-2xl md:text-4xl font-bold text-white">
Poll Dashboard
投票仪表板
</h1>
<p className="md:text-lg text-gray-300">
Manage your polls, view results, and edit as needed.
管理您的投票，查看结果，并根据需要进行编辑。
</p>
</div>
@@ -87,7 +87,7 @@ function Dashboard() {
className="btn btn-primary"
onClick={() => navigator("/create")}
>
Add New Poll <FaPlus />
添加新投票 <FaPlus />
</button>
</div>
@@ -100,10 +100,10 @@ function Dashboard() {
<thead>
<tr>
<th>#</th>
<th>Title</th>
<th>Description</th>
<th>Published</th>
<th>Actions</th>
<th>标题</th>
<th>描述</th>
<th>已发布</th>
<th>操作</th>
</tr>
</thead>

6
frontend/src/pages/Polls.jsx
View File

@@ -19,7 +19,7 @@ function Polls() {
return (
<div className="container mx-auto p-4 bg-base-200">
<h1 className="text-2xl font-bold text-center mb-6">Polls</h1>
<h1 className="text-2xl font-bold text-center mb-6">投票列表</h1>
{isSuccess && (
<div className="flex flex-wrap justify-center gap-6">
{data?.data?.polls?.map((poll) => (
@@ -42,14 +42,14 @@ function Polls() {
disabled={page <= 1}
onClick={() => setPage(page - 1)}
>
Prev
上一页
</button>
<button
className="btn btn-primary btn-circle"
disabled={data?.data?.totalPages === page}
onClick={() => setPage(page + 1)}
>
Next
下一页
</button>
</div>
</div>

24
frontend/src/pages/Register.jsx
View File

@@ -38,20 +38,20 @@ function Register() {
<div className=" flex justify-center h-screen bg-base-200 p-4">
<div className="w-full max-w-md rounded-lg ">
<h2 className="text-2xl font-semibold text-center text-white mb-6">
Sign Up
注册
</h2>
<form className="space-y-4">
{/* Username Input */}
<div className="form-control w-full">
<label className="label">
<span className="label-text text-gray-200">Username</span>
<span className="label-text text-gray-200">用户名</span>
</label>
<input
value={username}
onChange={(e) => setUsername(e.target.value)}
type="text"
placeholder="Enter your username"
placeholder="请输入您的用户名"
className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
required
/>
@@ -60,13 +60,13 @@ function Register() {
{/* Email Input */}
<div className="form-control w-full">
<label className="label">
<span className="label-text text-gray-200">Email</span>
<span className="label-text text-gray-200">邮箱</span>
</label>
<input
type="email"
value={email}
onChange={(e) => setEmail(e.target.value)}
placeholder="Enter your email"
placeholder="请输入您的邮箱"
className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
required
/>
@@ -75,13 +75,13 @@ function Register() {
{/* Password Input */}
<div className="form-control w-full">
<label className="label">
<span className="label-text text-gray-200">Password</span>
<span className="label-text text-gray-200">密码</span>
</label>
<input
type="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
placeholder="Enter your password"
placeholder="请输入您的密码"
className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
required
/>
@@ -91,7 +91,7 @@ function Register() {
{mutation.isError && <InlineTextError mutation={mutation} />}
{mutation.isSuccess && (
<p className="text-green-500 text-sm md:text-base">
🎉 {mutation.data.message || "Process is successfull"}
🎉 {mutation.data.message || "注册成功"}
</p>
)}
@@ -102,19 +102,19 @@ function Register() {
type="submit"
className="btn btn-primary w-full text-white mt-4"
>
{mutation.isLoading ? <SpinnerLoader /> : "Sign Up"}
{mutation.isLoading ? <SpinnerLoader /> : "注册"}
</button>
</div>
</form>
{/* Divider */}
<div className="divider text-gray-400">OR</div>
<div className="divider text-gray-400">或</div>
{/* Login Link */}
<p className="text-center text-gray-300">
Already have an account?{" "}
已有账户？{" "}
<Link to="/login" className="text-primary hover:underline">
Login
登录
</Link>
</p>
</div>

10
frontend/src/pages/VotingPage.jsx
View File

@@ -87,7 +87,7 @@ function VotingPage() {
const mutation = useMutation(createVoteService, {
onSuccess: (data) => {
toast.success("Vote submitted successfully");
toast.success("投票提交成功");
if (socket) {
socket.emit("vote", { pollId, success: data?.success });
}
@@ -95,7 +95,7 @@ function VotingPage() {
onError: (error) => {
console.error(error);
toast.error(
error?.response?.data?.message || "An unexpected error occurred"
error?.response?.data?.message || "发生意外错误"
);
},
});
@@ -133,7 +133,7 @@ function VotingPage() {
className="rounded-full h-7 md:h-10 w-7 md:w-10"
/>
<h2 className="text-lg md:text-xl font-semibold">
{poll?.data?.creatorData?.username || "Unknown"}
{poll?.data?.creatorData?.username || "未知"}
</h2>
</div>
@@ -145,12 +145,12 @@ function VotingPage() {
{/* Poll Title */}
<h1 className="text-xl md:text-3xl font-bold text-center">
{poll?.data?.pollData?.title || "Loading.."}
{poll?.data?.pollData?.title || "加载中.."}
</h1>
{/* Poll Description */}
<p className="text-sm font-light md:text-base mb-6 text-center">
{poll?.data?.pollData?.description || "Loading.."}
{poll?.data?.pollData?.description || "加载中.."}
</p>
{/* Voting Options */}