m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

dialogbox

Browse Source
dev_aliyun2
harry 6 years ago
parent 513d30eca6
commit 2de7a09759
4 changed files with 161 additions and 151 deletions
Show Stats Download Patch File Download Diff File

13
public/react/src/components/dialog/index.jsx
Unescape View File

@ -0,0 +1,13 @@
import React from 'react'
import './index.less'
export default ({ children, style = {} }) => {
return (
<div className="dialog-container-wrapper">
<div className="dialog-body" style={style}>
{children}
</div>
</div>
)
}

21
public/react/src/components/dialog/index.less
Unescape View File

@ -0,0 +1,21 @@
.dialog-container-wrapper {
display: flex;
position: fixed;
bottom: 0;
right: 0;
top: 0;
left: 0;
z-index: 300;
background: rgba(0, 0, 0, .7);
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.dialog-body {
width: 405px;
height: auto;
background: #fff;
position: relative;
}

276
public/react/src/modules/login/LoginDialog.js
Unescape View File

@ -1,10 +1,11 @@
import React, { Component } from 'react'; import React, { Component, Fragment } from 'react';
import { notification } from 'antd'; import { notification } from 'antd';
import axios from 'axios'; import axios from 'axios';
import './LoginDialog.css'; import './LoginDialog.css';
import { Modal } from 'antd' import { Modal } from 'antd'
import Dialog from '../../components/dialog'
import { broadcastChannelPostMessage } from 'educoder' import { broadcastChannelPostMessage } from 'educoder'
import Notcompletedysl from "../user/Notcompletedysl"; import Notcompletedysl from "../user/Notcompletedysl";
@ -457,9 +458,7 @@ class LoginDialog extends Component {
this.setState({ this.setState({
qqlogin: true qqlogin: true
}) })
//window.location.href=`https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=101508858&redirect_uri=https%3a%2f%2f${window.location.host}%2otherloginqq&response_type=code`
window.location.href = `https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=101508858&redirect_uri=https%3a%2f%2fwww.educoder.net%2fotherloginqq&state=null,${window.location.host}&response_type=code` window.location.href = `https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=101508858&redirect_uri=https%3a%2f%2fwww.educoder.net%2fotherloginqq&state=null,${window.location.host}&response_type=code`
// window.location.href=`https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=101508858&redirect_uri=https%3a%2f%2fwww.educoder.net%2fotherloginstart&tp=qq&response_type=code`
} }
openphoneqqlogin = () => { openphoneqqlogin = () => {
@ -485,172 +484,149 @@ class LoginDialog extends Component {
isRender = false isRender = false
} }
return ( return (
<Modal visible={isRender} id="DialogID" <Fragment>
className="zindextest" {
onCancel={() => this.handleDialogClose()} isRender ? <Dialog>
footer={null}
> < Notcompletedysl
<Notcompletedysl modalsType={this.state.MyEduCoderModals}
modalsType={this.state.MyEduCoderModals} setNotcompleteds={() => { this.setNotcompleteds() }
setNotcompleteds={() => { this.setNotcompleteds() }} }
/> />
< div className={dialogBox} >
<style>
{ <div id="closeIcon" className={"logincloseIcon"} onClick={() => { this.handleDialogClose() }}>
` <i className="iconfont icon-shanchudiao"></i>
#DialogID .dialogBox { </div>
width: 405px !important;
} <div id="log_reg_content" >
.dialogBox { {weixinlogin === true ? "" : <ul className="log_nav clearfix">
height: 290px !important; <li className={login == 0 ? 'active' : ''} onClick={() => { this.enter(0) }}>登录</li>
} </ul>}
`
}
</style> <div className="login-panel" id="login-panel-1" style={{ display: login == 0 ? 'block' : 'none' }}>
{isRender === true ? {weixinlogin === true ? "" : <form acceptCharset="UTF-8" action="/login" id="main_login_form" method="post">
<div className={dialogBox}>
<div id="closeIcon" className={"logincloseIcon"} onClick={() => { this.handleDialogClose() }}> <div style={{ "display": "inline", "padding": "0", "margin": "0" }}>
<i className="iconfont icon-shanchudiao"></i> <input name="utf8" type="hidden" value="✓"></input>
</div> <input name="authenticity_token" type="hidden" value="NVLiIlHZfhVBQtO9djnWncJqqdikNQIIxEmOvzK9vNM="></input>
</div>
<div id="log_reg_content" >
{weixinlogin === true ? "" : <ul className="log_nav clearfix"> <input name="back_url" type="hidden" value={this.back_url}></input>
<li className={login == 0 ? 'active' : ''} onClick={() => { this.enter(0) }}>登录</li> <input
</ul>} type="text"
className="input-100-45 mt20"
id="name_loggin_input"
<div className="login-panel" id="login-panel-1" style={{ display: login == 0 ? 'block' : 'none' }}> ref="loginPassText"
{weixinlogin === true ? "" : <form acceptCharset="UTF-8" action="/login" id="main_login_form" method="post"> onInput={this.loginChange}
onBlur={(e) => this.inputOnBlur(e, 1)}
<div style={{ "display": "inline", "padding": "0", "margin": "0" }}>
<input name="utf8" type="hidden" value="✓"></input>
<input name="authenticity_token" type="hidden" value="NVLiIlHZfhVBQtO9djnWncJqqdikNQIIxEmOvzK9vNM="></input>
</div>
<input name="back_url" type="hidden" value={this.back_url}></input>
<input
type="text"
className="input-100-45 mt20"
id="name_loggin_input"
ref="loginPassText"
onInput={this.loginChange}
onBlur={(e) => this.inputOnBlur(e, 1)}
onPressEnter={disabled === false ?
this.loginEDU : () => {
}
// console.log(1)
}
value={this.state.loginValue}
name="username"
placeholder="请输入有效的手机号/邮箱号" ></input>
<div style={{ height: '25px' }}><p className="color-orange edu-txt-left none" id="username_error_notice"
style={{ display: Phonenumberisnotco === undefined ? 'none' : 'block' }}>{Phonenumberisnotco}</p></div>
<div>
<input type="password" id="password_loggin_input"
name="password"
ref="passwordText"
onInput={this.passwordChange}
onKeyDown={this.onKeydowns}
className="input-100-45 mt5"
onPressEnter={disabled === false ? onPressEnter={disabled === false ?
this.loginEDU : () => { this.loginEDU : () => { }
}
// console.log(1)
} }
placeholder="密码" > value={this.state.loginValue}
</input> name="username"
<div style={{ height: '25px' }}> placeholder="请输入有效的手机号/邮箱号" ></input>
<p className="color-orange edu-txt-left none" id="password_error_notice">
请输入密码 <div style={{ height: '25px' }}><p className="color-orange edu-txt-left none" id="username_error_notice"
style={{ display: Phonenumberisnotco === undefined ? 'none' : 'block' }}>{Phonenumberisnotco}</p></div>
<div>
<input type="password" id="password_loggin_input"
name="password"
ref="passwordText"
onInput={this.passwordChange}
onKeyDown={this.onKeydowns}
className="input-100-45 mt5"
onPressEnter={disabled === false ?
this.loginEDU : () => {
}
// console.log(1)
}
placeholder="密码" >
</input>
<div style={{ height: '25px' }}>
<p className="color-orange edu-txt-left none" id="password_error_notice">
请输入密码
</p> </p>
</div>
</div> </div>
</div>
<div className={disabled === false ? "bluebutton edu-back-blue" : "bluebutton"}
onClick={disabled === false ?
{/*<button className={bottonclass} id="psd_login_btn" onClick={this.loginEDU} disabled={disabled}>*/} this.loginEDU : () => { }
}
{/*</button>*/} > 登录 </div>
<div className={disabled === false ? "bluebutton edu-back-blue" : "bluebutton"} <p className="clearfix mt20">
onClick={disabled === false ?
this.loginEDU : () => { } <span className="fl">
// console.log(1) <input type="checkbox"
} className="mr5 magic-checkbox"
> checked={isGoing}
登录 onChange={this.handleInputChange}
</div> value={isGoingValue}
name="isGoing"
<p className="clearfix mt20"> id="p_autolog"></input>
<label htmlFor="p_autolog" style={{ top: '0px' }}>下次自动登录</label>
<span className="fl"> </span>
<input type="checkbox"
className="mr5 magic-checkbox" <span className="fr">
checked={isGoing} <a onClick={(url) => this.getloginurl("/changepassword")}
onChange={this.handleInputChange} className="mr3 color-grey-9">找回密码</a><em className="vertical-line"></em>
value={isGoingValue} <a onClick={(url) => this.getloginurl("/register")} className="color-grey-9">注册</a>
name="isGoing" </span>
id="p_autolog"></input>
<label htmlFor="p_autolog" style={{ top: '0px' }}>下次自动登录</label> </p>
</span>
{this.props.user && this.props.user.main_site === true ? this.state.isphone === true ? <p className="clearfix mt20">
<span className="fr">
<a onClick={(url) => this.getloginurl("/changepassword")}
className="mr3 color-grey-9">找回密码</a><em className="vertical-line"></em>
<a onClick={(url) => this.getloginurl("/register")} className="color-grey-9">注册</a>
</span>
</p>
{this.props.user && this.props.user.main_site === true ? this.state.isphone === true ? <p className="clearfix mt20">
<span className={"startlogin"}>———————— 快速登录 ————————</span>
<div className={"mt10"}>
<a onClick={() => this.openweixinlogin()}>
<img src={require('./WeChat.png')} alt="微信登录" />
</a>
<a onClick={() => this.openqqlogin()} className={"ml10"}>
<img src={require('./qq.png')} alt="qq登录" />
</a>
</div>
</p> : <p className="clearfix mt20">
<span className={"startlogin"}>———————— 快速登录 ————————</span> <span className={"startlogin"}>———————— 快速登录 ————————</span>
<div className={"mt10"}> <div className={"mt10"}>
{/*<a onClick={()=>this.openweixinlogin()}>*/} <a onClick={() => this.openweixinlogin()}>
{/*<img src={require('./WeChat.png')} alt="微信登录"/>*/} <img src={require('./WeChat.png')} alt="微信登录" />
{/*</a>*/} </a>
<a onClick={() => this.openphoneqqlogin()} className={"ml10"}> <a onClick={() => this.openqqlogin()} className={"ml10"}>
<img src={require('./qq.png')} alt="qq登录" /> <img src={require('./qq.png')} alt="qq登录" />
</a> </a>
</div> </div>
</p> : ""} </p> : <p className="clearfix mt20">
<span className={"startlogin"}>———————— 快速登录 ————————</span>
<div className={"mt10"}>
<a onClick={() => this.openphoneqqlogin()} className={"ml10"}>
<img src={require('./qq.png')} alt="qq登录" />
</a>
</div>
</p> : ""}
</form>}
{weixinlogin === true ? <iframe
className={"weixinheight390"}
frameBorder="0"
sandbox="allow-scripts allow-same-origin allow-top-navigation"
scrolling="no"
src={`https://open.weixin.qq.com/connect/qrconnect?appid=wx6b119e2d829c13fa&redirect_uri=https%3a%2f%2fwww.educoder.net%2fotherloginstart&response_type=code&scope=snsapi_login&state=null,${window.location.host}#wechat_redirect`}></iframe> : ""}
</form>}
{weixinlogin === true ? <iframe
className={"weixinheight390"}
frameBorder="0"
sandbox="allow-scripts allow-same-origin allow-top-navigation"
scrolling="no"
src={`https://open.weixin.qq.com/connect/qrconnect?appid=wx6b119e2d829c13fa&redirect_uri=https%3a%2f%2fwww.educoder.net%2fotherloginstart&response_type=code&scope=snsapi_login&state=null,${window.location.host}#wechat_redirect`}></iframe> : ""}
{weixinlogin === true ? <p className="clearfix ">
<a className={"startlogin color-blue"} onClick={() => this.hideweixinlogin()}>返回账号登录</a>
</p> : ""}
</div>
{/*快捷登录*/} {weixinlogin === true ? <p className="clearfix ">
<a className={"startlogin color-blue"} onClick={() => this.hideweixinlogin()}>返回账号登录</a>
</p> : ""}
</div>
{/*快捷登录*/}
</div>
</div >
</Dialog > : null
}
</Fragment>
</div>
</div>
: ""}
</Modal>
); );
} }

2
public/react/src/modules/tpm/TPMIndexHOC.js
Unescape View File

@ -49,7 +49,7 @@ export default function TPMIndexHOC(WrappedComponent) {
Footerdown: undefined, Footerdown: undefined,
coursedata: {}, coursedata: {},
isRender: true, isRender: false,
AccountProfiletype: false, AccountProfiletype: false,
AccountPhoneemailtype: false, AccountPhoneemailtype: false,
globalLoading: false, globalLoading: false,

Write Preview
Loading…
Cancel
Save