https://thinkproedge.com/_next/static/chunks/pages/admin/quiz/[quizId]/edit-fdfb854b7f46fe0c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6628],{78818:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/quiz/[quizId]/edit",function(){return i(38643)}])},7194:function(e,t,i){"use strict";var n=i(85893),s=i(48764),o=i(25543),a=i(3689),r=(0,s.B)({colors:{brand:{primary:"#f15a2d",secondary:"#372d63"}},styles:{global:{}},components:{Button:{variants:{theme:{bg:"#f15a2d",color:"white",border:"2px solid #f15a2d",_hover:{bg:"white",color:"#f15a2d"},_active:{bg:"white",color:"#f15a2d"}}}},Menu:{parts:["menu","item"],baseStyle:{menu:{},item:{fontWeight:"medium",lineHeight:"normal",color:"gray.600",fontSize:"0.95rem",pl:5,py:3}}}}});t.Z=function(e){var t=e.children;return(0,n.jsxs)(o.x,{theme:r,children:[(0,n.jsx)(a.m,{}),t]})}},38643:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return U}});var n=i(4111),s=i(51438),o=i(52951),a=i(14924),r=i(88029),u=i(26042),l=i(29815),d=i(60460),c=i(85893),h=i(53850),g=i(48017),x=i(98322),p=i(9345),q=i(64115),m=i(85105),f=i(62003),z=i(44448),_=i(24003),j=i(38448),Z=i(13719),b=i(98170),y=i(80017),v=i(109),S=i(79887),C=i(45754),w=i(11163),I=i.n(w),k=i(67294),D=i(98165),N=i(46737),Q=i.n(N),E=i(7194),F=i(64790),P=i(17289),T=i(70978),O=function(e){(0,r.Z)(i,e);var t=(0,d.Z)(i);function i(){var e;return(0,s.Z)(this,i),e=t.call(this),(0,a.Z)((0,n.Z)(e),"state",{loggedIn:!1,loading:!0,quizDetails:null,quizType:"",hideExtra:!1,show:!1,imgLink:"",CDN:"https://cdn.thinkproedge.com/",mimeType:".png,.jpg,.jpeg",question:null,image:null,selectedQuestion:null,selectedQuestionIndex:null}),(0,a.Z)((0,n.Z)(e),"optionSequence",["A","B","C","D","E","F"]),(0,a.Z)((0,n.Z)(e),"handleClose",(function(){return e.setState({show:!1})})),(0,a.Z)((0,n.Z)(e),"handleShow",(function(){return e.setState({show:!0})})),(0,a.Z)((0,n.Z)(e),"setImageLink",(function(t,i,n){e.setState({imgLink:e.state.CDN+t,image:t,selectedQuestion:i,selectedQuestionIndex:n}),e.handleShow()})),(0,a.Z)((0,n.Z)(e),"handleSelectFile",(function(){e.hiddenFileInput.current.click()})),(0,a.Z)((0,n.Z)(e),"uploadNewImage",(function(t){if(e.setState({loading:!0}),e.handleClose(),void 0!=t.target.files[0]){var i=new FormData;i.append("file",t.target.files[0],t.target.files[0].name),(0,P.nGW)(e.state.selectedQuestion.id,i).then((function(t){var i=t.data;console.log(i),e.setNewImage(e.state.selectedQuestionIndex,i.image),e.setState({loading:!1})}))}})),(0,a.Z)((0,n.Z)(e),"removeImage",(function(){e.setState({loading:!0}),e.handleClose(),(0,P.nGW)(e.state.selectedQuestion.id,{}).then((function(t){var i=t.data;console.log(i),e.setNewImage(e.state.selectedQuestionIndex,null),e.setState({loading:!1})}))})),(0,a.Z)((0,n.Z)(e),"download",(function(){e.setState({hideExtra:!0}),setTimeout((function(){window.print(),e.setState({hideExtra:!1})}),100)})),(0,a.Z)((0,n.Z)(e),"onSave",(function(t,i,n){if(e.setState({loading:!0}),""==i.trim())return e.setState({loading:!1}),Q()("Error!","Question cannot be empty, check Question ".concat(n+1));(0,P.DsN)(t,i).then((function(t){t.data;e.removeIsChangedPropertyFromQuestion(n);var i=(0,u.Z)({},e.state.quizDetails);(0,l.Z)(i.quiz_sections[0].quiz_question_distributions)[n].quiz_question.quiz_options.map((function(t,i){if(""==t.option.trim())return e.setState({loading:!1}),Q()("Error!","Option cannot be empty, check Question ".concat(n+1," Option ").concat(i+1));t.isChanged&&(0,P.ItM)(t.id,t.option).then((function(t){t.data;e.removeIsChangedPropertyFromOption(n,i)}))}))})).catch((function(e){console.log(e,e.response)})).finally((function(){e.setState({loading:!1})}))})),(0,a.Z)((0,n.Z)(e),"onChangeQuestion",(function(t,i){var n=(0,u.Z)({},e.state.quizDetails),s=(0,l.Z)(n.quiz_sections[0].quiz_question_distributions);s[t].quiz_question.question=i,s[t].quiz_question.isChanged=!0,n.quiz_sections[0].quiz_question_distributions=(0,l.Z)(s),e.setState({quizDetails:(0,u.Z)({},n)})})),(0,a.Z)((0,n.Z)(e),"onChangeOption",(function(t,i,n){var s=(0,u.Z)({},e.state.quizDetails),o=(0,l.Z)(s.quiz_sections[0].quiz_question_distributions);o[t].quiz_question.quiz_options[i].option=n,o[t].quiz_question.isChanged=!0,o[t].quiz_question.quiz_options[i].isChanged=!0,s.quiz_sections[0].quiz_question_distributions=(0,l.Z)(o),e.setState({quizDetails:(0,u.Z)({},s)})})),(0,a.Z)((0,n.Z)(e),"removeIsChangedPropertyFromQuestion",(function(t){var i=(0,u.Z)({},e.state.quizDetails),n=(0,l.Z)(i.quiz_sections[0].quiz_question_distributions);n[t].quiz_question.isChanged=!1,i.quiz_sections[0].quiz_question_distributions=(0,l.Z)(n),e.setState({quizDetails:(0,u.Z)({},i)})})),(0,a.Z)((0,n.Z)(e),"removeIsChangedPropertyFromOption",(function(t,i){var n=(0,u.Z)({},e.state.quizDetails),s=(0,l.Z)(n.quiz_sections[0].quiz_question_distributions);s[t].quiz_question.quiz_options[i].isChanged=!1,n.quiz_sections[0].quiz_question_distributions=(0,l.Z)(s),e.setState({quizDetails:(0,u.Z)({},n)})})),(0,a.Z)((0,n.Z)(e),"setNewImage",(function(t,i){var n=(0,u.Z)({},e.state.quizDetails),s=(0,l.Z)(n.quiz_sections[0].quiz_question_distributions);s[t].quiz_question.image=i,n.quiz_sections[0].quiz_question_distributions=(0,l.Z)(s),e.setState({quizDetails:(0,u.Z)({},n)})})),e.hiddenFileInput=k.createRef(),e}

