NewEduCoderBuild/p__User__Detail__Videos__Upload__index.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[181],{kryb:function(e,a,t){"use strict";t.r(a);t("sPJy");var n=t("bE4q"),l=(t("T2oS"),t("W9HT")),i=(t("5NDa"),t("5rEg")),o=(t("+L6B"),t("2/Rp")),r=(t("MXD1"),t("CFYs")),c=t("WmNS"),d=t.n(c),s=t("9og8"),u=(t("2qtc"),t("kLXV")),m=(t("miYZ"),t("tsqr")),v=t("tJVT"),f=t("PpiC"),p=t("k1fw"),_=t("oBTY"),g=t("q1tI"),b=t.n(g),E=t("Ty5D"),O=t("9kvl"),w=t("55Ip"),N=t("0eFM"),y=t.n(N),I=t("yG4R"),h=t.n(I),L=t("l7r4"),x=t.n(L),j=t("Aky1"),T=t("jb+D"),k=30,C=500,S=function(e,a){var t,n=a.payload.uploadInfo,l=void 0===n?{}:n;switch(a.type){case"addVideo":return{videoList:[].concat(Object(_["a"])(e.videoList),[{name:l.file.name,size:l.file.size,type:l.file.type,fileHash:l.fileHash,state:l.state,videoId:l.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(p["a"])(Object(p["a"])({},e),{loaded:a.payload.progressPercent,videoId:l.videoId,fileHash:l.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(p["a"])(Object(p["a"])({},e),{title:a.payload.title}):e}))};default:return[]}},D=function(e){var a,t=e.user,c=(e.userDetail,e.globalSetting,e.loading,e.dispatch,Object(f["a"])(e,["user","userDetail","globalSetting","loading","dispatch"]),Object(E["m"])()),p=Object(g["useState"])(!1),_=Object(v["a"])(p,2),N=_[0],I=_[1],L=Object(g["useReducer"])(S,{videoList:[]}),D=Object(v["a"])(L,2),P=D[0],M=D[1],U=Object(g["useRef"])();Object(g["useEffect"])((function(){return window.addEventListener("beforeunload",W),function(){window.removeEventListener("beforeunload",W)}}),[]);var W=function(e){e.preventDefault(),e.returnValue=""},V=function(){var e=document.getElementById("fileUpload");e.value=""},A=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")?(m["b"].info("\u4e0d\u652f\u6301\u7684\u89c6\u9891\u683c\u5f0f"),void V()):!(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?(m["b"].info("\u89c6\u9891\u5927\u5c0f\u8d85\u8fc7".concat(C,"M")),void V()):(null===(l=P.videoList)||void 0===l?void 0:l.find((function(e){return e.name===i.name})))?(m["b"].info("\u4f60\u4e0d\u80fd\u4e0a\u4f20\u540c\u4e00\u4e2a\u89c6\u9891\u6587\u4ef6\u540d\u79f0\uff0c\u8bf7\u91cd\u65b0\u9009\u62e9\u3002"),void V()):void F(i)}V()},B=function(e,a){u["a"].confirm({title:"\u63d0\u793a",centered:!0,okText:"\u786e\u5b9a",cancelText:"\u53d6\u6d88",content:b.a.createElement("div",{className:"tc"},"\u60a8\u786e\u8ba4\u8981",a?"\u5220\u9664":"\u53d6\u6d88\u4e0a\u4f20","\u8be5\u89c6\u9891\u5417\uff1f"),onOk:function(){V(),M({type:"removeVideo",payload:{name:e}})}})},F=function(e){var a='{"Vod":{}}';I(!0),U.current?U.current.addFile(e,null,null,null,a):Object(j["a"])(null===c||void 0===c?void 0:c.username,{create:!U,addFileSuccess:function(e){M({type:"addVideo",payload:{uploadInfo:e}})},onUploadProgress:function(e,a,t){var n=Math.ceil(100*t);M({type:"updateProgress",payload:{uploadInfo:e,progressPercent:n}}),V()},onUploadFailed:function(e){m["b"].info("\u89c6\u9891\u4e91\u670d\u52a1\u51fa\u73b0\u5f02\u5e38\uff0c\u8bf7\u91cd\u65b0\u4e0a\u4f20\u3002")},onUploadEnd:function(e){I(!1)},onUploadSucceed:function(e){I(!1)},onUploadError:function(e){I(!1)},gotUploader:function(t){t.addFile(e,null,null,null,a),U.current=t}})},R=function(){var e=Object(s["a"])(d.a.mark((function e(){var a,t;return d.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 m["b"].info("\u8bf7\u5148\u4e0a\u4f20\u89c6\u9891"),e.abrupt("return");case 3:return e.next=5,Object(T["c"])({username:c.username,videos:P.videoList.map((function(e){return{video_id:e.videoId,title:e.title}}))});case 5:t=e.sent,0===(null===t||void 0===t?void 0:t.status)&&O["c"].push("/users/".concat(c.username,"/videos/success"));case 7:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),H=null===(a=P.videoList)||void 0===a?void 0:a.length,Y=function(){return b.a.createElement("div",{className:x.a.main},b.a.createElement("div",{className:x.a.uploadTop},b.a.createElement("label",{htmlFor:"fileUpload",className:x.a.imgWrap},b.a.createElement("img",{className:x.a.defaultImg,src:y.a}),b.a.createElement("img",{className:x.a.hoverImg,src:h.a})),b.a.createElement("div",{className:x.a.uploadTitle},"\u9009\u62e9\u60a8\u8981\u4e0a\u4f20\u7684\u89c6\u9891"),b.a.createElement("div",null,"\u4e0a\u4f20\u89c6\u9891\uff0c\u5373\u8868\u793a\u60a8\u5df2\u540c\u610f",b.a.createElement(w["Link"],{to:"/users/".concat(null===c||void 0===c?void 0:c.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")),b.a.createElement("div",{className:x.a.uploadDescription},b.a.createElement("div",{className:x.a.description},b.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 "),b.a.createElement("div",null,"\u89c6\u9891\u89c4\u683c\uff1aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),b.a.createElement("div",null,"\u6e29\u99a8\u63d0\u793a\uff1a",b.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)")))))},G=function(){var e;return b.a.createElement("div",{className:x.a.fileMain},b.a.createElement(l["a"],{spinning:N},null===(e=P.videoList)||void 0===e?void 0:e.map((function(e,a){return b.a.createElement("div",{className:x.a.fileWrap},b.a.createElement("div",null,a+1,". ",e.name),b.a.createElement("div",{className:x.a.fileProgress},b.a.createElement(r["a"],{percent:e.loaded,status:100==e.loaded?"normal":"active"}),b.a.createElement("div",{className:x.a.fileCancel},b.a.createElement(o["a"],{type:"primary",onClick:function(){return B(e.name,100==e.loaded)}},100===e.loaded?"\u5220\u9664":"\u53d6\u6d88\u4e0a\u4f20"))),b.a.createElement("div",{className:x.a.fileInputWrap},b.a.createElement("span",{className:"mr5"},"\u6807\u9898"),b.a.createElement(i["a"],{value:e.title,onChange:function(a){M({type:"updateTitle",payload:{title:a.target.value,item:e}})},className:x.a.fileInput,placeholder:"\u6807\u9898\u652f\u6301\u6700\u591a".concat(k,"\u4e2a\u5b57\u7b26"),maxLength:k,addonAfter:b.a.createElement("span",{className:"c-light-black font12"},String(e.title.length),"/",k)})))}))),b.a.createElement("div",{className:"mt10"},b.a.createElement("label",{htmlFor:"fileUpload",className:"".concat(x.a.continueAdd," current")},"\u7ee7\u7eed\u6dfb\u52a0")),b.a.createElement("div",{className:x.a.description},b.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 "),b.a.createElement("div",null,"\u89c6\u9891\u89c4\u683c\uff1aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),b.a.createElement("div",null,"\u6e29\u99a8\u63d0\u793a\uff1a",b.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)"))),b.a.createElement("div",{className:x.a.flexRowCenter},b.a.createElement(o["a"],{type:"primary",onClick:R},"\u7acb\u5373\u53d1\u5e03")),b.a.createElement("div",{className:"".concat(x.a.flexRowCenter," mt10")},"\u4e0a\u4f20\u89c6\u9891\uff0c\u5373\u8868\u793a\u60a8\u5df2\u540c\u610f",b.a.createElement(w["Link"],{to:"/users/".concat(null===c||void 0===c?void 0:c.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 b.a.createElement("section",{className:x.a.bg},b.a.createElement(n["a"],{className:"mb10 mt10",separator:">"},b.a.createElement(n["a"].Item,{href:"/users/".concat(null===c||void 0===c?void 0:c.username,"/videos")},"\u89c6\u9891"),b.a.createElement(n["a"].Item,null,"\u4e0a\u4f20")),b.a.createElement("div",{className:"mt5"},b.a.createElement("h2",null,"\u4e0a\u4f20\u89c6\u9891")),H?G():Y(),b.a.createElement("input",{type:"file",id:"fileUpload",style:{display:"none"},onChange:A,accept:".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*"}))};a["default"]=Object(O["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)},l7r4:function(e,a,t){e.exports={bg:"bg___33gb9",main:"main___2c1GK",uploadTop:"uploadTop___2LP8s",imgWrap:"imgWrap___1YZrz",defaultImg:"defaultImg___2SiY8",hoverImg:"hoverImg___2H19s",uploadTitle:"uploadTitle___iX_Yi",colorBlue:"colorBlue___3pbIB",uploadDescription:"uploadDescription___2DLGo",description:"description___1bCiL",colorOrange:"colorOrange___1Bcga",fileMain:"fileMain___1SOrt",fileWrap:"fileWrap___SwTG9",fileProgress:"fileProgress___29GYn",fileCancel:"fileCancel___1RjoT",fileInputWrap:"fileInputWrap___2FSoU",fileInput:"fileInput___1_K3Q",flexRowCenter:"flexRowCenter___17MT-",continueAdd:"continueAdd___38iNA"}}}]);