You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__Classrooms__Lists__Video...

2 lines
16 KiB

(window.webpackJsonp=window.webpackJsonp||[]).push([[113],{"1v2r":function(W,A,e){"use strict";e.r(A);var _=e("T2oS"),r=e("W9HT"),O=e("5NDa"),y=e("5rEg"),F=e("+L6B"),D=e("2/Rp"),G=e("MXD1"),H=e("CFYs"),N=e("DZo9"),U=e("8z0m"),S=e("0Owb"),w=e("9og8"),s=e("2qtc"),M=e("kLXV"),J=e("miYZ"),p=e("tsqr"),L=e("tJVT"),$=e("PpiC"),P=e("k1fw"),K=e("oBTY"),le=e("WmNS"),Y=e.n(le),b=e("cDcd"),t=e.n(b),Z=e("Ty5D"),z=e("9kvl"),ne=e("55Ip"),se=e("5bA4"),re=e("0eFM"),Q=e.n(re),ie=e("goie"),i=e.n(ie),de=e("Aky1"),k=e("h/US"),I=e("jb+D"),_e=e("1vsH"),me=e("m3rI"),X=30,q=1024,ee=function(c,f){var C,T,m=f.payload.uploadInfo;switch(f.type){case"addVideo":return console.log("videoList: ",m,m.videoId,[].concat(Object(K.a)(c.videoList),[{name:m.file.name,size:m.file.size,type:m.file.type,fileHash:m.fileHash,state:m.state,videoId:m.videoId,attachment_id:"",loaded:0,title:""}])),{videoList:[].concat(Object(K.a)(c.videoList),[{name:m.file.name,size:m.file.size,type:m.file.type,fileHash:m.fileHash,state:m.state,videoId:m.videoId,attachment_id:"",loaded:m.loaded,title:""}])};case"removeVideo":return{videoList:c.videoList.filter(function(E){return E.name!==f.payload.name})};case"removeAll":return[];case"updateProgress":return{videoList:c.videoList.map(function(E){return E.name===f.payload.uploadInfo.file.name?Object(P.a)(Object(P.a)({},E),{loaded:f.payload.progressPercent,videoId:m.videoId,fileHash:m.fileHash}):E})};case"updateTitle":return{videoList:(C=c.videoList)===null||C===void 0?void 0:C.map(function(E){return E.name===f.payload.item.name?Object(P.a)(Object(P.a)({},E),{title:f.payload.title}):E})};case"updateImg":return{videoList:(T=c.videoList)===null||T===void 0?void 0:T.map(function(E){return E.name===f.payload.item.name?Object(P.a)(Object(P.a)({},E),{attachment_id:f.payload.attachment_id}):E})};default:return[]}},te=function(c){var f,C=c.user,T=c.userDetail,m=c.globalSetting,E=c.loading,ce=c.dispatch,fe=Object($.a)(c,["user","userDetail","globalSetting","loading","dispatch"]),g=Object(Z.i)(),j=Object(Z.h)(),Pe=Object(b.useState)(!1),ve=Object(L.a)(Pe,2),De=ve[0],ae=ve[1],Ue=Object(b.useReducer)(ee,{videoList:[]}),pe=Object(L.a)(Ue,2),B=pe[0],x=pe[1],oe=Object(b.useRef)(),Ee=Object(b.useRef)(),Ae=Object(b.useState)([]),ye=Object(L.a)(Ae,2),We=ye[0],ue=ye[1],Fe=Object(b.useState)([]),be=Object(L.a)(Fe,2),Ce=be[0],Le=be[1];Object(b.useEffect)(function(){return window.addEventListener("beforeunload",ge),function(){window.removeEventListener("beforeunload",ge)}},[]);var ge=function(d){d.preventDefault(),d.returnValue=""},V=function(){var d=document.getElementById("fileUpload");d.value=""},Re=function(d){var l,a,o,n=d.target.files[0];if(!n){V();return}var u=n.name.toLowerCase();if(u&&u.indexOf(".avi")==-1&&u.indexOf(".flv")==-1&&u.indexOf(".f4v")==-1&&u.indexOf(".m4v")==-1&&u.indexOf(".mov")==-1&&u.indexOf(".mp4")==-1&&u.indexOf(".rmvb")==-1&&u.indexOf(".swf")==-1&&u.indexOf(".webm")==-1&&u.indexOf(".wmv")==-1){p.b.info("\u4E0D\u652F\u6301\u7684\u89C6\u9891\u683C\u5F0F"),V();return}if(!((l=C.userInfo)!==null&&l!==void 0&&l.admin||(a=C.userInfo)!==null&&a!==void 0&&a.business)&&n.size>q*1024*1024){p.b.info("\u89C6\u9891\u5927\u5C0F\u8D85\u8FC7".concat(q,"M")),V();return}if((o=B.videoList)!==null&&o!==void 0&&o.find(function(h){return h.name===n.name})){p.b.info("\u4F60\u4E0D\u80FD\u4E0A\u4F20\u540C\u4E00\u4E2A\u89C6\u9891\u6587\u4EF6\u540D\u79F0\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u3002"),V();return}Ie(n)},he={name:"file",multiple:!0,accept:".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*",action:me.a.API_SERVER+"/api/attachments.json",withCredentials:!0,onRemove:function(d){}},Me=function(d,l){M.a.confirm({title:"\u63D0\u793A",centered:!0,okText:"\u786E\u5B9A",cancelText:"\u53D6\u6D88",content:t.a.createElement("div",{className:"tc"},"\u60A8\u786E\u8BA4\u8981",l?"\u5220\u9664":"\u53D6\u6D88\u4E0A\u4F20","\u8BE5\u89C6\u9891\u5417\uFF1F"),onOk:function(){V(),x({type:"removeVideo",payload:{name:d}})}})},Ie=function(d){var l='{"Vod":{}}';if(ae(!0),oe.current){oe.current.addFile(d,null,null,null,l);return}Object(de.a)(g==null?void 0:g.username,"",{create:!oe,addFileSuccess:function(o){x({type:"addVideo",payload:{uploadInfo:o}})},onUploadProgress:function(o,n,u){var h=Math.ceil(u*100);x({type:"updateProgress",payload:{uploadInfo:o,progressPercent:h}}),V()},onUploadFailed:function(o){p.b.info("\u89C6\u9891\u4E91\u670D\u52A1\u51FA\u73B0\u5F02\u5E38\uFF0C\u8BF7\u91CD\u65B0\u4E0A\u4F20\u3002")},onUploadEnd:function(o){ae(!1)},onUploadSucceed:function(o){ae(!1),console.log("files.current",Ee.current)},onUploadError:function(o){ae(!1)},gotUploader:function(o){o.addFile(d,null,null,null,l),oe.current=o}})},Te=function(){var v=Object(w.a)(Y.a.mark(function d(){var l,a;return Y.a.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if((l=B.videoList)!==null&&l!==void 0&&l.length){n.next=3;break}return p.b.info("\u8BF7\u5148\u4E0A\u4F20\u89C6\u9891"),n.abrupt("return");case 3:return n.next=5,Object(I.d)({username:g.username,videos:B.videoList.map(function(u){var h;return{video_id:u.videoId,title:u.title,attachment_id:u.attachment_id,course_id:g.coursesId,category_id:j==null||((h=j.query)===null||h===void 0)?void 0:h.categoryId}})});case 5:a=n.sent,(a==null?void 0:a.status)===0&&(Object(_e.ab)(["\u6559\u5B66\u8BFE\u5802","\u89C6\u9891","\u4E0A\u4F20\u89C6\u9891"]),z.d.goBack(),ce({type:"classroomList/getClassroomLeftMenus",payload:{id:g.coursesId}}));case 7:case"end":return n.stop()}},d)}));return function(){return v.apply(this,arguments)}}();function Oe(v){var d=URL.createObjectURL(v.originFileObj),l=new Audio(d);console.log("Location-------",j),l.addEventListener("loadedmetadata",function(a){var o,n=l.duration,u={};u.name=v.name,u.duration=Math.floor(n),u.filesize=v.size,u.attachment_id=v==null?void 0:v.response.id,u.course_id=g.coursesId,u.category_id=j==null||((o=j.query)===null||o===void 0)?void 0:o.categoryId,Ce.push(u),Le(Object(K.a)(Ce))})}var je=(f=B.videoList)===null||f===void 0?void 0:f.length,Be=function(){return t.a.createElement("div",{className:i.a.main},t.a.createElement("div",{className:i.a.uploadTop},t.a.createElement(U.a,Object(S.a)({},he,{onChange:function(l){var a=l.file.status;if(a!=="uploading",a==="removed"&&ue(l.fileList),a==="done"){var o,n;ue(l.fileList),Oe(l.file),x({type:"addVideo",payload:{uploadInfo:{state:"success",loaded:100,file:Object(P.a)({},l.file),videoId:l==null||((o=l.file)===null||o===void 0||((n=o.response)===null||n===void 0))?void 0:n.id}}}),p.b.success("".concat(l.file.name," \u6587\u4EF6\u4E0A\u4F20\u6210\u529F"))}else a==="error"&&p.b.error("".concat(l.file.name," \u6587\u4EF6\u4E0A\u4F20\u5931\u8D25"))},beforeUpload:function(l){var a=l.size/1024/1024<1e3;return a||p.b.info("\u6587\u4EF6\u5927\u5C0F\u5FC5\u987B\u5C0F\u4E8E150MB"),a}}),t.a.createElement("img",{className:i.a.defaultImg,src:Q.a}),t.a.createElement("br",null),"\u4E0A\u4F20\u89C6\u9891","(\u5355\u4E2A\u6587\u4EF61000M\u4EE5\u5185)")),t.a.createElement("div",{className:i.a.uploadDescription},t.a.createElement("div",{className:i.a.description},t.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\u52361G\uFF0C\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20 "),t.a.createElement("div",null,"\u89C6\u9891\u89C4\u683C\uFF1Aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),t.a.createElement("div",null,"\u6E29\u99A8\u63D0\u793A\uFF1A",t.a.createElement("span",{className:i.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)")))))},xe=function(){var d,l;return console.log("state.videoList:",B.videoList),t.a.createElement("div",{className:i.a.fileMain},t.a.createElement(r.a,{spinning:De},(d=B.videoList)===null||d===void 0?void 0:d.map(function(a,o){return t.a.createElement("div",{className:i.a.fileWrap},t.a.createElement("div",null,o+1,". ",a.name),t.a.createElement("div",{className:i.a.fileProgress},t.a.createElement(H.a,{percent:a.loaded,status:a.loaded==100?"normal":"active"}),t.a.createElement("div",{className:i.a.fileCancel},t.a.createElement(D.a,{type:"primary",onClick:function(){return Me(a.name,a.loaded==100)}},a.loaded===100?"\u5220\u9664":"\u53D6\u6D88\u4E0A\u4F20"))),t.a.createElement("div",{className:i.a.fileInputWrap},t.a.createElement("span",{className:"mr5"},"\u6807\u9898:"),t.a.createElement(y.a,{value:a.title,onChange:function(u){x({type:"updateTitle",payload:{title:u.target.value,item:a}})},className:i.a.fileInput,placeholder:"\u6807\u9898\u652F\u6301\u6700\u591A".concat(X,"\u4E2A\u5B57\u7B26"),maxLength:X,addonAfter:t.a.createElement("span",{className:"c-light-black font12"},String(a.title.length),"/",X)})),t.a.createElement("div",{className:i.a.fileImgWrap},t.a.createElement("aside",{className:"mr5"},"\u4E0A\u4F20\u5C01\u9762\u56FE:"),t.a.createElement(k.a,{value:a==null?void 0:a.attachment_id,onChange:function(u){x({type:"updateImg",payload:{attachment_id:u,item:a}})}})))})),t.a.createElement("div",{className:"mt10"},((l=B.videoList)===null||l===void 0?void 0:l.length)<=2?t.a.createElement(U.a,Object(S.a)({},he,{onChange:function(o){var n=o.file.status;if(n!=="uploading",n==="removed"&&ue(o.fileList),n==="done"){var u,h;ue(o.fileList),Oe(o.file),x({type:"addVideo",payload:{uploadInfo:{state:"success",loaded:100,file:Object(P.a)({},o.file),videoId:o==null||((u=o.file)===null||u===void 0||((h=u.response)===null||h===void 0))?void 0:h.id}}}),p.b.success("".concat(o.file.name," \u6587\u4EF6\u4E0A\u4F20\u6210\u529F"))}else n==="error"&&p.b.error("".concat(o.file.name," \u6587\u4EF6\u4E0A\u4F20\u5931\u8D25"))},beforeUpload:function(o){var n=o.size/1024/1024<1e3;return n||p.b.info("\u6587\u4EF6\u5927\u5C0F\u5FC5\u987B\u5C0F\u4E8E150MB"),n}}),t.a.createElement(D.a,{className:"".concat(i.a.continueAdd," current")},"\u7EE7\u7EED\u6DFB\u52A0"),"(\u5355\u4E2A\u6587\u4EF61000M\u4EE5\u5185)"):"\u63D0\u793A\uFF1A\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20"),t.a.createElement("div",{className:i.a.description},t.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\u52361G\uFF0C\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20 "),t.a.createElement("div",null,"\u89C6\u9891\u89C4\u683C\uFF1Aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),t.a.createElement("div",null,"\u6E29\u99A8\u63D0\u793A\uFF1A",t.a.createElement("span",{className:i.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)"))),t.a.createElement("div",{className:i.a.flexRowCenter},t.a.createElement(D.a,{type:"primary",onClick:Te},"\u7ACB\u5373\u53D1\u5E03")),t.a.createElement("div",{className:"".concat(i.a.flexRowCenter," mt10")},"\u4E0A\u4F20\u89C6\u9891\uFF0C\u5373\u8868\u793A\u60A8\u5DF2\u540C\u610F",t.a.createElement(ne.a,{to:"/users/".concat(g==null?void 0:g.username,"/videos/protocol"),className:i.a.colorBlue},"\u4E0A\u4F20\u5185\u5BB9\u534F\u8BAE"),"\uFF0C\u4E0D\u5F97\u4E0A\u4F20\u672A\u7ECF\u4ED6\u4EBA\u6388\u6743\u7684\u4F5C\u54C1"))};return t.a.createElement("section",{className:i.a.bg,style:{width:"100%"}},t.a.createElement("div",{className:"mt5",style:{display:"flex"}},t.a.createElement(se.a,{style:{marginTop:"8px"},className:"current mr10 font16",onClick:function(){z.d.push("/classrooms/".concat(g.coursesId,"/video"))}}),t.a.createElement("h2",null,"\u4E0A\u4F20\u89C6\u9891")),je?xe():Be(),t.a.createElement("input",{ref:Ee,type:"file",id:"fileUpload",style:{display:"none"},onChange:Re,accept:".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*"}))};A.default=Object(z.a)(function(R){var c=R.user,f=R.userDetail,C=R.loading,T=R.globalSetting;return{user:c,userDetail:f,globalSetting:T,loading:C.models.index}})(te)},"7ixt":function(W,A,e){"use strict";e.d(A,"a",function(){return O});var _={adjustX:1,adjustY:1},r=[0,0],O={left:{points:["cr","cl"],overflow:_,offset:[-4,0],targetOffset:r},right:{points:["cl","cr"],overflow:_,offset:[4,0],targetOffset:r},top:{points:["bc","tc"],overflow:_,offset:[0,-4],targetOffset:r},bottom:{points:["tc","bc"],overflow:_,offset:[0,4],targetOffset:r},topLeft:{points:["bl","tl"],overflow:_,offset:[0,-4],targetOffset:r},leftTop:{points:["tr","tl"],overflow:_,offset:[-4,0],targetOffset:r},topRight:{points:["br","tr"],overflow:_,offset:[0,-4],targetOffset:r},rightTop:{points:["tl","tr"],overflow:_,offset:[4,0],targetOffset:r},bottomRight:{points:["tr","br"],overflow:_,offset:[0,4],targetOffset:r},rightBottom:{points:["bl","br"],overflow:_,offset:[4,0],targetOffset:r},bottomLeft:{points:["tl","bl"],overflow:_,offset:[0,4],targetOffset:r},leftBottom:{points:["br","bl"],overflow:_,offset:[-4,0],targetOffset:r}},y=O},Gytx:function(W,A){W.exports=function(_,r,O,y){var F=O?O.call(y,_,r):void 0;if(F!==void 0)return!!F;if(_===r)return!0;if(typeof _!="object"||!_||typeof r!="object"||!r)return!1;var D=Object.keys(_),G=Object.keys(r);if(D.length!==G.length)return!1;for(var H=Object.prototype.hasOwnProperty.bind(r),N=0;N<D.length;N++){var U=D[N];if(!H(U))return!1;var S=_[U],w=r[U];if(F=O?O.call(y,S,w,U):void 0,F===!1||F===void 0&&S!==w)return!1}return!0}},OLES:function(W,A,e){"use strict";var _=e("U8pU"),r=e("VTBJ"),O=e("Ff2n"),y=e("cDcd"),F=e("uciX"),D=e("7ixt"),G=function(s){var M=s.overlay,J=s.prefixCls,p=s.id,L=s.overlayInnerStyle;return y.createElement("div",{className:"".concat(J,"-inner"),id:p,role:"tooltip",style:L},typeof M=="function"?M():M)},H=G,N=function(s,M){var J=s.overlayClassName,p=s.trigger,L=p===void 0?["hover"]:p,$=s.mouseEnterDelay,P=$===void 0?0:$,K=s.mouseLeaveDelay,le=K===void 0?.1:K,Y=s.overlayStyle,b=s.prefixCls,t=b===void 0?"rc-tooltip":b,Z=s.children,z=s.onVisibleChange,ne=s.afterVisibleChange,se=s.transitionName,re=s.animation,Q=s.placement,ie=Q===void 0?"right":Q,i=s.align,de=i===void 0?{}:i,k=s.destroyTooltipOnHide,I=k===void 0?!1:k,_e=s.defaultVisible,me=s.getTooltipContainer,X=s.overlayInnerStyle,q=Object(O.a)(s,["overlayClassName","trigger","mouseEnterDelay","mouseLeaveDelay","overlayStyle","prefixCls","children","onVisibleChange","afterVisibleChange","transitionName","animation","placement","align","destroyTooltipOnHide","defaultVisible","getTooltipContainer","overlayInnerStyle"]),ee=Object(y.useRef)(null);Object(y.useImperativeHandle)(M,function(){return ee.current});var te=Object(r.a)({},q);"visible"in s&&(te.popupVisible=s.visible);var R=function(){var m=s.arrowContent,E=m===void 0?null:m,ce=s.overlay,fe=s.id;return[y.createElement("div",{className:"".concat(t,"-arrow"),key:"arrow"},E),y.createElement(H,{key:"content",prefixCls:t,id:fe,overlay:ce,overlayInnerStyle:X})]},c=!1,f=!1;if(typeof I=="boolean")c=I;else if(I&&Object(_.a)(I)==="object"){var C=I.keepParent;c=C===!0,f=C===!1}return y.createElement(F.a,Object.assign({popupClassName:J,prefixCls:t,popup:R,action:L,builtinPlacements:D.a,popupPlacement:ie,ref:ee,popupAlign:de,getPopupContainer:me,onPopupVisibleChange:z,afterPopupVisibleChange:ne,popupTransitionName:se,popupAnimation:re,defaultPopupVisible:_e,destroyPopupOnHide:c,autoDestroy:f,mouseLeaveDelay:le,popupStyle:Y,mouseEnterDelay:P},te),Z)},U=Object(y.forwardRef)(N),S=A.a=U},goie:function(W,A,e){W.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",fileImgWrap:"fileImgWrap___2FvyK",fileInput:"fileInput___2XF5G",flexRowCenter:"flexRowCenter___3OevG",continueAdd:"continueAdd___1bZfK"}}}]);