1return(0,o.Z)(i,[{key:"componentDidMount",value:function(){var e=this;if(!(0,T.jl)("admin"))return I().push("/login");this.setState({loggedIn:!0}),(0,P.cUM)(this.props.quizId).then((function(t){var i=t.data;console.log(i);var n="Question Bank";1==i.type||2==i.type?n="Assessment":3==i.type||4==i.type?n="Mock":7==i.type?n="Pre Class Quiz":8==i.type&&(n="Post Class Quiz"),e.setState({quizDetails:i,quizType:n})})).catch((function(e){console.log(e,e.response)})).finally((function(){e.setState({loading:!1})}))}},{key:"render",value:function(){var e,t=this;return this.state.loggedIn?(0,c.jsx)(E.Z,{children:(0,c.jsxs)(F.Z,{hideMenu:this.state.hideExtra,children:[(0,c.jsxs)(h.W,(e={bg:"gray.100",minWidth:"full",minHeight:"full",p:[2,10,10]},(0,a.Z)(e,"minHeight","100vh"),(0,a.Z)(e,"children",[(0,c.jsx)(g.xu,{bg:"white",p:"7",border:"1px",borderColor:"gray.200",borderRadius:"5",children:this.state.quizDetails&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(x.E,{zIndex:"2",pos:"fixed",top:"2",right:"2",src:"/assets/logo.png",width:"80px",height:"60px",hidden:!this.state.hideExtra}),(0,c.jsxs)(p.r,{templateColumns:"repeat(6, 1fr)",gap:6,mb:2,children:[(0,c.jsx)(p.P,{colSpan:1}),(0,c.jsx)(p.P,{colSpan:4,textAlign:"center",children:(0,c.jsx)(q.x,{fontSize:"xl",children:this.state.quizDetails.title})}),(0,c.jsx)(p.P,{colSpan:1,textAlign:"right",children:(0,c.jsxs)(m.z,{variant:"theme",onClick:this.download,hidden:this.state.hideExtra,children:[(0,c.jsx)(f.di,{above:"md",children:"Print Questions"}),(0,c.jsx)(f.di,{below:"md",children:(0,c.jsx)("i",{class:"fa fa-print"})})]})})]}),(0,c.jsxs)(z.gC,{spacing:4,children:[(0,c.jsx)(_.i,{}),(0,c.jsx)(j.M,{children:(0,c.jsxs)(Z.E,{spacing:["50px","70px"],justify:"center",children:[(0,c.jsx)(Z.U,{textAlign:"center",children:(0,c.jsxs)(b.kN,{children:[(0,c.jsx)(b.dw,{color:"brand.primary",children:"Max Score"}),(0,c.jsx)(b.Jf,{fontSize:"lg",children:this.state.quizDetails.max_score})]})}),(0,c.jsx)(Z.U,{textAlign:"center",children:(0,c.jsxs)(b.kN,{children:[(0,c.jsx)(b.dw,{color:"brand.primary",children:"Duration"}),(0,c.jsxs)(b.Jf,{fontSize:"lg",d:"inline-flex",alignItems:"baseline",children:[this.state.quizDetails.duration/60," ",(0,c.jsx)(q.x,{fontSize:"xs",pl:"1",children:"mins"})]})]})}),(0,c.jsx)(Z.U,{textAlign:"center",children:(0,c.jsxs)(b.kN,{children:[(0,c.jsx)(b.dw,{color:"brand.primary",children:"Type"}),(0,c.jsx)(b.Jf,{fontSize:"lg",children:this.state.quizType})]})})]})}),(0,c.jsx)(_.i,{}),(0,c.jsx)(q.x,{fontSize:"lg",children:"Questions"}),this.state.quizDetails.quiz_sections.map((function(e){return e.quiz_question_distributions.map((function(e,i){var n;return(0,c.jsxs)(g.xu,{bg:"gray.100",py:"5",px:"7",border:"1px",borderColor:"gray.200",borderRadius:"5",w:"100%",children:[e.quiz_question.image&&(0,c.jsx)(g.xu,{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,c.jsx)("img",{src:t.state.CDN+e.quiz_question.image,alt:"chosen",height:100,width:200,style:{padding:4,borderWidth:1,borderColor:"red",border:"1px solid black",marginBottom:10}})}),(0,c.jsxs)(z.Ug,{children:[(0,c.jsx)(q.x,{children:i+1+". "}),(0,c.jsx)(y.g,{value:e.quiz_question.question,textOverflow:"ellipsis",onChange:function(e){return t.onChangeQuestion(i,e.target.value)}}),e.quiz_question.image?(0,c.jsx)(v.u,{label:"View/Edit Image",fontSize:"sm",placement:"top",children:(0,c.jsx)(m.z,{variant:"secondary",onClick:function(){return t.setImageLink(e.quiz_question.image,e.quiz_question,i)},background:"red.400",color:"white",children:(0,c.jsx)("i",{className:"fas fa-image"})})}):(0,c.jsx)(v.u,{label:"Upload Image",fontSize:"sm",placement:"top",children:(0,c.jsx)(m.z,{variant:"secondary",onClick:function(){t.setState({imgLink:t.state.CDN+e.quiz_question.image,image:e.quiz_question.image,selectedQuestion:e.quiz_question,selectedQuestionIndex:i}),t.handleSelectFile()},background:"blue.300",color:"white",children:(0,c.jsx)("i",{className:"fas fa-upload"})})})]}),e.quiz_question.quiz_options.map((function(n,s){return(0,c.jsx)(g.xu,{px:"2",border:"1px",borderColor:n.isChanged?"green":"gray.200",borderRadius:"5",w:"100%",mt:"1",bg:e.quiz_question.answer.split(",").includes(n.id.toString())&&!t.state.hideExtra?"green.200":"white",children:(0,c.jsxs)(z.Ug,{children:[(0,c.jsx)(q.x,{children:t.optionSequence[s]+". "}),(0,c.jsx)(S.I,{value:n.option,borderWidth:0,onChange:function(e){return t.onChangeOption(i,s,e.target.value)}})]})},n.id)})),(null===(n=e.quiz_question)||void 0===n?void 0:n.isChanged)&&(0,c.jsx)(g.xu,{mt:4,width:"100%",display:"flex",justifyContent:"flex-end",children:(0,c.jsx)(m.z,{variant:"theme",onClick:function(){return t.onSave(e.quiz_question.id,e.quiz_question.question,i)},children:"Save"})}),(0,c.jsx)(g.xu,{mt:4,width:"100%",display:"flex",justifyContent:"flex-end"})]},e.id)}))}))]})]})}),(0,c.jsxs)(D.Z,{show:this.state.show,onHide:this.handleClose,centered:!0,children:[(0,c.jsx)(D.Z.Header,{closeButton:!0,children:(0,c.jsx)(D.Z.Title,{children:"Question's Image"})}),(0,c.jsx)(D.Z.Body,{children:this.state.image?(0,c.jsx)("img",{src:this.state.imgLink,alt:"chosen"}):(0,c.jsx)(q.x,{children:"No Image Uploaded"})}),(0,c.jsxs)(D.Z.Footer,{children:[null!=this.state.image&&(0,c.jsx)(m.z,{variant:"secondary",onClick:this.removeImage,background:"red.400",color:"white",children:(0,c.jsx)("i",{className:"fas fa-tras

1h"})}),this.state.image?(0,c.jsx)(m.z,{variant:"primary",onClick:this.handleSelectFile,background:"whatsapp.600",color:"white",children:"Change Image"}):(0,c.jsx)(m.z,{variant:"primary",onClick:this.handleSelectFile,children:"Upload Image"})]})]}),(0,c.jsx)(S.I,{type:"file",ref:this.hiddenFileInput,onChange:function(e){return t.uploadNewImage(e)},accept:this.state.mimeType,hidden:!0})]),e)),(0,c.jsx)(D.Z,{show:this.state.loading,onHide:function(){console.log("")},centered:!0,size:"sm",children:(0,c.jsx)(C.$,{size:"lg",margin:"50",style:{alignSelf:"center"}})})]})}):(0,c.jsx)(c.Fragment,{})}}]),i}(k.Component),U=!0;t.default=O}},function(e){e.O(0,[5844,9676,7612,5543,9667,9697,2328,4005,9015,1641,6737,4634,8165,7763,901,4790,9774,2888,179],(function(){return t=78818,e(e.s=t);var t}));var t=e.O();_N_E=t}]);