(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{1188:function(e,t,a){"use strict";a.r(t);var c=a(3),s=a(5),n=a(4),r=a(6),i=a(7),o=a(0),l=a.n(o),m=(a(679),a(14)),u=a(46),d=a(461),p=(a(680),a(1191)),h=a(1176),v=a(20),f=a(79),E=a(503),g=a.n(E),b=a(38),y=a(23);var N=l.a.memo(function(e){var t=e.addCourseClick;return l.a.createElement("div",{className:"add-course"},l.a.createElement("button",{className:"add",onClick:t},"\u6dfb\u52a0\u8bfe\u7a0b+"))});function _(e){var t=e.record,a=t.seconds,c=t.lesson_name,s="";if(c){var n=/\u7b2c[\s\S]+?\u8bfe/.exec(c);s+=n&&n[0]?n[0]:""}if(a){var r=function(e){return{hour:Math.floor(e/3600),min:Math.floor(e/60)%60,sec:e%60}}(a);s+=(r.hour?String(r.hour).padStart(2,"0")+":":"")+(r.min?String(r.min).padStart(2,"0")+":":"")+(r.sec?String(r.sec).padStart(2,"0"):"")}return l.a.createElement("span",{className:"record"},s.length?"\u5b66\u4e60\u5230".concat(s):null)}var C=l.a.memo(function(e){var t=e.item;if(t.ago||t.seconds){var a=new Date(1e3*t.ago),c=Object(p.a)(a)?Object(h.a)(a,"HH\u65f6mm\u5206"):Object(h.a)(a,"MM\u6708dd\u65e5");return l.a.createElement("div",{className:"des"},l.a.createElement("span",{className:"time"},c),l.a.createElement(_,{record:t}))}return l.a.createElement("button",{className:"start-learn"},"\u5f00\u59cb\u5b66\u4e60")}),k=function(e){function t(){var e,a;Object(c.a)(this,t);for(var s=arguments.length,i=new Array(s),o=0;o<s;o++)i[o]=arguments[o];return(a=Object(n.a)(this,(e=Object(r.a)(t)).call.apply(e,[this].concat(i)))).state={isLoading:!0},a.handleClick=function(e,t){var c=a.props.history,s=t.mode,n=t.course_id;s&&6==s?c.push("/python?id=".concat(n)):c.push("/play/video?id=".concat(e))},a.addCourseClick=function(){a.props.history.push("/classify")},a.loadFunc=Object(b.debounce)(function(){a.props.courseList.length%10===0&&a.props.fetchCoursesListIfNeeded()},200),a}return Object(i.a)(t,e),Object(s.a)(t,[{key:"componentDidMount",value:function(){this.props.switchTab(!1),this.props.fetchCoursesListIfNeeded()}},{key:"componentWillUnmount",value:function(){this.props.switchTab(!0)}},{key:"render",value:function(){var e=this,t=this.props,a=t.courseList,c=t.user;return l.a.createElement(y.f,{isLoading:this.props.isLoading},a&&0!==a.length?l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"my-course-uid"},"\u52a0\u7fa4\u8bf7\u5907\u6ce8\u60a8\u7684\u5b66\u53f7\uff1a".concat(!c.hasError&&this.props.user.data.uid)),l.a.createElement(g.a,{pageStart:0,hasMore:!0,loadMore:this.loadFunc,useWindow:!1},l.a.createElement("ul",{ref:function(t){return e.list=t}},a.map(function(t,a){var c=l.a.createElement("div",{className:"info"},l.a.createElement("div",{className:"title"},t.course_title),!t.is_restricted&&t.is_aist&&l.a.createElement("div",{className:"contact"},"\u52a9\u6559\u5fae\u4fe1\uff1a",t.assist_weixin),!t.is_restricted&&!t.is_aist&&1==t.contact_type&&t.course_qq&&l.a.createElement("div",{className:"contact"},"QQ\u7fa4\uff1a",t.course_qq),!t.is_restricted&&!t.is_aist&&2==t.contact_type&&t.course_qq&&l.a.createElement("div",{className:"contact"},"\u73ed\u4e3b\u4efb\u5fae\u4fe1\uff1a",t.course_qq),t.is_aist&&t.aist_schedule&&l.a.createElement("div",{className:"process-status"},l.a.createElement("div",{className:"process-wrapper"},l.a.createElement("div",{className:"process-bar",style:{width:"".concat(parseFloat(t.aist_schedule),"%")}})),l.a.createElement("div",{className:"process-text"},t.aist_schedule)),l.a.createElement(C,{item:t})),s=t.is_aist?l.a.createElement("span",{className:"status"},"\u8fd4\u73b0"):t.course_expire?l.a.createElement("span",{className:"course-expire"},t.course_expire):null;return l.a.createElement(d.a,Object.assign({img:t.image_name,handleClick:e.handleClick},t,{key:a,info:c,status:s,item:t,id:t.v_course_id}))}))),a.length%10!==0?l.a.createElement(N,{addCourseClick:this.addCourseClick}):null):l.a.createElement("div",{className:"empty"},l.a.createElement("p",null,l.a.createElement("i",{className:"iconfont iconfish"})),l.a.createElement("p",{className:"empty-prompt"},"\u60a8\u8fd8\u6ca1\u6709\u8bfe\u7a0b\u54e6\uff0c\u8d76\u5feb\u53bb\u9009\u8bfe\u5427~"),l.a.createElement("p",null,l.a.createElement(m.b,{className:"select-course",to:"/classify"},"\u53bb\u9009\u8bfe"))))}}]),t}(o.Component),j=Object(v.b)(function(e){return{courseList:e.myCourses.courseList,user:e.user,isLoading:e.myCourses.isLoading}},{fetchCoursesListIfNeeded:f.e,switchTab:f.f})(k),w=(a(37),a(10)),O=a.n(w),L=(a(681),function(e){return l.a.createElement("li",{className:"course-base-item ".concat(e.className),onClick:e.handleClick.bind(void 0,e.id)},e.top,l.a.createElement("img",{src:e.img,alt:""}),l.a.createElement("p",{className:"course-title"},e.title),e.bottom)}),M=a(2),S=a(17),F=a.n(S),x=(a(87),a(682),function(e){return l.a.createElement("div",{className:"bottom"},l.a.createElement(y.i,{className:e.className},e.text),l.a.createElement("span",null,e.audience,"\u4eba\u89c2\u770b"))}),q=function(e){function t(){var e,a;Object(c.a)(this,t);for(var s=arguments.length,i=new Array(s),o=0;o<s;o++)i[o]=arguments[o];return(a=Object(n.a)(this,(e=Object(r.a)(t)).call.apply(e,[this].concat(i)))).page=1,a.num=10,a.state={courses:[],live:[],page:1,hasMore:!1},a.handleClick=function(e){a.props.history.push("/play/video?id=".concat(e))},a.getFreeCourses=function(){return M.e.get("".concat(API.home,"/m/free_course/").concat(a.page++,"/").concat(a.num))},a.getFreeLive=function(){return M.e.get("".concat(API.home,"/m/live/free_list"))},a.toLive=function(e){var t=e.room_id;e.live_status?window.location.assign("http://www.julyedu.com/live/m_room/".concat(t)):O.a.info("\u76f4\u64ad\u5373\u5c06\u5f00\u59cb\uff0c\u656c\u8bf7\u671f\u5f85",2,null,!1)},a.loadFunc=function(){a.state.hasMore&&a.setState({hasMore:a.state.courses.length%10===0},function(){a.getFreeCourses().then(function(e){var t=e.data;200==t.code?Array.isArray(t.data)&&a.setState({courses:a.state.courses.concat(t.data),hasMore:t.data.length%10===0}):O.a.info(t.msg)})})},a}return Object(i.a)(t,e),Object(s.a)(t,[{key:"componentDidMount",value:function(){var e=this;this.getFreeCourses().then(function(t){var a=t.data;200==a.code?e.setState({courses:a.data,hasMore:!0}):O.a.info(a.msg)}),this.getFreeLive().then(function(t){var a=t.data;200==a.code?e.setState({live:Object(b.isEmpty)(a.data)?[]:a.data}):O.a.info(a.msg,2,null,!1)})}},{key:"render",value:function(){var e=this;return l.a.createElement(g.a,{pageStart:0,loadMore:this.loadFunc,useWindow:!1,className:"free-courses",element:"ul",hasMore:this.state.hasMore,threshold:250},this.state.live.map(function(t,a){var c=l.a.createElement("div",{className:"bottom"},l.a.createElement("div",{className:"animation-box"},new Array(4).fill("a").map(function(e,t){return l.a.createElement("i",{key:t,className:F()("column","column-".concat(t+1))})})),l.a.createElement("div",{className:"time"},"".concat(t.live_start_time))),s=0==t.live_status?l.a.createElement(y.i,{className:"tag-soon top"},"\u5373\u5c06\u5f00\u59cb"):l.a.createElement(y.i,{className:"tag-playing top"},"\u6b63\u5728\u76f4\u64ad");return l.a.createElement(L,{img:t.live_cover,title:t.live_title,top:s,bottom:c,key:t.live_id,className:"live",handleClick:e.toLive.bind(e,t),id:a})}),this.state.courses.map(function(t,a){return l.a.createElement(L,{img:t.logo,title:t.video_course_name,handleClick:e.handleClick,bottom:l.a.createElement(x,{audience:t.play_times,className:"tag-category",text:t.category}),id:t.v_course_id,key:a,className:"course-item"})}))}}]),t}(o.PureComponent),A=a(150),I=a(143),D=a(24),P=function(e){function t(){var e,a;Object(c.a)(this,t);for(var s=arguments.length,i=new Array(s),o=0;o<s;o++)i[o]=arguments[o];return(a=Object(n.a)(this,(e=Object(r.a)(t)).call.apply(e,[this].concat(i)))).state={position:{}},a}return Object(i.a)(t,e),Object(s.a)(t,[{key:"render",value:function(){var e=this.props.match;return l.a.createElement("section",{id:"study"},l.a.createElement("div",{className:"tab"},l.a.createElement("div",null,l.a.createElement(m.c,{to:"".concat(e.url,"/my-course"),replace:!0,activeClassName:"active"},"\u6211\u7684\u8bfe\u7a0b")),l.a.createElement("div",null,l.a.createElement(m.c,{to:"".concat(e.url,"/free-course"),replace:!0,activeClassName:"active"},"\u514d\u8d39\u8bfe\u7a0b"))),l.a.createElement("div",{className:"study-container"},l.a.createElement(u.d,null,l.a.createElement(u.a,{exact:!0,from:"/study",to:"study/my-course"}),l.a.createElement(u.b,{path:"".concat(this.props.match.path,"/my-course"),component:j}),l.a.createElement(u.b,{path:"".concat(this.props.match.path,"/free-course"),component:q}))))}}]),t}(o.Component);t.default=Object(D.d)(I.a,A.a)(P)},461:function(e,t,a){"use strict";var c=a(0),s=a.n(c);a(462);t.a=function(e){return s.a.createElement("li",{className:"v-list-base-item",onClick:e.handleClick.bind(void 0,e.id,e.item)},s.a.createElement("div",{className:"content"},s.a.createElement("div",{className:"cover"},e.status,s.a.createElement("img",{src:e.img,alt:""})),e.info),e.tab)}},462:function(e,t,a){},679:function(e,t,a){},680:function(e,t,a){},681:function(e,t,a){},682:function(e,t,a){}}]);
//# sourceMappingURL=study.be29f8a9.chunk.js.map