Hass/message-pusher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

feat: able to set home page link

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
web/src/App.js
+1
View File
@@ -43,6 +43,7 @@ function App() {
localStorage.setItem('status', JSON.stringify(data));
statusDispatch({ type: 'set', payload: data });
localStorage.setItem('footer_html', data.footer_html);
localStorage.setItem('home_page_link', data.home_page_link);
if (
data.version !== process.env.REACT_APP_VERSION &&
data.version !== 'v0.0.0' &&
web/src/components/OtherSetting.js
+16
View File
@@ -8,6 +8,7 @@ const OtherSetting = () => {
Footer: '',
Notice: '',
About: '',
HomePageLink: '',
});
let originInputs = {};
let [loading, setLoading] = useState(false);
@@ -65,6 +66,10 @@ const OtherSetting = () => {
await updateOption('Footer', inputs.Footer);
};
const submitHomePageLink = async () => {
await updateOption('HomePageLink', inputs.HomePageLink);
};
const submitAbout = async () => {
await updateOption('About', inputs.About);
};
@@ -109,6 +114,17 @@ const OtherSetting = () => {
<Form.Button onClick={submitNotice}>保存公告</Form.Button>
<Divider />
<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.TextArea
label='关于'
web/src/pages/Home/index.js
+87 -75
View File
@@ -5,6 +5,7 @@ import { StatusContext } from '../../context/Status';
const Home = () => {
const [statusState, statusDispatch] = useContext(StatusContext);
const homePageLink = localStorage.getItem('home_page_link') || '';
const displayNotice = async () => {
const res = await API.get('/api/notice');
@@ -30,81 +31,92 @@ const Home = () => {
}, []);
return (
<>
<Segment>
<Header as='h3'>系统状况</Header>
<Grid columns={2} stackable>
<Grid.Column>
<Card fluid>
<Card.Content>
<Card.Header>系统信息</Card.Header>
<Card.Meta>系统信息总览</Card.Meta>
<Card.Description>
<p>名称：{statusState?.status?.system_name}</p>
<p>版本：{statusState?.status?.version}</p>
<p>
源码：
<a
href='https://github.com/songquanpeng/message-pusher'
target='_blank'
>
https://github.com/songquanpeng/message-pusher
</a>
</p>
<p>启动时间：{getStartTimeString()}</p>
<p>自从上次启动已发送消息数目：{statusState?.status?.message_count}</p>
<p>自从上次启动新注册用户数目：{statusState?.status?.user_count}</p>
</Card.Description>
</Card.Content>
</Card>
</Grid.Column>
<Grid.Column>
<Card fluid>
<Card.Content>
<Card.Header>系统配置</Card.Header>
<Card.Meta>系统配置总览</Card.Meta>
<Card.Description>
<p>
邮箱验证：
{statusState?.status?.email_verification === true
? '已启用'
: '未启用'}
</p>
<p>
GitHub 身份验证：
{statusState?.status?.github_oauth === true
? '已启用'
: '未启用'}
</p>
<p>
微信身份验证：
{statusState?.status?.wechat_login === true
? '已启用'
: '未启用'}
</p>
<p>
Turnstile 用户校验：
{statusState?.status?.turnstile_check === true
? '已启用'
: '未启用'}
</p>
<p>
全局消息持久化：
{statusState?.status?.message_persistence === true
? '已启用'
: '未启用'}
</p>
<p>
全局消息渲染：
{statusState?.status?.message_render === true
? '已启用'
: '未启用'}
</p>
</Card.Description>
</Card.Content>
</Card>
</Grid.Column>
</Grid>
</Segment>
{homePageLink !== '' ? (
<>
<iframe
src={homePageLink}
style={{ width: '100%', height: '100vh', border: 'none' }}
/>
</>
) : (
<>
<Segment>
<Header as='h3'>系统状况</Header>
<Grid columns={2} stackable>
<Grid.Column>
<Card fluid>
<Card.Content>
<Card.Header>系统信息</Card.Header>
<Card.Meta>系统信息总览</Card.Meta>
<Card.Description>
<p>名称：{statusState?.status?.system_name}</p>
<p>版本：{statusState?.status?.version}</p>
<p>
源码：
<a
href='https://github.com/songquanpeng/message-pusher'
target='_blank'
>
https://github.com/songquanpeng/message-pusher
</a>
</p>
<p>启动时间：{getStartTimeString()}</p>
<p>自从上次启动已发送消息数目：{statusState?.status?.message_count}</p>
<p>自从上次启动新注册用户数目：{statusState?.status?.user_count}</p>
</Card.Description>
</Card.Content>
</Card>
</Grid.Column>
<Grid.Column>
<Card fluid>
<Card.Content>
<Card.Header>系统配置</Card.Header>
<Card.Meta>系统配置总览</Card.Meta>
<Card.Description>
<p>
邮箱验证：
{statusState?.status?.email_verification === true
? '已启用'
: '未启用'}
</p>
<p>
GitHub 身份验证：
{statusState?.status?.github_oauth === true
? '已启用'
: '未启用'}
</p>
<p>
微信身份验证：
{statusState?.status?.wechat_login === true
? '已启用'
: '未启用'}
</p>
<p>
Turnstile 用户校验：
{statusState?.status?.turnstile_check === true
? '已启用'
: '未启用'}
</p>
<p>
全局消息持久化：
{statusState?.status?.message_persistence === true
? '已启用'
: '未启用'}
</p>
<p>
全局消息渲染：
{statusState?.status?.message_render === true
? '已启用'
: '未启用'}
</p>
</Card.Description>
</Card.Content>
</Card>
</Grid.Column>
</Grid>
</Segment>
</>
)}
</>
);
};