@ -6,7 +6,7 @@ import {ConfigUI} from './Config';
import fixOrientation from 'fix-orientation' ; import fixOrientation from 'fix-orientation' ;
import copy from 'copy-to-clipboard' ; import copy from 'copy-to-clipboard' ;
import { cache } from './cache' ; import { cache } from './cache' ;
import { API _VERSION _PARAM , PKUHELPER _ROOT , API , get _json , token _param } from './flows_api' ; import { API _VERSION _PARAM , THUHOLE _API _ROOT , API , get _json , token _param } from './flows_api' ;
import './UserAction.css' ; import './UserAction.css' ;
@ -20,179 +20,179 @@ export const TokenCtx=React.createContext({
set _value : ( ) => { } , set _value : ( ) => { } ,
} ) ; } ) ;
class LifeInfoBox extends Component { // class LifeInfoBox extends Component {
constructor ( props ) { // constructor(props) {
super ( props ) ; // super(props);
if ( ! window . _life _info _cache ) // if(!window._life_info_cache)
window . _life _info _cache = { } ; // window._life_info_cache={};
this . CACHE _TIMEOUT _S = 15 ; // this.CACHE_TIMEOUT_S=15;
this . state = { // this.state={
today _info : this . cache _get ( 'today_info' ) , // today_info: this.cache_get('today_info'),
card _balance : this . cache _get ( 'card_balance' ) , // card_balance: this.cache_get('card_balance'),
net _balance : this . cache _get ( 'net_balance' ) , // net_balance: this.cache_get('net_balance'),
mail _count : this . cache _get ( 'mail_count' ) , // mail_count: this.cache_get('mail_count'),
} ; // };
this . INTERNAL _NETWORK _FAILURE = '_network_failure' ; // this.INTERNAL_NETWORK_FAILURE='_network_failure';
this . API _NAME = { // this.API_NAME={
today _info : 'hole/today_info' , // today_info: 'hole/today_info',
card _balance : 'isop/card_balance' , // card_balance: 'isop/card_balance',
net _balance : 'isop/net_balance' , // net_balance: 'isop/net_balance',
mail _count : 'isop/mail_count' , // mail_count: 'isop/mail_count',
} ; // };
} // }
//
cache _get ( key ) { // cache_get(key) {
let cache _item = window . _life _info _cache [ key ] ; // let cache_item=window._life_info_cache[key];
if ( ! cache _item || ( + new Date ( ) ) - cache _item [ 0 ] > 1000 * this . CACHE _TIMEOUT _S ) // if(!cache_item || (+new Date())-cache_item[0]>1000*this.CACHE_TIMEOUT_S)
return null ; // return null;
else // else
return cache _item [ 1 ] ; // return cache_item[1];
} // }
cache _set ( key , value ) { // cache_set(key,value) {
if ( ! window . _life _info _cache [ key ] || window . _life _info _cache [ key ] [ 1 ] !== value ) // if(!window._life_info_cache[key] || window._life_info_cache[key][1]!==value)
window . _life _info _cache [ key ] = [ + new Date ( ) , value ] ; // window._life_info_cache[key]=[+new Date(),value];
} // }
//
load ( state _key ) { // load(state_key) {
this . setState ( { // this.setState({
[ state _key ] : null , // [state_key]: null,
} , ( ) => { // },()=>{
fetch ( // fetch(
PKUHELPER _ROOT + 'api_xmcp/' + this . API _NAME [ state _key ] // PKUHELPER_ROOT+'api_xmcp/'+this.API_NAME[state_key]
+ '?user_token=' + encodeURIComponent ( this . props . token ) // +'?user_token='+encodeURIComponent(this.props.token)
+ API _VERSION _PARAM ( ) // +API_VERSION_PARAM()
) // )
. then ( get _json ) // .then(get_json)
. then ( ( json ) => { // .then((json)=>{
// //console.log(json);
this . setState ( { // this.setState({
[ state _key ] : json , // [state_key]: json,
} ) ; // });
} ) // })
. catch ( ( e ) => { // .catch((e)=>{
this . setState ( { // this.setState({
[ state _key ] : { // [state_key]: {
errMsg : + e , // errMsg: '网络错误 '+e,
errCode : this . INTERNAL _NETWORK _FAILURE , // errCode: this.INTERNAL_NETWORK_FAILURE,
success : false , // success: false,
} // }
} ) ; // });
} ) // })
} ) ; // });
} // }
//
componentDidMount ( ) { // componentDidMount() {
[ , , , ] . forEach ( ( k ) => { // [ 'today_info','card_balance','net_balance','mail_count'].forEach((k)=>{
if ( ! this . state [ k ] ) // if(!this.state[k])
this . load ( k ) ; // this.load(k);
} ) ; // });
} // }
//
reload _all ( ) { // reload_all() {
[ , , , ] . forEach ( ( k ) => { // [ 'today_info','card_balance','net_balance','mail_count'].forEach((k)=>{
this . load ( k ) ; // this.load(k);
} ) ; // });
} // }
//
render _line ( state _key , title , value _fn , action , url _fn , do _login ) { // render_line(state_key,title,value_fn,action,url_fn,do_login) {
let s = this . state [ state _key ] ; // let s=this.state[state_key];
if ( ! s ) // if(!s)
return ( // return (
< tr > // <tr>
< td > { title } < / t d > // <td>{title}</td>
< td > 加载中 … … < / t d > // <td>加载中……</td>
< td / > // <td />
< / t r > // </tr>
) ; // );
else if ( ! s . success ) { // else if(!s.success) {
let type = '加载失败' ; // let type='加载失败';
if ( s . errCode === this . INTERNAL _NETWORK _FAILURE ) // if(s.errCode===this.INTERNAL_NETWORK_FAILURE)
type = '网络错误' ; // type='网络错误';
else if ( [ 'E01' , 'E02' , 'E03' ] . indexOf ( s . errCode ) !== - 1 ) // else if(['E01','E02','E03'].indexOf(s.errCode)!==-1)
type = '授权失效' ; // type='授权失效';
//
let details = JSON . stringify ( s ) ; // let details=JSON.stringify(s);
if ( s . errMsg ) // if(s.errMsg)
details = s . errMsg ; // details=s .errMsg;
else if ( s . error ) // else if(s.error)
details = s . error ; // details=s .error;
//
return ( // return (
< tr > // <tr>
< td > { title } < / t d > // <td>{title}</td>
< td class Name = > // <td class Name= "life-info-error">
< a onClick = { ( ) => alert ( details ) } > { type } < / a > // <a onClick={()=>alert(details)}>{type}</a>
< / t d > // </ td>
< td > // <td>
{ type === ? // {type==='授权失效' ?
< a onClick = { do _login } > // <a onClick={do_login}>
< span class Name= / > & nbsp ; 重新登录 // <span class Name= "icon icon-forward" /> 重新登录
< / a > : // </a > :
< a onClick = { ( ) => this . load ( state _key ) } > // <a onClick= {()=>this.load(state_key)}>
< span class Name= / > & nbsp ; 重试 // <span class Name= "icon icon-forward" /> 重试
< / a > // </a >
} // }
< / t d > // </ td>
< / t r > // </tr>
) // )
} // }
else { // else {
this . cache _set ( state _key , s ) ; // this.cache_set(state_key,s);
//
return ( // return (
< tr > // <tr>
< td > { title } < / t d > // <td>{title}</td>
< td > { value _fn ( s ) } < / t d > // <td>{value_fn(s )}</ td>
< td > // <td>
< a href = { url _fn ( s ) } target = "_blank" > // <a href={url_fn(s)} target="_blank">
< span className = "icon icon-forward" / > & nbsp ; { action } // <span className="icon icon-forward" /> {action}
< / a > // </a >
< / t d > // </ td>
< / t r > // </tr>
) ; // );
} // }
} // }
//
render ( ) { // render() {
return ( // return (
< LoginPopup token _callback = { ( t ) => { // <LoginPopup token_callback={(t)=>{
this . props . set _token ( t ) ; // this.props.set_token(t);
this . reload _all ( ) ; // this.reload_all();
} } > { ( do _login ) => ( // }}>{(do_login)=>(
< div class Name = > // <div class Name= "box">
< table class Name = > // <table class Name= "life-info-table">
< tbody > // <tbody>
{ this . render _line ( // {this.render_line(
, // 'today_info',
'今日' , ( s ) => s . info , // '今日',(s)=>s.info,
'校历' , ( s ) => s . schedule _url , // '校历',(s)=>s.schedule_url,
do _login , // do_login,
) } // )}
{ this . render _line ( // {this.render_line(
, // 'card_balance',
, ( s ) => ` 余额￥ ${ s . balance . toFixed ( 2 ) } ` , // '校园卡',(s )=>`余额￥${s .balance.toFixed(2)}`,
'充值' , ( ) => , // '充值',()=> 'https://virtualprod.alipay.com/educate/educatePcRecharge.htm?schoolCode=PKU&schoolName=',
do _login , // do_login,
) } // )}
{ this . render _line ( // {this.render_line(
, // 'net_balance',
, ( s ) => ` 余额￥ ${ s . balance . toFixed ( 2 ) } ` , // '网费',(s )=>`余额￥${s .balance.toFixed(2)}`,
'充值' , ( ) => 'https://its.pku.edu.cn/epay.jsp' , // '充值',()=>'https://its.pku.edu.cn/epay.jsp',
do _login , // do_login,
) } // )}
{ this . render _line ( // {this.render_line(
, // 'mail_count',
, ( s ) => ` 未读 ${ s . count } 封 ` , // '邮件',(s )=>`未读 ${s .count} 封`,
'查看' , ( ) => 'https://mail.pku.edu.cn/' , // '查看',()=>'https://mail.pku.edu.cn/',
do _login , // do_login,
) } // )}
< / t b o d y > // </ tbody>
< / t a b l e > // </ ta ble >
< / d i v > // </div>
) } < / L o g i n P o p u p > // )}</LoginPopup>
) // )
} // }
} // }
export function InfoSidebar ( props ) { export function InfoSidebar ( props ) {
return ( return (
@ -207,23 +207,25 @@ export function InfoSidebar(props) {
< span className = "icon icon-settings" / > < label > 网页版树洞设置 < / l a b e l > < span className = "icon icon-settings" / > < label > 网页版树洞设置 < / l a b e l >
< / a > < / a >
& nbsp ; & nbsp ; & nbsp ; & nbsp ;
< a href = "http://pkuhelper.pku.edu.cn/treehole_rules.html" target = "_blank" > { /*<a href="http://pkuhelper.pku.edu.cn/treehole_rules.html" target="_blank">*/ }
< span className = "icon icon-textfile" / > < label > 树洞规范 < / l a b e l > { /* <span className="icon icon-textfile" /><label>树洞规范</label>*/ }
< / a > { /*</a>*/ }
& nbsp ; & nbsp ; { /* */ }
< a href = "https://github.com/pkuhelper-web /webhole/issues" target = "_blank" > < a href = "https://github.com/thuhole /webhole/issues" target = "_blank" >
< span className = "icon icon-github" / > < label > 意见反馈 < / l a b e l > < span className = "icon icon-github" / > < label > 意见反馈 < / l a b e l >
< / a > < / a >
< / d i v > < / d i v >
< div className = "box help-desc-box" > < div className = "box help-desc-box" >
< p > < p >
PKUHelper 网页版树洞 by @ xmcp ， T大树洞 网页版 by @ thuhole ，
基于 & nbsp ; 基于 & nbsp ;
< a href = "https://www.gnu.org/licenses/gpl-3.0.zh-cn.html" target = "_blank" > GPLv3 < / a > < a href = "https://www.gnu.org/licenses/gpl-3.0.zh-cn.html" target = "_blank" > GPLv3 < / a >
& nbsp ; 协议在 < a href = "https://github.com/pkuhelper-web /webhole" target = "_blank" > GitHub < / a > 开 源 & nbsp ; 协议在 < a href = "https://github.com/thuhole /webhole" target = "_blank" > GitHub < / a > 开 源
< / p > < / p >
< p > < p >
PKUHelper 网页版的诞生离不开 & nbsp ; T大树洞 网页版的诞生离不开 & nbsp ;
< a href = "https://github.com/pkuhelper-web/webhole" target = "_blank" rel = "noopener" > P大树洞 < / a >
、
< a href = "https://reactjs.org/" target = "_blank" rel = "noopener" > React < / a > < a href = "https://reactjs.org/" target = "_blank" rel = "noopener" > React < / a >
、 、
< a href = "https://icomoon.io/#icons" target = "_blank" rel = "noopener" > IcoMoon < / a > < a href = "https://icomoon.io/#icons" target = "_blank" rel = "noopener" > IcoMoon < / a >
@ -280,7 +282,7 @@ class ResetUsertokenWidget extends Component {
this . setState ( { this . setState ( {
loading _status : 'loading' , loading _status : 'loading' ,
} , ( ) => { } , ( ) => {
fetch ( PKUHELPER _ROOT + 'api_xmcp/hole/reset_usertoken' , { fetch ( THUHOLE _API _ROOT + 'api_xmcp/hole/reset_usertoken' , {
method : 'post' , method : 'post' ,
headers : { headers : {
'Content-Type' : 'application/json' , 'Content-Type' : 'application/json' ,
@ -329,9 +331,9 @@ export class LoginForm extends Component {
return ( return (
< TokenCtx . Consumer > { ( token ) => < TokenCtx . Consumer > { ( token ) =>
< div > < div >
{ ! ! token . value && { /*{!!token.value &&*/ }
< LifeInfoBox token = { token . value } set _token = { token . set _value } / > { /* <LifeInfoBox token={token.value} set_token={token.set_value} />*/ }
} { /*}*/ }
< div className = "login-form box" > < div className = "login-form box" >
{ token . value ? { token . value ?
< div > < div >
@ -354,7 +356,7 @@ export class LoginForm extends Component {
< / p > < / p >
< p > < p >
< a onClick = { this . copy _token . bind ( this , token . value ) } > 复制 User Token < /a><br / > < a onClick = { this . copy _token . bind ( this , token . value ) } > 复制 User Token < /a><br / >
User Token 用于迁移登录状态 ， 切勿告知他人 ， 若怀疑被盗号请尽快 < ResetUsertokenWidget token = { token . value } / > User Token 用于迁移登录状态 ， 切勿告知他人 { /*，若怀疑被盗号请尽快 <ResetUsertokenWidget token={token.value} />*/ }
< / p > < / p >
< / d i v > : < / d i v > :
< LoginPopup token _callback = { token . set _value } > { ( do _popup ) => ( < LoginPopup token _callback = { token . set _value } > { ( do _popup ) => (
@ -366,7 +368,7 @@ export class LoginForm extends Component {
< / b u t t o n > < / b u t t o n >
< / p > < / p >
< p > < small > < p > < small >
PKU Helper 面向北京大学学生 ， 通过 ISOP （ 北京大学数据共享开放服务平台 ） 验证您的身份并提供服务 。 T大树洞 面向清华大学学生 ， 通过清华邮箱 验证您的身份并提供服务。
< / s m a l l > < / p > < / s m a l l > < / p >
< / d i v > < / d i v >
) } < / L o g i n P o p u p > ) } < / L o g i n P o p u p >
thuhole
5 years ago
