webpackJsonp([17],{3899:function(e,n,t){"use strict";var a=t(0),c=t.n(a),s=(t(5),t(3900)),o=function(e,n,t){return n&&r(e.prototype,n),t&&r(e,t),e};function r(e,n){for(var t=0;t<n.length;t++){var a=n[t];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function i(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}var l=(function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(p,a.Component),o(p,[{key:"render",value:function(){var e=this.props,n=e.basicInfo,t=(e.current_user,window.location.pathname),a=-1!=t.indexOf("profile")||"/account"==t,o=-1!=t.indexOf("certification"),r=-1!=t.indexOf("secure"),i=-1!=t.indexOf("binding");return c.a.createElement("div",{className:"accountNav fl"},c.a.createElement("style",null,"\n                .accountInfo { \n                  text-align: center;\n                  display: flex;\n                  flex-direction: column;\n                  align-items: center;\n                }\n                .accountInfo .name {\n                  color: #05101A;\n                  font-size: 24px;\n                  height: 36px;\n                }\n                .accountInfo .role {\n                  color: #666666;\n                  font-size: 14px;\n                }\n                .accountManagement .title {\n                  color: #05101A;\n                  font-size: 18px;\n                  font-weight: 400;\n                  padding: 10px 28px;\n                  margin-top: 6px;\n                }\n                .accountManagement .navItem {\n                  font-size: 16px;\n                  padding: 6px 0px;\n                  padding-left: 30px;\n                  border-left: 2px solid #fff;\n                  cursor: pointer;\n                  color:#4D4D4D;\n                }\n                .accountManagement .navItem i{\n                  margin-top: -4px;\n                  display: inline-block;\n                  margin-right: 7px;\n                }\n                .accountManagement .navItem i.status{\n                  margin-top: 1px;\n                  margin-right: 24px;\n                }\n                .accountManagement .navItem.active { \n                  border-left: 2px solid #4CACFF;\n                  background: #E6F3FF;\n                }\n                .accountManagement .navItem.active i:first-child{\n                  color:#4CACFF!important;\n                }\n\n                .color-green-light{\n                  color: #45E660!important;\n                }\n            "),n&&n.id&&c.a.createElement(c.a.Fragment,null,c.a.createElement("div",{className:"accountInfo"},c.a.createElement(s.a,Object.assign({src:n.avatar_url},this.props)),c.a.createElement("span",{className:"name"},n.name||""),c.a.createElement("span",{className:"role"},n.technical_title)),c.a.createElement("div",{className:"accountManagement"},c.a.createElement("div",{className:"title"},"账号管理"),c.a.createElement("ul",null,c.a.createElement("li",{className:"navItem "+(a?"active":""),onClick:this.toBasic},c.a.createElement("i",{className:"iconfont icon-jibenxinxi color-grey-9 font-16"}),"基本信息",1==n.base_info_completed?c.a.createElement("i",{className:"status fr iconfont icon-wancheng color-green-light font-16"}):c.a.createElement("i",{className:"status fr iconfont icon-tishi color-red font-16"})),c.a.createElement("li",{className:"navItem "+(o?"active":""),onClick:this.toCertification},c.a.createElement("i",{className:"iconfont icon-renzhengxinxi color-grey-9 font-16"}),"认证信息","certified"==n.professional_certification&&"certified"==n.authentication?c.a.createElement("i",{className:"status fr iconfont icon-wancheng color-green-light font-16"}):c.a.createElement("i",{className:"status fr iconfont icon-tishi color-red font-16"})),c.a.createElement("li",{className:"navItem "+(r?"active":""),onClick:this.toSecure},c.a.createElement("i",{className:"iconfont icon-anquanshezhi color-grey-9 font-16"}),"安全设置"),this.props.user&&!0===this.props.user.main_site?c.a.createElement("li",{className:"navItem "+(i?"active":""),onClick:this.isBinding},c.a.createElement("i",{className:"iconfont icon-lianjie color-grey-9 font-16"}),"绑定登录账号"):""))))}}]),p);function p(){var e,n,t;!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,p);for(var a=arguments.length,o=Array(a),r=0;r<a;r++)o[r]=arguments[r];return(n=t=i(this,(e=p.__proto__||Object.getPrototypeOf(p)).call.apply(e,[this].concat(o)))).toBasic=function(){t.props.history.push("/account/profile")},t.toCertification=function(){t.props.history.push("/account/certification")},t.toSecure=function(){t.props.history.push("/account/secure")},t.isBinding=function(){t.props.history.push("/account/binding")},i(t,n)}n.a=l},3900:function(e,n,t){"use strict";var a=t(0),o=t.n(a),r=t(5),i=t(3901),c=function(e,n,t){return n&&s(e.prototype,n),t&&s(e,t),e};function s(e,n){for(var t=0;t<n.length;t++){var a=n[t];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function l(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}var p=(function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(u,a.Component),c(u,[{key:"render",value:function(){var e=Object(r.M)("images/"+this.props.src);return o.a.createElement("div",{className:"headphoto mt14"},o.a.createElement(i.a,Object.assign({},this.props,{ref:"picModal",imageSrc:e,userLogin:this.props.current_user?this.props.current_user.login:""})),o.a.createElement("style",null,"\n            /*\n            .headphoto {\n              text-align: center;\n              background: #FFFFff;\n              width: 115px;\n              height: 115px;\n              padding: 3px;\n              border-radius: 50%;\n              position: relative;\n              float: left;\n              margin-top: 19px;\n              box-sizing: border-box;\n            }\n            .headphoto img {\n              width: 109px;\n              border-radius: 50%;\n              height: 109px;\n            }\n            .headphoto-black {\n              display: none;\n              cursor: pointer;\n              position: absolute;\n              top: 3px;\n              left: 3px;\n              width: 109px;\n              height: 109px;\n              text-align: center;\n              line-height: 112px;\n              border-radius: 50%;\n              background-color: rgba(0,0,0,0.3);\n              color: #fff;\n            } */\n            .headphoto:hover .headphoto-black {\n              display: block;\n            }\n          "),o.a.createElement("img",{alt:"头像",id:"user_avatar_show",nhname:"avatar_image",src:""+e}),o.a.createElement("p",{className:"headphoto-black",onClick:this.editImg},"修改头像"))}}]),u);function u(){var e,n,t;!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,u);for(var a=arguments.length,o=Array(a),r=0;r<a;r++)o[r]=arguments[r];return(n=t=l(this,(e=u.__proto__||Object.getPrototypeOf(u)).call.apply(e,[this].concat(o)))).editImg=function(){t.refs.picModal.setVisible(!0)},l(t,n)}n.a=p},3901:function(e,n,t){"use strict";var a=t(0),o=t.n(a),r=t(12),i=t.n(r),c=t(297),s=t(5),l=function(e,n,t){return n&&p(e.prototype,n),t&&p(e,t),e};function p(e,n){for(var t=0;t<n.length;t++){var a=n[t];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}var u="changeHeaderPic",f=(function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(d,a.Component),l(d,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e=this,n=(this.state.course_lists,this.props),t=(n.moduleName,n.current_user),a=t?Object(s.Q)()+"/images/"+t.image_url:"";return o.a.createElement(c.a,Object.assign({ref:"modalWrapper",title:"上传头像"},this.props,{onOk:this.onOk,okText:"保存",width:552,className:"changeHeaderModal",loading:this.state.uploading,onCancel:function(){return e.setState({uploading:!1})}}),o.a.createElement("style",null,"\n            #changeHeader_imagePreview {\n                overflow: hidden;\n                background-color: #fff;\n                border-radius: 50%;\n                text-align: center;\n                width: 120px;\n                height: 120px;\n                /* border: 1px solid #eee; */\n            }\n            .previewWrap {\n              flex-direction: column;\n              justify-content: space-between;\n              height: 320px;\n              align-items: center;\n              margin-left: 36px;\n            }\n            .changeHeaderModal .tip {\n              color: #9B9B9B;\n              margin-top: 4px;\n            }\n            .changeHeaderModal .cropperWrap .tip {\n              display: inline-block;\n            }\n            .previewWrap .tip {\n              text-align: center;\n              margin-top: 4px;\n            }\n            #uploadBtn {\n              color: #4CACFF;\n              border: 1px solid #4CACFF;\n              padding: 2px 18px;\n              cursor: pointer;\n            }\n        "),o.a.createElement("div",{className:"df"},o.a.createElement("div",{className:"cropperWrap"},o.a.createElement(s.h,{imageSrc:"",initPreviewUrl:a,ref:"cropper",imageId:u,previewId:"changeHeader_imagePreview",width:320,height:320}),o.a.createElement("span",{className:"tip"},"仅支持JPG、GIF、PNG，且文件小于2M")),o.a.createElement("div",{className:"df previewWrap",style:{flexDirection:"column"}},o.a.createElement("div",null,o.a.createElement("div",{id:"changeHeader_imagePreview"},a&&o.a.createElement("img",{src:a})),o.a.createElement("div",{className:"tip"},"头像预览")),o.a.createElement("label",{id:"uploadBtn",for:"inputImage"},o.a.createElement("input",{type:"file",class:"sr-only",id:"inputImage",name:"file",accept:"image/*"}),"点击上传"))))}}]),d);function d(e){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,d);var a=function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(d.__proto__||Object.getPrototypeOf(d)).call(this,e));return a.init=function(){var o=document.getElementById("inputImage"),r=a;o.onchange=function(){var n,e=this.files;if(e&&e.length)if(n=e[0],/^image\/\w+/.test(n.type)){if(2097152<n.size)return void(this.props.showNotification&&this.props.showNotification("仅支持文件大小小于2M的文件"));n.type,n.name;var t=document.getElementById(u),a=new FileReader;a.readAsBinaryString(n),a.onload=function(){var e=btoa(a.result);console.log(),t.src="data:"+n.type+";base64,"+e,r.fileUploaded=!0,r.refs.cropper.renew(t),o.value=null},a.onerror=function(){console.log("there are some problems")}}else this.props.showNotification&&this.props.showNotification("请选择一个图片格式的文件")}},a.setVisible=function(e){a.refs.modalWrapper.setVisible(e),e&&(a.fileUploaded=!1,setTimeout(function(){a.init()},500))},a.onSendOk=function(){},a.onOk=function(){1!=a.state.uploading&&(1==a.fileUploaded?(console.log((new Date).getTime()),a.setState({uploading:!0},function(){window.setTimeout(function(){console.log((new Date).getTime()),a._onOk()},10)})):a.props.showNotification("请先上传图片"))},a._onOk=function(){var e=document.getElementById("changeHeader_imagePreview");window.html2canvas(e).then(function(e){var n=e.toDataURL("image/jpeg");console.log(n);var t="/users/accounts/"+a.props.userLogin+"/avatar.json";i.a.put(t,{image:n}).then(function(e){0==e.data.status&&(-1!=a.props.current_user.image_url.indexOf("avatars/User/b")||-1!=a.props.current_user.image_url.indexOf("avatars/User/g")?window.setTimeout(function(){a.doAfterUpdated()},1e3):a.doAfterUpdated(),a.setState({uploading:!1}))}).catch(function(e){this.setState({uploading:!1}),console.log(e)})})},a.doAfterUpdated=function(){a.props.fetchUser(),a.props.showNotification&&a.props.showNotification("修改头像成功"),a.setVisible(!1)},a.state={uploading:!1},a}n.a=f},754:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=t(0),o=t.n(a),r=t(45),i=t(315),c=t(307),s=t(308),l=t.n(s),p=t(309),u=t(5),f=t(3899),d=t(12),m=t.n(d),h=function(e,n,t){return n&&g(e.prototype,n),t&&g(e,t),e};function g(e,n){for(var t=0;t<n.length;t++){var a=n[t];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}var b=l()({loader:function(){return t.e(42).then(t.bind(null,2266))},loading:c.a}),v=l()({loader:function(){return t.e(42).then(t.bind(null,1758))},loading:c.a}),y=l()({loader:function(){return t.e(68).then(t.bind(null,3902))},loading:c.a}),x=l()({loader:function(){return t.e(110).then(t.bind(null,3903))},loading:c.a}),w=l()({loader:function(){return t.e(111).then(t.bind(null,3904))},loading:c.a}),E=(function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(_,a.Component),h(_,[{key:"render",value:function(){var n=this,t={basicInfo:this.state.basicInfo,getBasicInfo:this.getBasicInfo};return o.a.createElement("div",{className:"newMain clearfix"},o.a.createElement("div",{className:"educontent df pt20"},o.a.createElement("style",null,"\n                .accountPage {\n                  display: flex;\n                }\n                .basicFormWrap{\n                  flex:1;\n                  width: 0;\n                }\n\n                /* 左侧 */\n                .accountNav {\n                  width: 290px;\n                  box-shadow: 0px 4px 9px 0px rgba(11,62,120,0.21);\n                  border-radius: 2px;\n                  padding-top: 8px;\n                  padding-bottom: 30px;\n                  margin-bottom:30px;\n                  margin-right:20px;\n                  height: 460px;\n                }\n              "),o.a.createElement(f.a,Object.assign({},this.props,t)),o.a.createElement("div",{className:"basicFormWrap"},o.a.createElement(r.e,this.props,o.a.createElement(r.d,{path:"/account/profile/edit",render:function(e){return o.a.createElement(v,Object.assign({},n.props,e,n.state,t))}}),o.a.createElement(r.d,{path:"/account/profile",render:function(e){return o.a.createElement(b,Object.assign({},n.props,e,n.state,t))}}),o.a.createElement(r.d,{path:"/account/certification",render:function(e){return o.a.createElement(y,Object.assign({},n.props,e,n.state,t))}}),o.a.createElement(r.d,{path:"/account/secure",render:function(e){return o.a.createElement(x,Object.assign({},n.props,e,n.state,t))}}),o.a.createElement(r.d,{path:"/account/binding",render:function(e){return o.a.createElement(w,Object.assign({},n.props,e,n.state,t))}}),o.a.createElement(r.d,{exact:!0,path:"/account",render:function(e){return o.a.createElement(b,Object.assign({getBasicInfo:function(){return n.getBasicInfo()}},n.props,e,n.state,t))}})))))}}]),_);function _(e){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,_);var t=function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(_.__proto__||Object.getPrototypeOf(_)).call(this,e));return t.componentDidUpdate=function(e){t.props.current_user&&t.props.current_user!=e.current_user&&t.getBasicInfo(t.props.current_user.login)},t.componentDidMount=function(){t.props.current_user&&t.getBasicInfo(t.props.current_user.login)},t.getBasicInfo=function(e){var n="/users/accounts/"+(e||t.props.current_user.login)+".json";m.a.get(n).then(function(e){e.data&&(e.data&&0==e.data.base_info_completed&&t.props.history.push("/account/profile/edit"),t.setState({basicInfo:Object.assign({},Object.assign({},e.data),{avatar_url:""+e.data.avatar_url,gender:null==e.data.gender||null==e.data.gender?0:e.data.gender})}))}).catch(function(e){console.log(e)})},t.state={basicInfo:{}},t}n.default=Object(i.a)()(Object(u.w)()(Object(p.a)(E)))}});