feat: able to set home page link

This commit is contained in:
JustSong
2023-05-14 18:19:24 +08:00
parent d434c370ab
commit 3684437258
6 changed files with 109 additions and 75 deletions

View File

@@ -11,6 +11,7 @@ var Version = "v0.0.0"
var SystemName = "消息推送服务" var SystemName = "消息推送服务"
var ServerAddress = "http://localhost:3000" var ServerAddress = "http://localhost:3000"
var Footer = "" var Footer = ""
var HomePageLink = ""
var MessageCount = 0 // Non critical value, no need to use atomic var MessageCount = 0 // Non critical value, no need to use atomic
var UserCount = 0 // Non critical value, no need to use atomic var UserCount = 0 // Non critical value, no need to use atomic

View File

@@ -20,6 +20,7 @@ func GetStatus(c *gin.Context) {
"github_oauth": common.GitHubOAuthEnabled, "github_oauth": common.GitHubOAuthEnabled,
"github_client_id": common.GitHubClientId, "github_client_id": common.GitHubClientId,
"system_name": common.SystemName, "system_name": common.SystemName,
"home_page_link": common.HomePageLink,
"footer_html": common.Footer, "footer_html": common.Footer,
"wechat_qrcode": common.WeChatAccountQRCodeImageURL, "wechat_qrcode": common.WeChatAccountQRCodeImageURL,
"wechat_login": common.WeChatAuthEnabled, "wechat_login": common.WeChatAuthEnabled,

View File

@@ -41,6 +41,7 @@ func InitOptionMap() {
common.OptionMap["Notice"] = "" common.OptionMap["Notice"] = ""
common.OptionMap["About"] = "" common.OptionMap["About"] = ""
common.OptionMap["Footer"] = common.Footer common.OptionMap["Footer"] = common.Footer
common.OptionMap["HomePageLink"] = common.HomePageLink
common.OptionMap["ServerAddress"] = "" common.OptionMap["ServerAddress"] = ""
common.OptionMap["GitHubClientId"] = "" common.OptionMap["GitHubClientId"] = ""
common.OptionMap["GitHubClientSecret"] = "" common.OptionMap["GitHubClientSecret"] = ""
@@ -131,6 +132,8 @@ func updateOptionMap(key string, value string) {
common.GitHubClientSecret = value common.GitHubClientSecret = value
case "Footer": case "Footer":
common.Footer = value common.Footer = value
case "HomePageLink":
common.HomePageLink = value
case "WeChatServerAddress": case "WeChatServerAddress":
common.WeChatServerAddress = value common.WeChatServerAddress = value
case "WeChatServerToken": case "WeChatServerToken":

View File

@@ -43,6 +43,7 @@ function App() {
localStorage.setItem('status', JSON.stringify(data)); localStorage.setItem('status', JSON.stringify(data));
statusDispatch({ type: 'set', payload: data }); statusDispatch({ type: 'set', payload: data });
localStorage.setItem('footer_html', data.footer_html); localStorage.setItem('footer_html', data.footer_html);
localStorage.setItem('home_page_link', data.home_page_link);
if ( if (
data.version !== process.env.REACT_APP_VERSION && data.version !== process.env.REACT_APP_VERSION &&
data.version !== 'v0.0.0' && data.version !== 'v0.0.0' &&

View File

@@ -8,6 +8,7 @@ const OtherSetting = () => {
Footer: '', Footer: '',
Notice: '', Notice: '',
About: '', About: '',
HomePageLink: '',
}); });
let originInputs = {}; let originInputs = {};
let [loading, setLoading] = useState(false); let [loading, setLoading] = useState(false);
@@ -65,6 +66,10 @@ const OtherSetting = () => {
await updateOption('Footer', inputs.Footer); await updateOption('Footer', inputs.Footer);
}; };
const submitHomePageLink = async () => {
await updateOption('HomePageLink', inputs.HomePageLink);
};
const submitAbout = async () => { const submitAbout = async () => {
await updateOption('About', inputs.About); await updateOption('About', inputs.About);
}; };
@@ -109,6 +114,17 @@ const OtherSetting = () => {
<Form.Button onClick={submitNotice}>保存公告</Form.Button> <Form.Button onClick={submitNotice}>保存公告</Form.Button>
<Divider /> <Divider />
<Header as='h3'>个性化设置</Header> <Header as='h3'>个性化设置</Header>
<Form.Group widths='equal'>
<Form.Input
label='首页链接'
placeholder='在此输入首页链接,设置后将通过 iframe 方式嵌入该网页'
value={inputs.HomePageLink}
name='HomePageLink'
onChange={handleInputChange}
type='url'
/>
</Form.Group>
<Form.Button onClick={submitHomePageLink}>设置首页链接</Form.Button>
<Form.Group widths='equal'> <Form.Group widths='equal'>
<Form.TextArea <Form.TextArea
label='关于' label='关于'

View File

@@ -5,6 +5,7 @@ import { StatusContext } from '../../context/Status';
const Home = () => { const Home = () => {
const [statusState, statusDispatch] = useContext(StatusContext); const [statusState, statusDispatch] = useContext(StatusContext);
const homePageLink = localStorage.getItem('home_page_link') || '';
const displayNotice = async () => { const displayNotice = async () => {
const res = await API.get('/api/notice'); const res = await API.get('/api/notice');
@@ -30,81 +31,92 @@ const Home = () => {
}, []); }, []);
return ( return (
<> <>
<Segment> {homePageLink !== '' ? (
<Header as='h3'>系统状况</Header> <>
<Grid columns={2} stackable> <iframe
<Grid.Column> src={homePageLink}
<Card fluid> style={{ width: '100%', height: '100vh', border: 'none' }}
<Card.Content> />
<Card.Header>系统信息</Card.Header> </>
<Card.Meta>系统信息总览</Card.Meta> ) : (
<Card.Description> <>
<p>名称{statusState?.status?.system_name}</p> <Segment>
<p>版本{statusState?.status?.version}</p> <Header as='h3'>系统状况</Header>
<p> <Grid columns={2} stackable>
源码 <Grid.Column>
<a <Card fluid>
href='https://github.com/songquanpeng/message-pusher' <Card.Content>
target='_blank' <Card.Header>系统信息</Card.Header>
> <Card.Meta>系统信息总览</Card.Meta>
https://github.com/songquanpeng/message-pusher <Card.Description>
</a> <p>名称{statusState?.status?.system_name}</p>
</p> <p>版本{statusState?.status?.version}</p>
<p>启动时间{getStartTimeString()}</p> <p>
<p>自从上次启动已发送消息数目{statusState?.status?.message_count}</p> 源码
<p>自从上次启动新注册用户数目{statusState?.status?.user_count}</p> <a
</Card.Description> href='https://github.com/songquanpeng/message-pusher'
</Card.Content> target='_blank'
</Card> >
</Grid.Column> https://github.com/songquanpeng/message-pusher
<Grid.Column> </a>
<Card fluid> </p>
<Card.Content> <p>启动时间{getStartTimeString()}</p>
<Card.Header>系统配置</Card.Header> <p>自从上次启动已发送消息数目{statusState?.status?.message_count}</p>
<Card.Meta>系统配置总览</Card.Meta> <p>自从上次启动新注册用户数目{statusState?.status?.user_count}</p>
<Card.Description> </Card.Description>
<p> </Card.Content>
邮箱验证 </Card>
{statusState?.status?.email_verification === true </Grid.Column>
? '已启用' <Grid.Column>
: '未启用'} <Card fluid>
</p> <Card.Content>
<p> <Card.Header>系统配置</Card.Header>
GitHub 身份验证 <Card.Meta>系统配置总览</Card.Meta>
{statusState?.status?.github_oauth === true <Card.Description>
? '已启用' <p>
: '未启用'} 邮箱验证
</p> {statusState?.status?.email_verification === true
<p> ? '已启用'
微信身份验证 : '未启用'}
{statusState?.status?.wechat_login === true </p>
? '已启用' <p>
: '未启用'} GitHub 身份验证
</p> {statusState?.status?.github_oauth === true
<p> ? '已启用'
Turnstile 用户校验 : '未启用'}
{statusState?.status?.turnstile_check === true </p>
? '已启用' <p>
: '未启用'} 微信身份验证
</p> {statusState?.status?.wechat_login === true
<p> ? '已启用'
全局消息持久化 : '未启用'}
{statusState?.status?.message_persistence === true </p>
? '已启用' <p>
: '未启用'} Turnstile 用户校验
</p> {statusState?.status?.turnstile_check === true
<p> ? '已启用'
全局消息渲染 : '未启用'}
{statusState?.status?.message_render === true </p>
? '已启用' <p>
: '未启用'} 全局消息持久化
</p> {statusState?.status?.message_persistence === true
</Card.Description> ? '已启用'
</Card.Content> : '未启用'}
</Card> </p>
</Grid.Column> <p>
</Grid> 全局消息渲染
</Segment> {statusState?.status?.message_render === true
? '已启用'
: '未启用'}
</p>
</Card.Description>
</Card.Content>
</Card>
</Grid.Column>
</Grid>
</Segment>
</>
)}
</> </>
); );
}; };