NewEduCoderBuild/p__Classrooms__Lists__Video__Upload__index.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[100],{"1v2r":function(e,a,t){"use strict";t.r(a);t("Mumi");var n=t("/zo+"),l=(t("DHCt"),t("CRgH")),i=(t("MPZO"),t("bnk9")),o=(t("NE/W"),t("L7QV")),r=t("VBJJ"),c=t.n(r),d=t("z3+T"),s=(t("rjoL"),t("TMtJ")),u=(t("X/R0"),t("M6G9")),m=t("GZha"),v=t("buSX"),f=t("55MS"),p=t("V0hb"),g=t("ZZRV"),_=t.n(g),b=t("q5+0"),E=t("9kvl"),y=t("DndG"),O=t("uV/z"),h=t("0eFM"),I=t.n(h),N=t("yG4R"),w=t.n(N),L=t("goie"),x=t.n(L),j=t("Aky1"),k=t("jb+D"),C=30,M=500,T=function(e,a){var t,n=a.payload.uploadInfo;switch(a.type){case"addVideo":return console.log("videoList: ",n,n.videoId,[].concat(Object(p["a"])(e.videoList),[{name:n.file.name,size:n.file.size,type:n.file.type,fileHash:n.fileHash,state:n.state,videoId:n.videoId,loaded:0,title:""}])),{videoList:[].concat(Object(p["a"])(e.videoList),[{name:n.file.name,size:n.file.size,type:n.file.type,fileHash:n.fileHash,state:n.state,videoId:n.videoId,loaded:0,title:""}])};case"removeVideo":return{videoList:e.videoList.filter((function(e){return e.name!==a.payload.name}))};case"removeAll":return[];case"updateProgress":return{videoList:e.videoList.map((function(e){return e.name===a.payload.uploadInfo.file.name?Object(f["a"])(Object(f["a"])({},e),{loaded:a.payload.progressPercent,videoId:n.videoId,fileHash:n.fileHash}):e}))};case"updateTitle":return{videoList:null===(t=e.videoList)||void 0===t?void 0:t.map((function(e){return e.name===a.payload.item.name?Object(f["a"])(Object(f["a"])({},e),{title:a.payload.title}):e}))};default:return[]}},R=function(e){var a,t=e.user,r=(e.userDetail,e.globalSetting,e.loading,e.dispatch),f=(Object(v["a"])(e,["user","userDetail","globalSetting","loading","dispatch"]),Object(b["m"])()),p=Object(b["l"])(),h=Object(g["useState"])(!1),N=Object(m["a"])(h,2),L=N[0],R=N[1],V=Object(g["useReducer"])(T,{videoList:[]}),D=Object(m["a"])(V,2),P=D[0],W=D[1],S=Object(g["useRef"])(),U=Object(g["useRef"])();Object(g["useEffect"])((function(){return window.addEventListener("beforeunload",z),function(){window.removeEventListener("beforeunload",z)}}),[]);var z=function(e){e.preventDefault(),e.returnValue=""},H=function(){var e=document.getElementById("fileUpload");e.value=""},F=function(e){var a,n,l,i=e.target.files[0];if(i){var o=i.name.toLowerCase();return o&&-1==o.indexOf(".avi")&&-1==o.indexOf(".flv")&&-1==o.indexOf(".f4v")&&-1==o.indexOf(".m4v")&&-1==o.indexOf(".mov")&&-1==o.indexOf(".mp4")&&-1==o.indexOf(".rmvb")&&-1==o.indexOf(".swf")&&-1==o.indexOf(".webm")&&-1==o.indexOf(".wmv")?(u["b"].info("\u4e0d\u652f\u6301\u7684\u89c6\u9891\u683c\u5f0f"),void H()):!(null===(a=t.userInfo)||void 0===a?void 0:a.admin)&&!(null===(n=t.userInfo)||void 0===n?void 0:n.business)&&i.size>1024*M*1024?(u["b"].info("\u89c6\u9891\u5927\u5c0f\u8d85\u8fc7".concat(M,"M")),void H()):(null===(l=P.videoList)||void 0===l?void 0:l.find((function(e){return e.name===i.name})))?(u["b"].info("\u4f60\u4e0d\u80fd\u4e0a\u4f20\u540c\u4e00\u4e2a\u89c6\u9891\u6587\u4ef6\u540d\u79f0\uff0c\u8bf7\u91cd\u65b0\u9009\u62e9\u3002"),void H()):void A(i)}H()},J=function(e,a){s["a"].confirm({title:"\u63d0\u793a",centered:!0,okText:"\u786e\u5b9a",cancelText:"\u53d6\u6d88",content:_.a.createElement("div",{className:"tc"},"\u60a8\u786e\u8ba4\u8981",a?"\u5220\u9664":"\u53d6\u6d88\u4e0a\u4f20","\u8be5\u89c6\u9891\u5417\uff1f"),onOk:function(){H(),W({type:"removeVideo",payload:{name:e}})}})},A=function(e){var a='{"Vod":{}}';R(!0),S.current?S.current.addFile(e,null,null,null,a):Object(j["a"])(null===f||void 0===f?void 0:f.username,{create:!S,addFileSuccess:function(e){W({type:"addVideo",payload:{uploadInfo:e}})},onUploadProgress:function(e,a,t){var n=Math.ceil(100*t);W({type:"updateProgress",payload:{uploadInfo:e,progressPercent:n}}),H()},onUploadFailed:function(e){u["b"].info("\u89c6\u9891\u4e91\u670d\u52a1\u51fa\u73b0\u5f02\u5e38\uff0c\u8bf7\u91cd\u65b0\u4e0a\u4f20\u3002")},onUploadEnd:function(e){R(!1)},onUploadSucceed:function(e){R(!1),console.log("files.current",U.current)},onUploadError:function(e){R(!1)},gotUploader:function(t){t.addFile(e,null,null,null,a),S.current=t}})},B=function(){var e=Object(d["a"])(c.a.mark((function e(){var a,t;return c.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(null===(a=P.videoList)||void 0===a?void 0:a.length){e.next=3;break}return u["b"].info("\u8bf7\u5148\u4e0a\u4f20\u89c6\u9891"),e.abrupt("return");case 3:return e.next=5,Object(k["c"])({username:f.username,videos:P.videoList.map((function(e){var a;return{video_id:e.videoId,title:e.title,course_id:f.coursesId,category_id:null===p||void 0===p||null===(a=p.query)||void 0===a?void 0:a.categoryId}}))});case 5:t=e.sent,0===(null===t||void 0===t?void 0:t.status)&&(E["c"].goBack(),r({type:"classroomList/getClassroomLeftMenus",payload:{id:f.coursesId}}));case 7:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=null===(a=P.videoList)||void 0===a?void 0:a.length,Z=function(){return _.a.createElement("div",{className:x.a.main},_.a.createElement("div",{className:x.a.uploadTop},_.a.createElement("label",{htmlFor:"fileUpload",className:x.a.imgWrap},_.a.createElement("img",{className:x.a.defaultImg,src:I.a}),_.a.createElement("img",{className:x.a.hoverImg,src:w.a})),_.a.createElement("div",{className:x.a.uploadTitle},"\u9009\u62e9\u60a8\u8981\u4e0a\u4f20\u7684\u89c6\u9891"),_.a.createElement("div",null,"\u4e0a\u4f20\u89c6\u9891\uff0c\u5373\u8868\u793a\u60a8\u5df2\u540c\u610f",_.a.createElement(y["Link"],{to:"/users/".concat(null===f||void 0===f?void 0:f.username,"/videos/protocol"),className:x.a.colorBlue},"\u4e0a\u4f20\u5185\u5bb9\u534f\u8bae"),"\uff0c\u4e0d\u5f97\u4e0a\u4f20\u672a\u7ecf\u4ed6\u4eba\u6388\u6743\u7684\u4f5c\u54c1")),_.a.createElement("div",{className:x.a.uploadDescription},_.a.createElement("div",{className:x.a.description},_.a.createElement("div",null,"\u4e0a\u4f20\u8bf4\u660e\uff1a\u76ee\u524d\u4e0d\u652f\u6301\u65ad\u70b9\u7eed\u4f20\uff0c\u5355\u4e2a\u89c6\u9891\u6587\u4ef6\u6700\u5927\u9650\u5236500M\uff0c\u5355\u6b21\u6700\u591a\u652f\u63013\u4e2a\u89c6\u9891\u6587\u4ef6\u4e0a\u4f20 "),_.a.createElement("div",null,"\u89c6\u9891\u89c4\u683c\uff1aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),_.a.createElement("div",null,"\u6e29\u99a8\u63d0\u793a\uff1a",_.a.createElement("span",{className:x.a.colorOrange},"\u4e3a\u4e86\u66f4\u597d\u7684\u64ad\u653e\u4f53\u9a8c\uff0c\u5efa\u8bae\u60a8\u4f18\u5148\u4e0a\u4f20MP4\u683c\u5f0f\u3002\u5982\u679c\u60a8\u662f\u81ea\u5df1\u5f55\u5236\u89c6\u9891\uff0c\u5efa\u8bae\u60a8\u4fdd\u5b58\u7684\u65f6\u5019\u5c06\u89c6\u9891\u7f16\u7801\u8bbe\u7f6e\u4e3aAVC(H264)")))))},X=function(){var e,a;return _.a.createElement("div",{className:x.a.fileMain},_.a.createElement(n["a"],{spinning:L},null===(e=P.videoList)||void 0===e?void 0:e.map((function(e,a){return _.a.createElement("div",{className:x.a.fileWrap},_.a.createElement("div",null,a+1,". ",e.name),_.a.createElement("div",{className:x.a.fileProgress},_.a.createElement(o["a"],{percent:e.loaded,status:100==e.loaded?"normal":"active"}),_.a.createElement("div",{className:x.a.fileCancel},_.a.createElement(i["a"],{type:"primary",onClick:function(){return J(e.name,100==e.loaded)}},100===e.loaded?"\u5220\u9664":"\u53d6\u6d88\u4e0a\u4f20"))),_.a.createElement("div",{className:x.a.fileInputWrap},_.a.createElement("span",{className:"mr5"},"\u6807\u9898"),_.a.createElement(l["a"],{value:e.title,onChange:function(a){W({type:"updateTitle",payload:{title:a.target.value,item:e}})},className:x.a.fileInput,placeholder:"\u6807\u9898\u652f\u6301\u6700\u591a".concat(C,"\u4e2a\u5b57\u7b26"),maxLength:C,addonAfter:_.a.createElement("span",{className:"c-light-black font12"},String(e.title.length),"/",C)})))}))),_.a.createElement("div",{className:"mt10"},(null===(a=P.videoList)||void 0===a?void 0:a.length)<=2?_.a.createElement("label",{htmlFor:"fileUpload",className:"".concat(x.a.continueAdd," current")},"\u7ee7\u7eed\u6dfb\u52a0"):"\u63d0\u793a\uff1a\u5355\u6b21\u6700\u591a\u652f\u63013\u4e2a\u89c6\u9891\u6587\u4ef6\u4e0a\u4f20"),_.a.createElement("div",{className:x.a.description},_.a.createElement("div",null,"\u4e0a\u4f20\u8bf4\u660e\uff1a\u76ee\u524d\u4e0d\u652f\u6301\u65ad\u70b9\u7eed\u4f20\uff0c\u5355\u4e2a\u89c6\u9891\u6587\u4ef6\u6700\u5927\u9650\u5236500M\uff0c\u5355\u6b21\u6700\u591a\u652f\u63013\u4e2a\u89c6\u9891\u6587\u4ef6\u4e0a\u4f20 "),_.a.createElement("div",null,"\u89c6\u9891\u89c4\u683c\uff1aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),_.a.createElement("div",null,"\u6e29\u99a8\u63d0\u793a\uff1a",_.a.createElement("span",{className:x.a.colorOrange},"\u4e3a\u4e86\u66f4\u597d\u7684\u64ad\u653e\u4f53\u9a8c\uff0c\u5efa\u8bae\u60a8\u4f18\u5148\u4e0a\u4f20MP4\u683c\u5f0f\u3002\u5982\u679c\u60a8\u662f\u81ea\u5df1\u5f55\u5236\u89c6\u9891\uff0c\u5efa\u8bae\u60a8\u4fdd\u5b58\u7684\u65f6\u5019\u5c06\u89c6\u9891\u7f16\u7801\u8bbe\u7f6e\u4e3aAVC(H264)"))),_.a.createElement("div",{className:x.a.flexRowCenter},_.a.createElement(i["a"],{type:"primary",onClick:B},"\u7acb\u5373\u53d1\u5e03")),_.a.createElement("div",{className:"".concat(x.a.flexRowCenter," mt10")},"\u4e0a\u4f20\u89c6\u9891\uff0c\u5373\u8868\u793a\u60a8\u5df2\u540c\u610f",_.a.createElement(y["Link"],{to:"/users/".concat(null===f||void 0===f?void 0:f.username,"/videos/protocol"),className:x.a.colorBlue},"\u4e0a\u4f20\u5185\u5bb9\u534f\u8bae"),"\uff0c\u4e0d\u5f97\u4e0a\u4f20\u672a\u7ecf\u4ed6\u4eba\u6388\u6743\u7684\u4f5c\u54c1"))};return _.a.createElement("section",{className:x.a.bg,style:{width:"100%"}},_.a.createElement("div",{className:"mt5",style:{display:"flex"}},_.a.createElement(O["a"],{style:{marginTop:"8px"},className:"current mr10 font16",onClick:function(){E["c"].push("/classrooms/".concat(f.coursesId,"/video"))}}),_.a.createElement("h2",null,"\u4e0a\u4f20\u89c6\u9891")),G?X():Z(),_.a.createElement("input",{ref:U,type:"file",id:"fileUpload",style:{display:"none"},onChange:F,accept:".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*"}))};a["default"]=Object(E["a"])((function(e){var a=e.user,t=e.userDetail,n=e.loading,l=e.globalSetting;return{user:a,userDetail:t,globalSetting:l,loading:n.models.index}}))(R)},goie:function(e,a,t){e.exports={bg:"bg___3KBzW",main:"main___1PLlj",uploadTop:"uploadTop___deJNX",imgWrap:"imgWrap___3RmIu",defaultImg:"defaultImg___25gRM",hoverImg:"hoverImg___1tdFl",uploadTitle:"uploadTitle___TEJxi",colorBlue:"colorBlue___33TfR",uploadDescription:"uploadDescription___1Oy4N",description:"description___3mDMY",colorOrange:"colorOrange___22ipR",fileMain:"fileMain___23G4g",fileWrap:"fileWrap___1ptzT",fileProgress:"fileProgress___itUOS",fileCancel:"fileCancel___23JLk",fileInputWrap:"fileInputWrap___JQW8a",fileInput:"fileInput___2XF5G",flexRowCenter:"flexRowCenter___3OevG",continueAdd:"continueAdd___1bZfK"}}}]);