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("T2oS");var n=t("W9HT"),l=(t("5NDa"),t("5rEg")),i=(t("+L6B"),t("2/Rp")),o=(t("MXD1"),t("CFYs")),r=t("WmNS"),c=t.n(r),d=t("9og8"),s=(t("2qtc"),t("kLXV")),u=(t("miYZ"),t("tsqr")),m=t("tJVT"),v=t("PpiC"),f=t("k1fw"),p=t("oBTY"),g=t("q1tI"),_=t.n(g),b=t("Ty5D"),E=t("9kvl"),y=t("55Ip"),O=t("5bA4"),I=t("0eFM"),N=t.n(I),w=t("yG4R"),h=t.n(w),L=t("goie"),x=t.n(L),j=t("Aky1"),k=t("jb+D"),T=30,C=500,M=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[]}},D=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"])(),I=Object(g["useState"])(!1),w=Object(m["a"])(I,2),L=w[0],D=w[1],R=Object(g["useReducer"])(M,{videoList:[]}),W=Object(m["a"])(R,2),P=W[0],S=W[1],U=Object(g["useRef"])(),F=Object(g["useRef"])();Object(g["useEffect"])((function(){return window.addEventListener("beforeunload",V),function(){window.removeEventListener("beforeunload",V)}}),[]);var V=function(e){e.preventDefault(),e.returnValue=""},A=function(){var e=document.getElementById("fileUpload");e.value=""},B=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 A()):!(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*C*1024?(u["b"].info("\u89c6\u9891\u5927\u5c0f\u8d85\u8fc7".concat(C,"M")),void A()):(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 A()):void z(i)}A()},H=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(){A(),S({type:"removeVideo",payload:{name:e}})}})},z=function(e){var a='{"Vod":{}}';D(!0),U.current?U.current.addFile(e,null,null,null,a):Object(j["a"])(null===f||void 0===f?void 0:f.username,{create:!U,addFileSuccess:function(e){S({type:"addVideo",payload:{uploadInfo:e}})},onUploadProgress:function(e,a,t){var n=Math.ceil(100*t);S({type:"updateProgress",payload:{uploadInfo:e,progressPercent:n}}),A()},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){D(!1)},onUploadSucceed:function(e){D(!1),console.log("files.current",F.current)},onUploadError:function(e){D(!1)},gotUploader:function(t){t.addFile(e,null,null,null,a),U.current=t}})},J=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)}}(),q=null===(a=P.videoList)||void 0===a?void 0:a.length,G=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:N.a}),_.a.createElement("img",{className:x.a.hoverImg,src:h.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 H(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){S({type:"updateTitle",payload:{title:a.target.value,item:e}})},className:x.a.fileInput,placeholder:"\u6807\u9898\u652f\u6301\u6700\u591a".concat(T,"\u4e2a\u5b57\u7b26"),maxLength:T,addonAfter:_.a.createElement("span",{className:"c-light-black font12"},String(e.title.length),"/",T)})))}))),_.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:J},"\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")),q?X():G(),_.a.createElement("input",{ref:F,type:"file",id:"fileUpload",style:{display:"none"},onChange:B,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}}))(D)},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"}}}]);