From 33be5f5a97dd40a50969d1896942b6483bd7a52d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BE=9A=E4=BA=91=E7=80=9A?= <1258430687@qq.com> Date: Sun, 17 Sep 2023 10:56:51 +0800 Subject: [PATCH] history --- src/forge/SecuritySetting/Index.jsx | 113 +++++++------ src/forge/SecuritySetting/website/index.scss | 32 +++- .../SecuritySetting/website/mySiteList.jsx | 44 +++++- .../SecuritySetting/website/new/index.jsx | 148 ++++++++++++++++++ .../SecuritySetting/website/new/index.scss | 88 +++++++++++ src/forge/Server/Index.jsx | 37 ++++- src/forge/Server/List.jsx | 20 +++ src/forge/Server/sitecreate.jsx | 146 +++++++++++++++++ src/forge/Server/sitedetail.jsx | 70 +++++++++ 9 files changed, 637 insertions(+), 61 deletions(-) create mode 100644 src/forge/SecuritySetting/website/new/index.jsx create mode 100644 src/forge/SecuritySetting/website/new/index.scss create mode 100644 src/forge/Server/sitecreate.jsx create mode 100644 src/forge/Server/sitedetail.jsx diff --git a/src/forge/SecuritySetting/Index.jsx b/src/forge/SecuritySetting/Index.jsx index cdabd86d..ae6455c0 100644 --- a/src/forge/SecuritySetting/Index.jsx +++ b/src/forge/SecuritySetting/Index.jsx @@ -8,7 +8,7 @@ import { CNotificationHOC } from "../../modules/courses/common/CNotificationHOC" import { TPMIndexHOC } from "../../modules/tpm/TPMIndexHOC"; import Loadable from "react-loadable"; import Loading from "../../Loading"; -import { Box , Gap , LongWidth } from '../Component/layout'; +import { Box, Gap, LongWidth } from '../Component/layout'; import { getImageUrl } from 'educoder'; import { Link } from 'react-router-dom'; import Avatar from '../users/Avatar/Index'; @@ -16,6 +16,8 @@ import Avatar from '../users/Avatar/Index'; import './Index.scss'; import { useEffect } from "react"; +import axios from "axios"; + const MyNoticeIndex = Loadable({ loader: () => import("./notice/myNotice/Index"), loading: Loading, @@ -70,51 +72,57 @@ const Mysite = Loadable({ loader: () => import("./website/mySiteList"), loading: Loading, }); +const Createsite = Loadable({ + loader: () => import("./website/new"), + loading: Loading, +}); -function Index(props){ - const { current_user,mygetHelmetapi , checkIfLogin } = props; + + +function Index(props) { + const { current_user, mygetHelmetapi, checkIfLogin } = props; const { pathname } = props.location; const notice_url = mygetHelmetapi && mygetHelmetapi.common && mygetHelmetapi.common.notice; - const [ avatarVisible , setAvatarVisible ] = useState(false); + const [avatarVisible, setAvatarVisible] = useState(false); const [active, setActive] = useState(1); console.log('active', active); - useEffect(()=>{ - if(checkIfLogin() === false){ + useEffect(() => { + if (checkIfLogin() === false) { props.history.push('/login'); } - },[]) + }, []) - useEffect(()=>{ + useEffect(() => { console.log('pathname', pathname, ["/settings/profile"].indexOf(pathname)); - if(["/settings/profile"].indexOf(pathname) !== -1){ + if (["/settings/profile"].indexOf(pathname) !== -1) { setActive(1); - }else if(["/settings/emails", "/settings/phone", "/settings/password", "/settings/cancel"].indexOf(pathname) !== -1){ + } else if (["/settings/emails", "/settings/phone", "/settings/password", "/settings/cancel"].indexOf(pathname) !== -1) { setActive(2); - }else if(["/settings/notice/config"].indexOf(pathname) !== -1){ + } else if (["/settings/notice/config"].indexOf(pathname) !== -1) { setActive(4); - }else if(["/settings/notice"].indexOf(pathname) !== -1){ + } else if (["/settings/notice"].indexOf(pathname) !== -1) { setActive(3); - }else if(["/settings/SSH"].indexOf(pathname) !== -1){ + } else if (["/settings/SSH"].indexOf(pathname) !== -1) { setActive(5); - }else if(["/settings/CLA"].indexOf(pathname) !== -1){ + } else if (["/settings/CLA"].indexOf(pathname) !== -1) { setActive(6); - }else if(["/settings/mybot"].indexOf(pathname) !== -1){ + } else if (["/settings/mybot"].indexOf(pathname) !== -1) { setActive(7); - }else if(["/settings/installbot"].indexOf(pathname) !== -1){ + } else if (["/settings/installbot"].indexOf(pathname) !== -1) { setActive(8); - }else if(["/settings/mysite"].indexOf(pathname) !== -1){ + } else if (["/settings/mysite"].indexOf(pathname) !== -1) { setActive(9); } }, [pathname]) - function onCancelAvatar(){ + function onCancelAvatar() { setAvatarVisible(false); const { resetUserInfo } = props; resetUserInfo && resetUserInfo(); } - return( + return (
{ avatarVisible && @@ -129,34 +137,34 @@ function Index(props){
- - setAvatarVisible(true)}>修改头像 + + setAvatarVisible(true)}>修改头像
{current_user && current_user.username}
{notice_url && }
@@ -165,108 +173,117 @@ function Index(props){ ( - + )} > ( - + render={(p) => ( + )} > ( - + )} > ( - + )} > ( - + )} > ( - + )} > ( - + )} > ( - + )} > ( - + )} > ( - + )} > ( - + )} > ( - + )} > {/* 创建一个新的bot */} ( - + )} > {/* 开发bot */} ( - + )} > {/* bot配置页面 */} ( - + )} > {/* bot配置 */} ( - + )} > + {/* 新建站点 */} + + ( + + )} + > + {/* 个人建站 */} ( - + )} > diff --git a/src/forge/SecuritySetting/website/index.scss b/src/forge/SecuritySetting/website/index.scss index 89b9d18c..aefe8aec 100644 --- a/src/forge/SecuritySetting/website/index.scss +++ b/src/forge/SecuritySetting/website/index.scss @@ -1,8 +1,32 @@ -.default_head{ +.default_head { height: 65px; line-height: 64px; border-bottom: 1px solid rgba(224, 230, 245, 1); - color:#151d40; - font-size:17px; - padding-bottom:20px; + color: #151d40; + font-size: 17px; + padding-bottom: 20px; + + Button { + float: right; + width: 100px; + height: 36px; + margin-top: 8px; + color: #fff; + background-color: #466aff; + border-color: #466aff; + } +} +.bushu { + border-radius: 4px; + background-color: rgba(164, 173, 179, 1); + color: rgba(255, 255, 255, 1); + font-size: 20px; + text-align: center; + float: right; + top:-40px; +} +.form{ + border: 1px solid rgba(164, 173, 179, 1); + padding: 10px; + border-radius: 4px; } \ No newline at end of file diff --git a/src/forge/SecuritySetting/website/mySiteList.jsx b/src/forge/SecuritySetting/website/mySiteList.jsx index 4c241777..b7cf9f9b 100644 --- a/src/forge/SecuritySetting/website/mySiteList.jsx +++ b/src/forge/SecuritySetting/website/mySiteList.jsx @@ -1,16 +1,44 @@ import React, { useState, useEffect, Fragment } from "react"; -import { Button, Icon, message, Modal } from "antd"; +import { Button, Icon, message, Modal, Form, Drawer } from "antd"; import './index.scss'; +import axios from "axios"; -function MySiteList(props){ - const {current_user} = props; +function MySiteList(props) { + const { form, current_user } = props; + const [sitelist, setSitelist] = useState(undefined); - useEffect(()=>{ - document.title='我的站点'; + useEffect(() => { + document.title = '我的站点'; + axios.get('/site_pages.json').then(result => { + if (result) { + setSitelist(result.data.pages); + } + }) }, []) - return -
我的站点
- + + + return ( +
+
+ 我的站点 + +
+
+ { + sitelist && sitelist.length > 0 && + sitelist.map((i, k) => { + return ( +
+ 站点名称: {i.site_name}

建站工具: {i.language_frame}

 + 建站时间: {i.created_at}

上次部署时间: {i.last_build_at}

 + +
+ ) + }) + } +
+
+ ) } export default MySiteList; \ No newline at end of file diff --git a/src/forge/SecuritySetting/website/new/index.jsx b/src/forge/SecuritySetting/website/new/index.jsx new file mode 100644 index 00000000..65f7ee50 --- /dev/null +++ b/src/forge/SecuritySetting/website/new/index.jsx @@ -0,0 +1,148 @@ +import React, { Fragment, forwardRef, useEffect, useState } from "react"; +import { Form, Input, Select, Space, Button, message, Radio } from "antd"; +import axios from "axios"; +import "./index.scss" +import { Link } from "react-router-dom"; + + + +function createSite(props) { + const { form, current_user } = props; + const [content, setContent] = useState(undefined); + const [addr, setAddr] = useState(undefined); + const [tag, setTag] = useState(""); + const [proname, setProname] = useState(""); + const [protag, setProtag] = useState(""); + const [themename, setThemename] = useState([""]); + const { TextArea } = Input; + const { getFieldDecorator, validateFields } = props && props.form; + const [pagetheme, setPagetheme] = useState(undefined); + + + useEffect(() => { + document.title = '注册新的站点'; + axios.get('/site_pages/themes.json').then(res => { + if (res) { + setPagetheme(res.data.themes); + } + }) + }, []) + function onContentChange(value) { + setContent(value); + }; + + function ChangeAddr(e) { + setTag(e.target.value); + } + + function checkAddr(rule, value, callback) { + let reg = /^[0-9a-zA-Z]+$/; + if (!value) { + callback(); + } + if (!reg.test(value)) { + callback("请输入有效的名称"); + } + setAddr(value); + callback(); + } + + function submit(e) { + e.preventDefault(); + validateFields((err, fieldsValue) => { + if (err) { + console.log("error"); + return; + } + const { site_name, identifier, theme, name, repository_name, clone_addr } = fieldsValue; + const prame = { site_name, identifier, language_frame: "hugo", theme:themename[0], user_id: current_user.user_id, name, repository_name, clone_addr:themename[1] }; + axios.post(`/projects/page_migrate.json`, prame).then(response => { + if (response && response.status === 200) { + message.success("创建成功"); + props.history.push(`/settings/mysite`) + } else { + message.error("创建失败"); + } + }) + }) + } + console.log(themename); + + return ( +
+
+ 我的站点创建新的站点 +
+
+

新建站点

+
+
+
+ + {getFieldDecorator("site_name", { + rules: [{ required: true, message: "请输入站点名称" }, { validator: checkAddr }] + }) + ()} + + + {getFieldDecorator("identifier", { + rules: [{ required: true, message: "请输入站点标识" }] + }) + ()} + http://{current_user.login}.kingchan.cn/{tag} + + + + + + {getFieldDecorator("name", { + rules: [{ required: true, message: "请输入项目名称" }] + }) + ( { setProname(e.target.value) }} placeholder="请输入项目名称" />)} + +
+ + + {getFieldDecorator("repository_name", { + rules: [{ required: true, message: "请输入项目标识" }] + }) + ( { setProtag(e.target.value) }} placeholder="请输入项目标识" />)} + + +