NewEduCoderBuild/p__Shixuns__Detail__RankingList__index.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[159],{LiYo:function(a,e,t){"use strict";t.r(e);var n=t("VBJJ"),l=t.n(n),c=t("z3+T"),r=t("GZha"),o=t("buSX"),i=t("ZZRV"),s=t.n(i),m=t("9kvl"),_=t("m3rI"),u=t("zeYf"),p=t("NfTp"),d=t.n(p),g=t("pFWO"),E=t.n(g),h=t("1vsH"),v=function(a){a.shixunsDetail,a.globalSetting,a.loading,a.user;var e=a.dispatch,t=Object(o["a"])(a,["shixunsDetail","globalSetting","loading","user","dispatch"]),n=Object(i["useState"])([]),m=Object(r["a"])(n,2),p=m[0],g=m[1],v=Object(i["useRef"])();Object(i["useEffect"])((function(){v.current=t.match.params.id,N()}),[]);var N=function(){var a=Object(c["a"])(l.a.mark((function a(){var t;return l.a.wrap((function(a){while(1)switch(a.prev=a.next){case 0:return a.next=2,e({type:"shixunsDetail/getRankingList",payload:{id:v.current}});case 2:t=a.sent,g(t||[]);case 4:case"end":return a.stop()}}),a)})));return function(){return a.apply(this,arguments)}}();return s.a.createElement("section",{className:E.a.bg},s.a.createElement("div",{className:E.a.wrap},s.a.createElement("div",{className:E.a.content},p.length?s.a.createElement(s.a.Fragment,null,p.map((function(a,e){var t,n=e+1;return s.a.createElement("div",{className:"".concat(E.a.rankingWrap," mt20"),key:e},s.a.createElement("div",{className:E.a.nameWrap},n<=3&&s.a.createElement("img",{className:E.a.img,src:"".concat(_["a"].IMG_SERVER,"/images/educoder/gold").concat(n,".png")}),n>3&&s.a.createElement("div",{className:E.a.keyRank},n),s.a.createElement("a",{href:a.users.user_url,className:"mr10",target:"_blank"},s.a.createElement("img",{className:E.a.radius,src:"".concat(_["a"].IMG_SERVER,"/images/").concat(a.users.image_url,"?1515212398")})),s.a.createElement("a",{href:a.users.user_url,target:"_blank",className:E.a.name},null===(t=a.users)||void 0===t?void 0:t.name)),s.a.createElement("span",{className:E.a.time},d()(a.time).format("YYYY-MM-DD HH:mm")," \u901a\u5173"),s.a.createElement("span",{className:E.a.useTime},Object(h["D"])(a.use_time)),s.a.createElement("span",{className:E.a.gold},"+",a.gold,"\u91d1\u5e01"))}))):s.a.createElement("div",null,s.a.createElement("img",{className:E.a.nodataImg,src:"".concat(_["a"].IMG_SERVER,"/images/educoder/gold-big.png")}),s.a.createElement("p",{className:E.a.nodataText},"\u6211\u4eec\u5728\u7b49\u4f60\uff0c\u4e0d\u8f7b\u8a00\u653e\u5f03")))),s.a.createElement(u["a"],null))};e["default"]=Object(m["a"])((function(a){var e=a.shixunsDetail,t=a.loading,n=a.globalSetting,l=a.user;return{shixunsDetail:e,globalSetting:n,user:l,loading:t.models.index}}))(v)},ZBKS:function(a,e,t){a.exports={flex_box_center:"flex_box_center___214iO",flex_space_between:"flex_space_between___Fhkgm",flex_box_vertical_center:"flex_box_vertical_center___2hG-7",flex_box_center_end:"flex_box_center_end___D7jj6",flex_box_column:"flex_box_column___3VrCY",rightWrap:"rightWrap___3VpbJ",creatorWrap:"creatorWrap____EYoQ",creatorContentWrap:"creatorContentWrap___2wE9Y",creatorContent:"creatorContent___XW68Z",creatorImg:"creatorImg___bNuUn",creatorName:"creatorName___1afuK",createorCount:"createorCount___1fbBR",learnWrap:"learnWrap___1RZTV",learnTopWrap:"learnTopWrap___2n6Km",skillWrap:"skillWrap___gOCuw",skillTopWrap:"skillTopWrap___2SFYh",skillContentWrap:"skillContentWrap___14m-A",skillContentWrapMin:"skillContentWrapMin___2GokQ",skillContentWrapMax:"skillContentWrapMax___2DA0S",skillContentIcon:"skillContentIcon___3eW75",skillContentIconNoStatus:"skillContentIconNoStatus___3FClp",skillExpandAllWrap:"skillExpandAllWrap___2ZiQl",skillExpandAllContent:"skillExpandAllContent___3kmp0",courseWrap:"courseWrap___2Z1AM",pathWrap:"pathWrap___2-YPm",pathImg:"pathImg___1NyaL",pathContentItem:"pathContentItem____sDLQ",pathContentWrap:"pathContentWrap___3YYI6",pathContentName:"pathContentName___3vXEb",pathContent:"pathContent___lqrBC",pathContentCount:"pathContentCount___3s0JM",recommandTrainingWrap:"recommandTrainingWrap___2E26J",recommandContent:"recommandContent___2FgEj",recommandLevel:"recommandLevel___1KART",color4CACFF:"color4CACFF___Kt5pt",color4cacff:"color4cacff___2kuqR",color999:"color999___1QSTy",color888:"color888___1FuOt",color333:"color333___B1AMJ",iconDeleteColor:"iconDeleteColor___TwWgK",iconMoveColor:"iconMoveColor___1SaI4",iconEditColor:"iconEditColor___1KKDF",time:"time___3xq8t"}},pFWO:function(a,e,t){a.exports={bg:"bg___3tGPJ",wrap:"wrap___35vXt",content:"content___3UE-p",nodataImg:"nodataImg___3ejZN",nodataText:"nodataText___amcSR",nameWrap:"nameWrap___2LoFY",img:"img___2DzNg",radius:"radius___14na0",name:"name___FwimY",rankingWrap:"rankingWrap___3erNd",time:"time___hWlJd",useTime:"useTime___3pOK9",gold:"gold___3ySQJ",keyRank:"keyRank___2nx3u"}},zeYf:function(a,e,t){"use strict";t("CeOx");var n=t("NiCL"),l=(t("NE/W"),t("L7QV")),c=t("GZha"),r=t("buSX"),o=t("ZZRV"),i=t.n(o),s=t("9kvl"),m=t("m3rI"),_=t("NfTp"),u=t.n(_),p=t("ZBKS"),d=t.n(p),g=function(a){var e,t,s,_,p,g,E,h,v,N,f,C,k,b,x,W,D,I,S,R,T,w,M,j,Y,F,O,y,A,V,Z=a.shixunsDetail,G=a.user,J=(a.globalSetting,a.loading,a.dispatch,Object(r["a"])(a,["shixunsDetail","user","globalSetting","loading","dispatch"]),Object(o["useState"])(!0)),B=Object(c["a"])(J,2),K=B[0],L=B[1],Q=(null===(e=Z.rightData)||void 0===e?void 0:e.complete_count)?Number(null===(t=Z.rightData)||void 0===t?void 0:t.complete_count)/Number(null===(s=Z.rightData)||void 0===s?void 0:s.challenge_count)*100:0;return Z.rightData?i.a.createElement("section",{className:d.a.rightWrap},i.a.createElement("div",{className:d.a.creatorWrap},i.a.createElement("p",{className:"font16 mb20"},"\u521b\u5efa\u8005"),i.a.createElement("div",{className:d.a.creatorContentWrap},i.a.createElement("a",{href:(null===(_=Z.rightData)||void 0===_?void 0:_.creator)&&"/users/".concat(null===(p=Z.rightData)||void 0===p?void 0:p.creator.login,"/classrooms")},i.a.createElement("img",{className:d.a.creatorImg,src:"".concat(m["a"].IMG_SERVER,"/").concat((null===(g=Z.rightData)||void 0===g?void 0:g.creator)&&"images/".concat(null===(E=Z.rightData)||void 0===E?void 0:E.creator.image_url,"?1532489442")),alt:"\u5934\u50cf",width:"36",height:"36"})),i.a.createElement("div",{className:d.a.creatorContent},i.a.createElement("div",{className:d.a.creatorName},null===(h=Z.rightData)||void 0===h||null===(v=h.creator)||void 0===v?void 0:v.name),i.a.createElement("div",{className:d.a.createorCount},i.a.createElement("span",{className:"mr5"},"\u5171\u53d1\u5e03\u5b9e\u8bad"),i.a.createElement("span",{className:"mr5"},null===(N=Z.rightData)||void 0===N?void 0:N.user_shixuns_count),i.a.createElement("span",null,"\u4e2a")))),i.a.createElement("div",{className:d.a.time},i.a.createElement("div",{className:"c-grey-666 mt10"},i.a.createElement("span",{className:"c-grey-999"},"\u66f4\u65b0\u65f6\u95f4\uff1a"),(null===(f=Z.detail)||void 0===f?void 0:f.updated_at)?u()(null===(C=Z.detail)||void 0===C?void 0:C.updated_at).format("YYYY-MM-DD HH:mm"):""))),!(null===(k=Z.detail)||void 0===k?void 0:k.is_jupyter)&&(null===(b=Z.detail)||void 0===b?void 0:b.shixun_status)>1&&i.a.createElement("div",{className:d.a.learnWrap},i.a.createElement("div",{className:d.a.learnTopWrap},i.a.createElement("span",null,i.a.createElement("i",{className:"".concat(d.a.color4cacff," iconfont icon-jilu1 font14")}),"\u5b66\u4e60\u7edf\u8ba1"),i.a.createElement("span",null,i.a.createElement("span",{className:"".concat(d.a.color888," font14")},"\u5df2\u5b8c\u6210 ",(null===(x=Z.rightData)||void 0===x?void 0:x.complete_count)||0," \u5173 / \u5171",(null===(W=Z.rightData)||void 0===W?void 0:W.challenge_count)||0," \u5173"))),i.a.createElement(l["a"],{percent:Q,showInfo:!1,status:"active",strokeColor:{"0%":"#29BD8B","100%":"#29BD8B"}})),!!(null===(D=Z.rightData)||void 0===D||null===(I=D.tags)||void 0===I?void 0:I.length)&&i.a.createElement("div",{className:d.a.skillWrap},i.a.createElement("p",{className:"".concat(d.a.skillTopWrap," font16 mb20")},i.a.createElement("span",null,i.a.createElement("i",{className:"".concat(d.a.color4CACFF," iconfont icon-biaoqian2 font14")}),"\u6280\u80fd\u6807\u7b7e"),i.a.createElement("span",{className:"sortinxdirection space-between fr"},i.a.createElement("span",{className:"".concat(d.a.color888," font14")},"\u5df2\u83b7\u5f97 ",null===(S=Z.rightData)||void 0===S?void 0:S.user_tag_count," \u4e2a / \u5171",null===(R=Z.rightData)||void 0===R?void 0:R.tag_count," \u4e2a"))),i.a.createElement("div",{className:"".concat(d.a.skillContentWrap," ").concat(K?d.a.skillContentWrapMin:d.a.skillContentWrapMax)},null===(T=Z.rightData)||void 0===T?void 0:T.tags.map((function(a,e){return i.a.createElement(i.a.Fragment,{key:e},a.tag_name&&i.a.createElement("span",{className:a.status?d.a.skillContentIcon:d.a.skillContentIconNoStatus},a.tag_name))}))),(null===(w=Z.rightData)||void 0===w||null===(M=w.tags)||void 0===M?void 0:M.length)>15&&i.a.createElement(i.a.Fragment,null,K?i.a.createElement("div",{className:d.a.skillExpandAllWrap,onClick:function(){return L(!K)}},i.a.createElement("span",{className:"mr8"},i.a.createElement("div",null,i.a.createElement("p",{className:"".concat(d.a.skillExpandAllContent," font12")},"\u5c55\u5f00\u5168\u90e8"),i.a.createElement("p",{className:"".concat(d.a.skillExpandAllContent," font12")},i.a.createElement("i",{className:"iconfont icon-jiantou9"}))))):i.a.createElement("div",{className:d.a.skillExpandAllWrap,onClick:function(){return L(!K)}},i.a.createElement("span",{className:"mr8"},i.a.createElement("div",null,i.a.createElement("p",{className:"".concat(d.a.skillExpandAllContent," font12")},i.a.createElement("i",{className:"iconfont icon-changyongtubiao-xianxingdaochu-zhuanqu-"})),i.a.createElement("p",{className:"".concat(d.a.skillExpandAllContent," font12")},"\u6536\u8d77\u5168\u90e8")))))),!!(null===(j=Z.rightData)||void 0===j||null===(Y=j.paths)||void 0===Y?void 0:Y.length)&&i.a.createElement("div",{className:d.a.courseWrap},i.a.createElement("p",{className:"mb20 font16"},i.a.createElement("i",{className:"".concat(d.a.color4cacff," iconfont icon-shu1 font14")})," \u6240\u5c5e\u8bfe\u7a0b"),i.a.createElement("div",null,null===(F=Z.rightData)||void 0===F?void 0:F.paths.map((function(a,e){return e>2?null:i.a.createElement("div",{className:d.a.pathWrap,key:a.id},i.a.createElement("a",{href:"/paths/".concat(a.id),target:"_blank"},i.a.createElement("img",{alt:"\u5b9e\u8bad",src:"".concat(m["a"].IMG_SERVER,"/").concat(a.image_url),className:d.a.pathImg})),i.a.createElement("div",{className:d.a.pathContentWrap},i.a.createElement("a",{href:"/paths/".concat(a.id),target:"_blank",className:d.a.pathContentName},a.name),i.a.createElement("p",{className:d.a.pathContent},i.a.createElement(n["a"],{placement:"bottom",title:"\u7ae0\u8282"},i.a.createElement("span",{className:d.a.pathContentCount},i.a.createElement("i",{className:"iconfont icon-shixun mr3"}),a.stages_count)),i.a.createElement(n["a"],{placement:"bottom",title:"\u5b66\u4e60\u4eba\u6570s"},i.a.createElement("span",{className:d.a.pathContentCount},i.a.createElement("i",{className:"iconfont icon-chengyuan mr3"}),a.members_count)))))})))),!!(null===(O=Z.rightData)||void 0===O||null===(y=O.paths)||void 0===y?void 0:y.length)&&!!(null===(A=Z.rightData)||void 0===A?void 0:A.recommands.length)&&G.userInfo.main_site&&i.a.createElement("div",{className:d.a.recommandTrainingWrap},i.a.createElement("p",{className:"mb20 font16"},i.a.createElement("i",{className:"".concat(d.a.color4cacff," iconfont icon-tuijian font14")}),"\u63a8\u8350\u5b9e\u8bad"),i.a.createElement("div",null,null===(V=Z.rightData)||void 0===V?void 0:V.recommands.map((function(a,e){return e>2?null:i.a.createElement("div",{className:d.a.pathContentItem,key:e},i.a.createElement("a",{href:"/shixuns/".concat(a.identifier,"/challenges"),target:"_blank"},i.a.createElement("img",{src:"".concat(m["a"].IMG_SERVER,"/").concat(a.pic),className:d.a.pathImg})),i.a.createElement("div",{className:d.a.pathContentWrap},i.a.createElement(n["a"],{placement:"bottom",title:a.name},i.a.createElement("a",{href:"/shixuns/".concat(a.identifier,"/challenges"),target:"_blank",className:d.a.pathContentName},a.name)),i.a.createElement("p",{className:"".concat(d.a.pathContent," ").concat(d.a.recommandContent)},i.a.createElement("span",null,a.stu_num," \u4eba\u5b66\u4e60"),i.a.createElement("span",{className:d.a.recommandLevel},a.level))))}))))):null};e["a"]=Object(s["a"])((function(a){var e=a.shixunsDetail,t=a.user,n=a.loading,l=a.globalSetting;return{shixunsDetail:e,user:t,globalSetting:l,loading:n.models.index}}))(g)}}]);