newthuhole/hole_thu_frontend
4
6
Fork 2
Code Issues 8 Pull Requests Projects Releases Wiki Activity

ui change

Browse Source
This commit is contained in:
xmcp
2019-05-05 15:32:40 +08:00
parent fd855e10ab
commit 5efaea76cb
4 changed files with 32 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/index.html
View File

@@ -29,6 +29,7 @@
var _czc=_czc||[]; var _czc=_czc||[];
_czc.push(["_setAccount","1274501752"]); _czc.push(["_setAccount","1274501752"]);
_czc.push(["_setCustomVar","has_token",localStorage['TOKEN']?'yes':'no',1]); _czc.push(["_setCustomVar","has_token",localStorage['TOKEN']?'yes':'no',1]);
_czc.push(["_setCustomVar","background_image",localStorage['REPLACE_ERIRI_WITH_URL']||'null',0]);
var cnzz_s_tag = document.createElement('script'); var cnzz_s_tag = document.createElement('script');
cnzz_s_tag.type = 'text/javascript'; cnzz_s_tag.type = 'text/javascript';
cnzz_s_tag.async = true; cnzz_s_tag.async = true;

4
src/Title.css
View File

@@ -51,3 +51,7 @@
background-color: rgba(255,255,255,.5); background-color: rgba(255,255,255,.5);
margin: 0 .5em; margin: 0 .5em;
} }
.list-menu {
text-align: center;
}

53
src/Title.js
View File

@@ -8,37 +8,28 @@ import './Title.css';
const flag_re=/^\/\/setflag ([a-zA-Z0-9_]+)=(.*)$/; const flag_re=/^\/\/setflag ([a-zA-Z0-9_]+)=(.*)$/;
const HELP_TEXT=( const HELP_TEXT=(
<div className="box"> <div>
<p className="centered-line">使用提示</p> <div className="box list-menu">
<ul> <p><a href="http://pkuhelper.pku.edu.cn/treehole_rules.html" target="_blank">树洞管理规范</a></p>
<li>为保证使用体验，请使用 Chrome 或 Mobile Safari 浏览器最新版</li> <p><a href="https://github.com/xmcp/ashole/issues" target="_blank">意见反馈 <span className="icon icon-github" /></a></p>
<li>在列表中左右滑动可以预览回复，点击展开侧边栏进行操作</li> </div>
<li>新出现的帖子会在左上角显示一个圆点</li> <div className="box">
<li>本网站支持 3D Touch，重压屏幕或者短暂按住 Esc 键可以快速返回 / 刷新树洞</li> <p className="centered-line">树洞网页版 by @xmcp</p>
</ul> <br />
<p> <p>
在&nbsp; This program is free software: you can redistribute it and/or modify
<a href="https://github.com/xmcp/ashole" target="_blank"> it under the terms of the GNU General Public License as published by
<span className="icon icon-github" /> GitHub the Free Software Foundation, either version 3 of the License, or
</a> (at your option) any later version.
&nbsp;开源，如有反馈请提交 Issue </p>
</p> <br />
<br /> <p>
<p>By @xmcp</p> This program is distributed in the hope that it will be useful,
<br /> but WITHOUT ANY WARRANTY; without even the implied warranty of
<p> MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
This program is free software: you can redistribute it and/or modify GNU General Public License for more details.
it under the terms of the GNU General Public License as published by </p>
the Free Software Foundation, either version 3 of the License, or </div>
(at your option) any later version.
</p>
<br />
<p>
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
</p>
</div> </div>
); );

10
src/UserAction.js
View File

@@ -132,12 +132,12 @@ export class LoginForm extends Component {
<button type="button" onClick={()=>{token.set_value(null);}}>注销</button> <button type="button" onClick={()=>{token.set_value(null);}}>注销</button>
</p> </p>
<p> <p>
User Token：<a onClick={this.copy_token.bind(this,token.value)}>复制</a><br /> <a onClick={this.copy_token.bind(this,token.value)}>复制 User Token</a><br />
User Token 可用于迁移登录状态，请勿泄露，因为它与您的账户唯一对应且泄露后无法重置 User Token 可用于迁移登录状态，请勿泄露，因为它与您的账户唯一对应且泄露后无法重置
</p> </p>
</div> : </div> :
<div> <div>
<p>登录后可以使用关注、回复等功能</p> <p>登录后可以发树洞、回复、关注树洞</p>
<p> <p>
<label> <label>
　学号&nbsp; 　学号&nbsp;
@@ -158,9 +158,6 @@ export class LoginForm extends Component {
登录 登录
</button> </button>
</p> </p>
<p>
登录请求会被发送到北大统一验证接口和 PKU Helper 服务器
</p>
<hr /> <hr />
<p>从其他设备导入登录状态</p> <p>从其他设备导入登录状态</p>
<p> <p>
@@ -471,6 +468,9 @@ export class PostForm extends Component {
</p> </p>
} }
<SafeTextarea ref={this.area_ref} id="new_post" on_change={this.on_change_bound} on_submit={this.on_submit.bind(this)} /> <SafeTextarea ref={this.area_ref} id="new_post" on_change={this.on_change_bound} on_submit={this.on_submit.bind(this)} />
<p><small>
请遵守<a href="http://pkuhelper.pku.edu.cn/treehole_rules.html" target="_blank">树洞管理规范</a>，文明发言
</small></p>
</form> </form>
) )
} }