You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
17 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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)))}});