-
-
- 当前激活部署
-
-
- {project.active_deployment
+
+
+
+ 返回列表
+
+
+ 删除项目
+
+
+ }
+ />
+
+
+
+
+
+
+
+
+ 项目状态
-
- 激活时间：{formatDate(project.active_deployment?.activated_at)}
+
+
+
+
+
+ 需要启用且有激活部署
+
+
+
-
-
- 部署历史
-
+
{deploymentsQuery.isLoading ? (
加载中...
- ) : (deploymentsQuery.data ?? []).length === 0 ? (
-
- 暂无部署。上传 zip 后再激活部署。
+ ) : deploymentsQuery.isError ? (
+
+ {deploymentsQuery.error.message}
+ ) : (deploymentsQuery.data ?? []).length === 0 ? (
+
) : (
{(deploymentsQuery.data ?? []).map((deployment) => (
@@ -357,8 +437,223 @@ function PagesProjectCard({ project }: { project: PagesProject }) {
))}
)}
-
+
+ );
+}
+
+function PagesProjectCreateModal({
+ isOpen,
+ onClose,
+}: {
+ isOpen: boolean;
+ onClose: () => void;
+}) {
+ const queryClient = useQueryClient();
+ const [name, setName] = useState('');
+ const [slug, setSlug] = useState('');
+ const [description, setDescription] = useState('');
+ const [spaFallbackEnabled, setSpaFallbackEnabled] = useState(false);
+ const [spaFallbackPath, setSpaFallbackPath] = useState('/index.html');
+
+ const resetForm = () => {
+ setName('');
+ setSlug('');
+ setDescription('');
+ setSpaFallbackEnabled(false);
+ setSpaFallbackPath('/index.html');
+ };
+
+ const closeModal = () => {
+ resetForm();
+ onClose();
+ };
+
+ const createMutation = useMutation({
+ mutationFn: () =>
+ createPagesProject({
+ name,
+ slug,
+ description,
+ enabled: true,
+ spa_fallback_enabled: spaFallbackEnabled,
+ spa_fallback_path: spaFallbackPath,
+ }),
+ onSuccess: () => {
+ resetForm();
+ onClose();
+ queryClient.invalidateQueries({ queryKey: projectsQueryKey });
+ },
+ });
+
+ function handleCreate(event: FormEvent
) {
+ event.preventDefault();
+ createMutation.mutate();
+ }
+
+ return (
+
+
+ 取消
+
+
+ {createMutation.isPending ? '创建中...' : '创建项目'}
+
+
+ }
+ >
+
+
+ );
+}
+
+function PagesProjectListItem({ project }: { project: PagesProject }) {
+ return (
+
+
+
+
+
+ {project.name}
+
+
+
+
+
+ {project.slug}
+
+ {project.description ? (
+
+ {project.description}
+
+ ) : null}
+ {project.spa_fallback_enabled ? (
+
+ 回退路径：{project.spa_fallback_path || '/index.html'}
+
+ ) : null}
+
+
+
+
+
部署数
+
+ {project.deployment_count}
+
+
+
+
+ 当前激活
+
+
+ {project.active_deployment
+ ? `#${project.active_deployment.deployment_number}`
+ : '暂无'}
+
+
+
+
+
+
+ 激活时间：{formatDate(project.active_deployment?.activated_at)}
+
+
+ 查看详情 →
+
+
+
+ );
+}
+
+function OverviewItem({
+ label,
+ value,
+ hint,
+}: {
+ label: string;
+ value: string;
+ hint: string;
+}) {
+ return (
+
+
{label}
+
+ {value}
+
+
{hint}
+
);
}
diff --git a/openflare_server/web/features/pages/types.ts b/openflare_server/web/features/pages/types.ts
index d47add88..4e324b33 100644
--- a/openflare_server/web/features/pages/types.ts
+++ b/openflare_server/web/features/pages/types.ts
@@ -19,6 +19,7 @@ export interface PagesProject {
description: string;
enabled: boolean;
spa_fallback_enabled: boolean;
+ spa_fallback_path: string;
active_deployment_id?: number | null;
active_deployment?: PagesDeployment | null;
deployment_count: number;
@@ -32,4 +33,5 @@ export interface PagesProjectPayload {
description: string;
enabled: boolean;
spa_fallback_enabled: boolean;
+ spa_fallback_path: string;
}