text: (this["webpackJsonppaper-dashboard-react"]=this["webpackJsonppaper-dashboard-react"]||[]).push([[0],{104:function(e,t,a){e.exports=a.p+"static/media/turma.bda8e9ef.svg"},113:function(e,t,a){e.exports=a.p+"static/media/professor.4038e72c.svg"},114:function(e,t,a){e.exports=a.p+"static/media/prof_female.fcb072ba.svg"},115:function(e,t,a){e.exports=a.p+"static/media/logo_ufal_.30e1ad89.png"},116:function(e,t,a){e.exports=a.p+"static/media/nees.0029635c.png"},117:function(e,t,a){e.exports=a.p+"static/media/modelo_gameficacao.677e3d47.png"},123:function(e,t,a){e.exports=a(249)},129:function(e,t,a){},130:function(e,t,a){},249:function(e,t,a){"use strict";a.r(t);var n=a(0),s=a.n(n),r=a(27),o=a.n(r),c=a(19),l=a(43),i=Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));function u(e){navigator.serviceWorker.register(e).then((function(e){e.onupdatefound=function(){var t=e.installing;t.onstatechange=function(){"installed"===t.state&&(navigator.serviceWorker.controller?console.log("New content is available; please refresh."):console.log("Content is cached for offline use."))}}})).catch((function(e){console.error("Error during service worker registration:",e)}))}a(128),a(129),a(130),a(131),a(132);var m,d,A=a(7),h=a(8),p=a(10),g=a(9),E=a(11),f=a(55),b=a(20),v=a(291),I=a(282),C=a(6),y=a.n(C),k=a(268),x=a(271),w=a(270),D=a(269),O=a(272),N=a(267),B=a(273),j=a(296),S=a(265),q=a(266),Q=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",M=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={classroom:[]},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.teacherId,a=this.props.courseId,n=Q+"/course/getClassroom/"+t+"/"+a;y.a.get(n).then((function(t){if(t.data){var a=t.data;e.setState({classroom:a})}else alert("Error web service")})).catch((function(e){alert("Error server "+e)}))}},{key:"render",value:function(){var e=this;return s.a.createElement("div",null,s.a.createElement(j.a,{isOpen:this.props.modalIsOpen,toggle:this.props.toggleModal.bind(this)},s.a.createElement(S.a,null,"Selecione uma Turma:"),s.a.createElement(q.a,null,s.a.createElement(N.a,null,this.state.classroom.map((function(t){return s.a.createElement(k.a,{key:t.id,style:{width:"10rem"}},s.a.createElement(D.a,null,s.a.createElement(w.a,null,s.a.createElement(c.b,{to:{pathname:"/admin/classDashboard/"+t.id+"/"+e.props.teacherId+"/"+e.props.courseId}},t.name))))}))))))}}]),t}(s.a.Component),F=a(104),L=a.n(F),_=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",R=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={course:[],teacherId:"345",modalIsOpen:!1,courseId:""},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"toggleModal",value:function(e){this.setState({modalIsOpen:!this.state.modalIsOpen,courseId:e})}},{key:"componentDidMount",value:function(){var e=this,t=_+"/course/get/"+this.state.teacherId;y.a.get(t).then((function(t){if(t.data){var a=t.data;e.setState({course:a})}else alert("Erro")})).catch((function(e){alert(e)}))}},{key:"render",value:function(){var e=this;return s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"content"},s.a.createElement(k.a,null,s.a.createElement(x.a,null,s.a.createElement(w.a,{tag:"h2"},"Minhas Disciplinas")),s.a.createElement("br",null),s.a.createElement(D.a,null,s.a.createElement("div",{className:"overflow-auto",style:{maxHeight:"22em"}},s.a.createElement(O.a,{sm:"1"},this.state.course.map((function(t){return s.a.createElement(N.a,{sm:"2",key:t.name},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("img",{src:L.a,alt:"turma logo",height:"100",width:"100",className:"fas fa-users fa-4x align-self-center"}),s.a.createElement("div",{className:"text-center align-self-center",style:{fontSize:"1.0em"}},s.a.createElement("a",{href:"#",onClick:function(){return e.toggleModal(t.id)},className:"text-dark border-info"},t.name),e.state.modalIsOpen&&s.a.createElement(M,{modalIsOpen:e.state.modalIsOpen,toggleModal:e.toggleModal.bind(e),courseId:e.state.courseId,teacherId:e.state.teacherId}))))}))))),s.a.createElement(B.a,null))))}}]),t}(s.a.Component),T=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",U=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={students:[]},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("courseId"),a=localStorage.getItem("classroomId"),n=T+"/course/getStudents/"+t+"/"+a;y.a.get(n).then((function(t){if(t.data){var a=t.data;e.setState({students:a})}else alert("Error web service")})).catch((function(e){alert("Error server "+e)}))}},{key:"render",value:function(){return s.a.createElement(k.a,null,s.a.createElement(x.a,null,s.a.createElement(w.a,{tag:"h5"},"Estudantes")),s.a.createElement("br",null),s.a.createElement("div",{className:"overflow-auto",style:{maxHeight:"22em"}},s.a.createElement(O.a,null,this.state.students.map((function(e){return s.a.createElement(N.a,{sm:"2",key:e.id},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"1.0em"}},s.a.createElement(c.c,{to:{pathname:"/admin/studentDashboard/"+e.id},className:"text-dark border-info"}," ",e.name))))})))),s.a.createElement(B.a,null))}}]),t}(s.a.Component),G=a(28),P=a(289),V=a(290),Y=a(121),J=a(274),z=a(275),H=a(73),K=function(e){function t(){var e;return Object(A.a)(this,t),(e=Object(p.a)(this,Object(g.a)(t).call(this))).toggle=function(){e.setState({isOn:!e.state.isOn})},e.state={isOn:!1},e}return Object(E.a)(t,e),Object(h.a)(t,[{key:"render",value:function(){var e=this,t=this.props,a=t.id,n=t.icon,r=t.help,o=t.color,c=this.state.isOn;return s.a.createElement(s.a.Fragment,null,s.a.createElement("div",null,s.a.createElement("i",{className:n,id:"Popover-"+a,style:{color:o||"grey"}}),s.a.createElement(H.a,{isOpen:c,toggle:function(){return e.toggle()},placement:"top-end",target:"Popover-"+a,style:{fontSize:"0.85em"}},r)))}}]),t}(s.a.Component),X=function(e){function t(){var e;return Object(A.a)(this,t),(e=Object(p.a)(this,Object(g.a)(t).call(this))).toggleCollapse=function(t){var a=e.state.isOpenCollapse,n=e.state.rotate;a[t]=!a[t],n[t]="fa-rotate-180"===n[t]?"":"fa-rotate-180",e.setState({isOpenCollapse:a,rotate:n})},e.state={isOpenCollapse:[!1,!1],rotate:["down","down"]},e}return Object(E.a)(t,e),Object(h.a)(t,[{key:"render",value:function(){var e=this,t=this.state,a=t.rotate,n=t.isOpenCollapse,r=this.props,o=r.content,c=r.contentchild,l=r.title;return s.a.createElement(k.a,{tag:"h5"},s.a.createElement(x.a,null,s.a.createElement(w.a,null,s.a.createElement("div",{className:"d-flex justify-content-end mx-3"},s.a.createElement("div",{className:"mr-auto p-2"},l),s.a.createElement("div",{className:"p-2"},s.a.createElement(J.a,null,s.a.createElement(N.a,null,s.a.createElement("i",{onClick:function(){return e.toggleCollapse(0)},className:"fa fa-chevron-down fa-sm "+a[0],style:{color:"grey",cursor:"pointer"}})),s.a.createElement(N.a,null,s.a.createElement(K,this.props))))))),s.a.createElement(D.a,null,s.a.createElement("div",{style:{borderTop:"0.1em solid grey",opacity:"0.3",margin:"0 1em 1em 1em"}}),s.a.createElement(z.a,{isOpen:n[0]},s.a.createElement("div",{className:"d-flex justify-content-center align-items-center",style:{margin:"0 1em 0 1em"}},s.a.createElement(N.a,null,o),s.a.createElement(N.a,{xs:"auto"},s.a.createElement("i",{onClick:function(){return e.toggleCollapse(1)},className:"fa fa-chevron-down fa-lg "+a[1],style:{color:"grey",cursor:"pointer"}})))),s.a.createElement(z.a,{isOpen:n[1]&&n[0]},c&&s.a.createElement("div",{style:{margin:"1em 0 1em 0"}}),s.a.createElement("div",{style:{margin:"0 1em 0 1em"}},c))),s.a.createElement(B.a,null))}}]),t}(s.a.Component),W=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",Z=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).cancelTokenSource=new y.a.CancelToken.source,a.state={totalStudents:""},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.courseId,a=this.props.classroomId,n=W+"/course/totalStudents/"+t+"/"+a;y.a.get(n,{cancelToken:this.cancelTokenSource.token}).then((function(t){t.data?e.setState({totalStudents:t.data[0].count}):alert("Error web service")})).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){return s.a.createElement(k.a,{className:"card-stats"},s.a.createElement(D.a,null,s.a.createElement(O.a,null,s.a.createElement(N.a,{md:"4",xs:"5"},s.a.createElement("div",{className:"icon-big text-center icon-warning"},s.a.createElement("i",{className:"fas fa-users"}))),s.a.createElement(N.a,{md:"8",xs:"5"},s.a.createElement("div",{className:"numbers"},s.a.createElement("p",{className:"card-category"},"N\xfamero de alunos matriculados nesta disciplina "),s.a.createElement("p",null," "),s.a.createElement("div",{style:{fontSize:45}},s.a.createElement(w.a,{tag:"p"},this.state.totalStudents)),s.a.createElement("p",null))))),s.a.createElement(B.a,null))}}]),t}(s.a.Component),$=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",ee=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).cancelTokenSource=new y.a.CancelToken.source,a.state={Date:""},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.courseId,a=this.props.curriculumId,n=this.props.classroomId,s=$+"/course/getExpectedDate/"+a+"/"+t+"/"+n;y.a.get(s,{cancelToken:this.cancelTokenSource.token}).then((function(t){if(t.data){var a=t.data[0],n=new Date(a.startDate.replace(/-/g,"/")),s=new Date(a.endDate.replace(/-/g,"/"));e.setState({Date:n.getDate()+"/"+(n.getMonth()+1)+" a "+s.getDate()+"/"+(s.getMonth()+1)})}else alert("Error web service")})).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){var e=this.state.Date;return s.a.createElement(k.a,{className:"card-stats"},s.a.createElement(D.a,null,s.a.createElement(O.a,null,s.a.createElement(N.a,{md:"3",xs:"5"},s.a.createElement("div",{className:"icon-big text-center icon-warning"},s.a.createElement("i",{className:"fas fa-video"}))),s.a.createElement(N.a,{md:"9",xs:"5"},s.a.createElement("div",{className:"numbers"},s.a.createElement("p",{className:"card-category"},"Per\xedodo previsto para o Dom\xednio desse assunto"),s.a.createElement("div",{style:{fontSize:45}},s.a.createElement(w.a,{tag:"p"},e)),s.a.createElement("p",null))))),s.a.createElement(B.a,null))}}]),t}(s.a.Component),te=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",ae=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).cancelTokenSource=new y.a.CancelToken.source,a.state={totalStudents:""},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.curriculumId,a=this.props.classroomId,n=te+"/course/getNumbersStudentsReachedPercentage/"+a+"/"+t;y.a.get(n,{cancelToken:this.cancelTokenSource.token}).then((function(t){t.data?e.setState({totalStudents:t.data[0].quant}):alert("Error web service")})).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){return s.a.createElement(k.a,{className:"card-stats"},s.a.createElement(D.a,null,s.a.createElement(O.a,null,s.a.createElement(N.a,{md:"4",xs:"5"},s.a.createElement("div",{className:"icon-big text-center icon-warning"},s.a.createElement("i",{className:"fas fa-check"}))),s.a.createElement(N.a,{md:"8",xs:"5"},s.a.createElement("div",{className:"numbers"},s.a.createElement("p",{className:"card-category"},"Total de alunos que alcan\xe7aram porcentagem m\xednima"),s.a.createElement("div",{style:{fontSize:45}},s.a.createElement(w.a,{tag:"p"}," ",this.state.totalStudents," ")),s.a.createElement("p",null))))),s.a.createElement(B.a,null))}}]),t}(s.a.Component),ne=a(30),se=a.n(ne),re=a(32),oe=a.n(re),ce=a(276),le=a(277),ie=a(278),ue=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",me=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).cancelTokenSource=new y.a.CancelToken.source,a.state={chartOptions:{chart:{type:"column"},title:{text:" "},xAxis:{categories:["N\xedvel 1 (0-2957 XP)","N\xedvel 2 (2958XP-7649 XP)","N\xedvel 3 (7650-13566 XP)","N\xedvel 4 (13566-20434 XP)","N\xedvel 5 (20435-28078 XP)"]},yAxis:{min:0,title:{text:"N\xfamero de estudantes"}},tooltip:{pointFormat:'<span style="color:{point.color}">\u25cf</span> <b> {point.y} alunos ({point.percentage:.1f}%)  {point.name} </b><br/>',shared:!0},plotOptions:{column:{stacking:"normal"}},series:[{name:"Alunos que n\xe3o est\xe3o nesse n\xedvel",color:"#374961",data:[0,0,0,0,0]},{name:"Alunos que est\xe3o nesse n\xedvel",color:"#52bf90",data:[0,0,0,0,0]}]}},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.classroomId,a=ue+"/course/getStudentesByLevel/"+t;y.a.get(a,{cancelToken:this.cancelTokenSource.token}).then((function(t){if(t.data){for(var a=t.data,n=[],s=[],r=0,o=function(e){var t=a.findIndex((function(t){return t.level_===e+1}));a[t]?(r+=a[t].quant,n[e]=a[t].quant):n[e]=0},c=0;c<5;c++)o(c);for(var l=0;l<5;l++)s[l]=r-n[l];e.setState({chartOptions:{series:[{data:s},{data:n}]}})}else alert("Error web service")})).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){var e=this.state.chartOptions;return s.a.createElement(s.a.Fragment,null,s.a.createElement(oe.a,{highcharts:se.a,options:e}))}}]),t}(s.a.Component),de=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).toggleCollapse=function(e){var t=[!1,!1,!1,!1,!1],n=["","","","",""];n[e]="active",t[e]=!0,a.setState({isOpen:t,isOpenClass:n})},a.cancelTokenSource=new y.a.CancelToken.source,a.state={students:[[],[],[],[],[]],isOpen:[!0,!1,!1,!1,!1],isOpenClass:["active","","","",""]},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"fetchData",value:function(){for(var e=this,t=this.props.classroomId,a=function(a){var n=ue+"/course/getNameStudentsByLevel/"+t+"/"+(a+1);y.a.get(n,{cancelToken:e.cancelTokenSource.token}).then((function(t){if(t.data){var n=e.state.students,s=t.data;n[a]=s,e.setState({students:n})}else alert("Error web service")})).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))},n=0;n<5;n++)a(n)}},{key:"componentDidMount",value:function(){this.fetchData()}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){var e=this,t=this.state,a=t.students,n=t.isOpen,r=t.isOpenClass;return s.a.createElement(s.a.Fragment,null,s.a.createElement(ce.a,{tabs:!0,className:"d-flex justify-content-around",style:{fontSize:"0.85em"}},s.a.createElement(le.a,null,s.a.createElement(ie.a,{className:""+r[0],onClick:function(){return e.toggleCollapse(0)},style:{cursor:"pointer"}},"N\xedvel 1")),s.a.createElement(le.a,null,s.a.createElement(ie.a,{className:""+r[1],onClick:function(){return e.toggleCollapse(1)},style:{cursor:"pointer"}},"N\xedvel 2")),s.a.createElement(le.a,null,s.a.createElement(ie.a,{className:""+r[2],onClick:function(){return e.toggleCollapse(2)},style:{cursor:"pointer"}},"N\xedvel 3")),s.a.createElement(le.a,null,s.a.createElement(ie.a,{className:""+r[3],onClick:function(){return e.toggleCollapse(3)},style:{cursor:"pointer"}},"N\xedvel 4")),s.a.createElement(le.a,null,s.a.createElement(ie.a,{className:""+r[4],onClick:function(){return e.toggleCollapse(4)},style:{cursor:"pointer"}},"N\xedvel 5"))),s.a.createElement(z.a,{isOpen:n[0]},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},a[0]&&a[0].length?s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},a[0].map((function(t){return s.a.createElement(N.a,{sm:"2",key:"levelchart-"+t.id},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(c.b,{to:{pathname:"/admin/studentDashboard/"+t.id,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.name))))}))):s.a.createElement(O.a,null,s.a.createElement(N.a,{style:{margin:"1em 1em 0 1em",textAlign:"center"}},s.a.createElement("div",null,"N\xe3o h\xe1 nenhum aluno neste n\xedvel de gamifica\xe7\xe3o"))))),s.a.createElement(z.a,{isOpen:n[1]},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},a[1]&&a[1].length?s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},a[1].map((function(t){return s.a.createElement(N.a,{sm:"2",key:"levelchart-"+t.id},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(c.b,{to:{pathname:"/admin/studentDashboard/"+t.id,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.name))))}))):s.a.createElement(O.a,null,s.a.createElement(N.a,{style:{margin:"1em 1em 0 1em",textAlign:"center"}},s.a.createElement("div",null,"N\xe3o h\xe1 nenhum aluno neste n\xedvel de gamifica\xe7\xe3o"))))),s.a.createElement(z.a,{isOpen:n[2]},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},a[2]&&a[2].length?s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},a[2].map((function(t){return s.a.createElement(N.a,{sm:"2",key:"levelchart-"+t.id},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(c.b,{to:{pathname:"/admin/studentDashboard/"+t.id,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.name))))}))):s.a.createElement(O.a,null,s.a.createElement(N.a,{style:{margin:"1em 1em 0 1em",textAlign:"center"}},s.a.createElement("div",null,"N\xe3o h\xe1 nenhum aluno neste n\xedvel de gamifica\xe7\xe3o"))))),s.a.createElement(z.a,{isOpen:n[3]},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},a[3]&&a[3].length?s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},a[3].map((function(t){return s.a.createElement(N.a,{sm:"2",key:"levelchart-"+t.id},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(c.b,{to:{pathname:"/admin/studentDashboard/"+t.id,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.name))))}))):s.a.createElement(O.a,null,s.a.createElement(N.a,{style:{margin:"1em 1em 0 1em",textAlign:"center"}},s.a.createElement("div",null,"N\xe3o h\xe1 nenhum aluno neste n\xedvel de gamifica\xe7\xe3o"))))),s.a.createElement(z.a,{isOpen:n[4]},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},a[4]&&a[4].length?s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},a[4].map((function(t){return s.a.createElement(N.a,{sm:"2",key:"levelchart-"+t.id},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(c.b,{to:{pathname:"/admin/studentDashboard/"+t.id,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.name))))}))):s.a.createElement(O.a,null,s.a.createElement(N.a,{style:{margin:"1em 1em 0 1em",textAlign:"center"}},s.a.createElement("div",null,"N\xe3o h\xe1 nenhum aluno neste n\xedvel de gamifica\xe7\xe3o"))))))}}]),t}(s.a.Component),Ae=a(279),he=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",pe=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).cancelTokenSource=new y.a.CancelToken.source,a.state={chartOptions:{chart:{type:"column"},title:{text:" "},xAxis:{categories:[],labels:{useHTML:!0,formatter:function(e){return'<div id="tooltip_resources-'+e.pos+'">'+e.value+"</div>"}}},yAxis:{min:0,title:{text:"N\xfamero de Estudantes"}},tooltip:{pointFormat:'<span style="color:{point.color}">\u25cf</span> <b> {point.series.name}: {point.y}  ({point.percentage:.1f}%)  {point.name} </b><br/>',shared:!0},plotOptions:{column:{stacking:"normal"}},series:[{name:"Alunos que ainda n\xe3o interagiram com esse recurso",color:"#34495E ",data:[]},{name:"Alunos que n\xe3o interagiram com sucesso com esse recurso",color:"#ffdc73",data:[]},{name:"Alunos que interagiram com sucesso com esse recurso",color:"#52bf90",data:[]}]},Render:!0,resource_data:[]},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"fetchData",value:function(e){var t=this,a=this.props.classroomId,n=this.props.courseId,s=he+"/course/getQuantStudentInteractionResources/"+a+"/"+e,r=he+"/course/getResourcesByCurriculum/"+e,o=he+"/course/totalStudents/"+n+"/"+a,c=he+"/course/getNumberStudentsCorrectlyAnsweredProblems/"+a+"/"+e;y.a.all([y.a.get(s,{cancelToken:this.cancelTokenSource.token}),y.a.get(r,{cancelToken:this.cancelTokenSource.token}),y.a.get(o,{cancelToken:this.cancelTokenSource.token}),y.a.get(c,{cancelToken:this.cancelTokenSource.token})]).then(y.a.spread((function(e,a,n,s){if(e.data&&a.data&&n.data&&s.data){var r=e.data,o=a.data,c=n.data[0].count,l=s.data;if(r&&r.length>0){for(var i=function(e){var t=r.findIndex((function(t){return t.resource_id===o[e].resource_id}));r[t]?o[e].quant=r[t].quant:o[e].quant=0;var a=l.findIndex((function(t){return t.problem_id===o[e].resource_id}));l[a]?o[e].unsuccessfully_interaction=o[e].quant-l[a].quantAnsweredCorrectly:o[e].unsuccessfully_interaction=0},u=0;u<o.length;u++)i(u);t.setState({chartOptions:{xAxis:{categories:o.map((function(e){return e.resource_type}))},series:[{data:o.map((function(e){return c-e.quant}))},{data:o.map((function(e){return e.unsuccessfully_interaction}))},{data:o.map((function(e){return e.quant-e.unsuccessfully_interaction}))}]},Render:!0,resource_data:o})}else t.setState({Render:!1})}else alert("Error web service")}))).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){var e=this.state,t=e.chartOptions,a=e.Render,n=e.resource_data;return s.a.createElement(s.a.Fragment,null,a?s.a.createElement("div",null,s.a.createElement(oe.a,{highcharts:se.a,options:t}),n.map((function(e,t){return document.getElementById("tooltip_resources-"+t)?s.a.createElement(Ae.a,{key:"resourceschart-"+e.resource_id,placement:"bottom",target:"tooltip_resources-"+t,style:{fontSize:"0.85em"}},e.resource_type.includes("problem")?s.a.createElement("div",{className:"text-center"},e.titleProblems):s.a.createElement("div",{className:"text-center"},e.titleResources)):null}))):s.a.createElement("div",{className:"text-center"},"Nenhum estudante desta turma interagiu ainda com os recursos deste assunto"))}}]),t}(s.a.Component),ge=function(e){var t=e.resources.map((function(e,t){return 0===t?s.a.createElement("th",{key:"tb_h_resourceschart-"+e.resource_id,scope:"col"},e):s.a.createElement("th",{key:"tb_h_resourceschart-"+e.resource_id,scope:"col",style:{textAlign:"center"}},e.resource_type," ",e.resource_id)}));return s.a.createElement("thead",null,s.a.createElement("tr",null,t))},Ee=function(e){var t=e.students.map((function(t,a){return s.a.createElement("tr",{key:"tb_b_r_resourceschart-"+t.id},function(e,t,a,n){return a.map((function(a,r){if(0===r)return s.a.createElement("td",{key:"tb_b_c_resourceschart-"+a.resource_id},s.a.createElement("i",{className:"far fa-user-circle fa-2x",style:{verticalAlign:"middle",margin:"0 0.5em 0 0"}}),e.name);var o=t.find((function(t){return t.name===e.name&&t.resource_id===a.resource_id}));return"problem"===a.resource_type?n.find((function(t){return t.user_id===e.id&&t.problem_id===a.resource_id&&1===t.correctly_done.data[0]}))?s.a.createElement("td",{key:"tb_b_c_resourceschart-"+a.resource_id,style:{textAlign:"center"}},s.a.createElement("i",{className:"fas fa-circle fa-2x",style:{color:"#52bf90"}})):n.find((function(t){return t.user_id===e.id&&t.problem_id===a.resource_id&&0===t.correctly_done.data[0]}))?s.a.createElement("td",{key:"tb_b_c_resourceschart-"+a.resource_id,style:{textAlign:"center"}},s.a.createElement("i",{className:"fas fa-circle fa-2x",style:{color:"#ffdc73"}})):s.a.createElement("td",{key:"tb_b_c_resourceschart-"+a.resource_id,style:{textAlign:"center"}},s.a.createElement("i",{className:"fas fa-circle fa-2x",style:{color:"#34495E"}})):o?s.a.createElement("td",{key:"tb_b_c_resourceschart-"+a.resource_id,style:{textAlign:"center"}},s.a.createElement("i",{className:"fas fa-circle fa-2x",style:{color:"#52bf90"}})):s.a.createElement("td",{key:"tb_b_c_resourceschart-"+a.resource_id,style:{textAlign:"center"}},s.a.createElement("i",{className:"fas fa-circle fa-2x",style:{color:"#34495E"}}))}))}(t,e.students_interaction,e.resources,e.status_problems))}));return s.a.createElement("tbody",null,t)},fe=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).cancelTokenSource=new y.a.CancelToken.source,a.state={students:[],students_interaction:[],resources:[],status_problems:[],Render:!0},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"fetchData",value:function(e){var t=this,a=this.props.courseId,n=this.props.classroomId,s=he+"/course/getStudents/"+a+"/"+n,r=he+"/course/getStudentsInteractionResources/"+e+"/"+n,o=he+"/course/getResourcesByCurriculum/"+e,c=he+"/course/getClassStatusProblems/"+n+"/"+e;y.a.all([y.a.get(s,{cancelToken:this.cancelTokenSource.token}),y.a.get(r,{cancelToken:this.cancelTokenSource.token}),y.a.get(o,{cancelToken:this.cancelTokenSource.token}),y.a.get(c,{cancelToken:this.cancelTokenSource.token})]).then(y.a.spread((function(e,a,n,s){if(e.data&&a.data&&n.data&&s.data){var r=e.data,o=a.data,c=n.data,l=s.data;o&&o.length>0?(c.unshift("Alunos"),t.setState({students:r,students_interaction:o,resources:c,status_problems:l,Render:!0})):t.setState({Render:!1})}else alert("Error web service")}))).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){var e=this.state,t=e.resources,a=e.students,n=e.students_interaction,r=e.status_problems,o=e.Render;return s.a.createElement(s.a.Fragment,null,o?s.a.createElement("div",{className:"overflow-auto",style:{maxHeight:"15em",fontSize:"0.6em"}},s.a.createElement("table",{className:"table"},s.a.createElement(ge,{resources:t}),s.a.createElement(Ee,{students:a,resources:t,students_interaction:n,status_problems:r}))):s.a.createElement("div",{className:"text-center"},"Sem dados de intera\xe7\xe3o"))}}]),t}(s.a.Component),be=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",ve=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).cancelTokenSource=new y.a.CancelToken.source,a.state={chartOptions:{chart:{type:"bar",height:150},title:{text:" "},xAxis:{lineColor:"transparent",categories:[""],labels:{enabled:!1,tickInterval:2}},yAxis:{min:0,title:{text:" "},gridLineColor:"transparent",labels:{enabled:!1}},tooltip:{pointFormat:'<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> estudantes ({point.percentage:.0f}%)<br/>',shared:!1},legend:{reversed:!0},plotOptions:{visible:!1,series:{stacking:"normal",pointWidth:35,groupPadding:.1}},series:[{name:"Alunos que n\xe3o atingiram a porcentagem m\xednima",data:[],color:"#34495E ",borderRadius:2},{name:"Alunos que atingiram a porcentagem m\xednima",data:[],borderRadius:2,color:"#52bf90"}]}},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"fetchData",value:function(e){var t=this,a=this.props.classroomId,n=this.props.courseId,s=be+"/course/getNumbersStudentsReachedPercentage/"+a+"/"+e,r=be+"/course/totalStudents/"+n+"/"+a;y.a.all([y.a.get(s,{cancelToken:this.cancelTokenSource.token}),y.a.get(r,{cancelToken:this.cancelTokenSource.token})]).then(y.a.spread((function(e,a){e.data&&a.data?t.setState({chartOptions:{series:[{data:[a.data[0].count-e.data[0].quant]},{data:[e.data[0].quant]}]}}):alert("Error web service")}))).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){var e=this.state.chartOptions;return s.a.createElement(s.a.Fragment,null,s.a.createElement(oe.a,{highcharts:se.a,options:e}))}}]),t}(s.a.Component),Ie=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).toggleCollapse=function(e){var t=[!1,!1],n=["",""];n[e]="active",t[e]=!0,a.setState({isOpen:t,isOpenClass:n})},a.cancelTokenSource=new y.a.CancelToken.source,a.state={studentsnotreached:[],studentsreached:[],isOpen:[!0,!1],isOpenClass:["active",""]},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"fetchData",value:function(e){var t=this,a=this.props.courseId,n=this.props.classroomId,s=be+"/course/getStudents/"+a+"/"+n,r=be+"/course/getStudentsReachedPercentage/"+n+"/"+e;y.a.all([y.a.get(s,{cancelToken:this.cancelTokenSource.token}),y.a.get(r,{cancelToken:this.cancelTokenSource.token})]).then(y.a.spread((function(e,a){if(e.data&&a.data){var n=e.data,s=a.data,r=n.filter((function(e){return!s.some((function(t){return t.user_id===e.id}))}));t.setState({studentsnotreached:r,studentsreached:s})}else alert("Error web service")}))).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){var e=this,t=this.state,a=t.studentsnotreached,n=t.studentsreached,r=t.isOpen,o=t.isOpenClass;return s.a.createElement(s.a.Fragment,null,s.a.createElement(ce.a,{tabs:!0,className:"d-flex justify-content-around",style:{fontSize:"0.85em"}},s.a.createElement(le.a,null,s.a.createElement(ie.a,{className:""+o[0],onClick:function(){return e.toggleCollapse(0)},style:{cursor:"pointer"}},"Alunos que alcan\xe7aram")),s.a.createElement(le.a,null,s.a.createElement(ie.a,{className:""+o[1],onClick:function(){return e.toggleCollapse(1)},style:{cursor:"pointer"}},"Alunos que n\xe3o alcan\xe7aram"))),s.a.createElement(z.a,{isOpen:r[0]},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},n&&n.length>0?s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},n.map((function(t){return s.a.createElement(N.a,{sm:"2",key:t.user_id},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(ie.a,{to:{pathname:"/admin/studentDashboard/"+t.user_id,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.name))))}))):s.a.createElement(O.a,null,s.a.createElement(N.a,{style:{margin:"1em 1em 0 1em",textAlign:"center"}},s.a.createElement("div",null,"Nenhum aluno alcan\xe7ou a porcentagem m\xednima"))))),s.a.createElement(z.a,{isOpen:r[1]},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},a.map((function(t){return s.a.createElement(N.a,{sm:"2",key:t.id},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(ie.a,{to:{pathname:"/admin/studentDashboard/"+t.id,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.name))))}))))))}}]),t}(s.a.Component),Ce=a(49),ye=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",ke=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).cancelTokenSource=new y.a.CancelToken.source,a.state={chartOptions:{chart:{type:"areaspline"},title:{text:""},xAxis:{categories:[]},yAxis:{min:0,max:100,tickInterval:25,title:{text:""},labels:{formatter:function(){return this.value+"%"}}},tooltip:{shared:!1,formatter:function(e){return"Per\xedodo previsto para o dom\xednio desse assunto"===this.series.name?'<b><br><span style="color:{series.color}">'+this.series.name+"</span> <b></b><br/>":'<b><br><span style="color:{series.color}">'+this.series.name+"</span>: <b>"+this.point.y+"</b>%<br/>"}},credits:{enabled:!1},plotOptions:{series:{marker:{enabled:!1}},column:{stacking:"percent",pointPadding:.2,borderWidth:0},line:{dataLabels:{enabled:!1}}},series:[{name:"Porcentagem m\xednima necess\xe1ria para avan\xe7ar para o pr\xf3ximo assunto",lineWidth:3,color:"#52bf90",data:[]},{name:"Porcentagem m\xe9dia da intera\xe7\xe3o di\xe1ria da turma",dataLabels:{enabled:!0,format:"{y}%"},lineWidth:3,data:[],color:"#273746"},{name:"Per\xedodo previsto para o dom\xednio desse assunto",data:[],lineWidth:7,color:"#ffdc73"}]},Render:!0},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"getDateArray",value:function(e,t,a,n,s){for(var r=[],o=[],c=[],l=e,i=0;l<=t;){if(r.push({string:l.getDate()+"/"+(l.getMonth()+1),date:new Date(l)}),s[i]&&s.length>0){var u=new Date(s[s.length-1].DATE.replace(/-/g,"/"));new Date(s[i].DATE.replace(/-/g,"/")).getTime()===l.getTime()?(c.push(Math.round(100*s[i].cumulativeAverage)/100),i++):u.getTime()>=l.getTime()&&(c[c.length-1]?c.push(c[c.length-1]):c.push(0))}a&&n&&l.getTime()>=a.getTime()&&l.getTime()<=n.getTime()?o.push(0):o.push(null),l.setDate(l.getDate()+1)}return[r,o,c]}},{key:"fetchData",value:function(e){var t=this,a=this.props.classroomId,n=this.props.courseId,s=ye+"/course/getMinimumPercentage/"+e,r=ye+"/course/getExpectedDate/"+e+"/"+n+"/"+a,o=ye+"/course/getFirstLastClassInteraction/"+a+"/"+e,c=ye+"/course/getCumulativeClassAverage/"+n+"/"+a+"/"+e,l=ye+"/course/getMissionInfo/"+n+"/"+a+"/"+e;y.a.all([y.a.get(s,{cancelToken:this.cancelTokenSource.token}),y.a.get(r,{cancelToken:this.cancelTokenSource.token}),y.a.get(o,{cancelToken:this.cancelTokenSource.token}),y.a.get(c,{cancelToken:this.cancelTokenSource.token}),y.a.get(l,{cancelToken:this.cancelTokenSource.token})]).then(y.a.spread((function(e,a,n,s,r){if(e.data&&a.data&&n.data&&s.data&&r.data){var o,c,l,i,u,m,d,A=0,h=[];n.data[0].firstInteraction&&n.data[0].lastInteraction&&(m=new Date(n.data[0].firstInteraction.replace(/-/g,"/")),d=new Date(n.data[0].lastInteraction.replace(/-/g,"/"))),e.data&&e.data.length>0&&(A=e.data[0].percentage),a.data[0].startDate&&a.data[0].endDate?(l=o=new Date(a.data[0].startDate.replace(/-/g,"/")),i=c=new Date(a.data[0].endDate.replace(/-/g,"/")),m<o&&m&&(o=m),d>c&&d&&(c=d),t.setState({Render:!0})):(c=d,(o=m)&&c||t.setState({Render:!1}));for(var p=(u=t.getDateArray(o,c,l,i,s.data))[0],g=u[1],E=u[2],f=function(e){var t=new Date(r.data[e].startDate.replace(/-/g,"/")),a=p.findIndex((function(e){return e.date.getTime()===t.getTime()}));-1!==a&&h.push({type:"line",dashStyle:"ShortDashDot",name:r.data[e].nameMission,lineWidth:2.3,dataLabels:{enabled:!1},data:[{x:a,y:0},{x:a,y:100}],marker:{radius:2}})},b=0;b<r.data.length;b++)f(b);t.setState({chartOptions:{xAxis:{categories:p.map((function(e){return e.string}))},series:[{data:Object(Ce.a)(Array(p.length).fill(A))},{data:E},{data:g}].concat(h)}})}else alert("Error web service")}))).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){var e=this.state,t=e.chartOptions,a=e.Render;return s.a.createElement(s.a.Fragment,null,a?s.a.createElement(oe.a,{highcharts:se.a,options:t}):s.a.createElement(N.a,null,s.a.createElement("div",null,"A data inicial e final esperada para os alunos dominarem esse assunto n\xe3o foram definidas pelo professor e nenhuma intera\xe7\xe3o dos alunos com os recursos ocorreu ainda")))}}]),t}(s.a.Component),xe=a(297),we=a(298),De=a(280),Oe=a(281),Ne=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",Be=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).cancelTokenSource=new y.a.CancelToken.source,a.state={chartOptions:{chart:{type:"column"},title:{text:" "},xAxis:{categories:[],labels:{useHTML:!0,formatter:function(e){return'<div id="tooltip_mission-'+e.pos+'">'+e.value+"</div>"}}},yAxis:{min:0,title:{text:"N\xfamero de Estudantes"}},tooltip:{pointFormat:'<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> students ({point.percentage:.0f}%)<br/>',shared:!0},plotOptions:{column:{stacking:"normal"}},series:[{name:"Mission Alcan\xe7ada",color:"#273746",data:[]},{name:"Missi\xe3o n\xe3o Alcan\xe7ada",color:"#ffdc73",data:[]},{name:"Miss\xe3o n\xe3o Tentada",color:"#52bf90",data:[]}]},Render:!0,missionInfo:[]},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"fetchData",value:function(e){var t=this,a=this.props.classroomId,n=this.props.courseId,s=Ne+"/course/getMissionInfo/"+n+"/"+a+"/"+e,r=Ne+"/course/getClassMissionStatus/"+n+"/"+a+"/"+e;y.a.all([y.a.get(s,{cancelToken:this.cancelTokenSource.token}),y.a.get(r,{cancelToken:this.cancelTokenSource.token})]).then(y.a.spread((function(e,a){var n,s,r,o;e.data&&a.data?function(){var c=e.data,l=a.data,i=["achieved","notAchieved","notAttempted"];if(n=[],s=[],r=[],o=[],l.length>0){for(var u=function(e){n.push(c[e].nameMission);for(var t=function(t){var a=0,n=l.filter((function(a){return a.missionId===c[e].ID&&a.studentStatus===i[t]}));switch(n.length>0&&(a=n[0].totalStudents),t){case 0:s.push(a);break;case 1:r.push(a);break;case 2:o.push(a)}},a=0;a<3;a++)t(a)},m=0;m<c.length;m++)u(m);t.setState({chartOptions:{xAxis:{categories:n},series:[{data:s},{data:r},{data:o}]},Render:!0,missionInfo:c})}else t.setState({Render:!1})}():alert("Error web service")}))).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"convert_date",value:function(e){var t=new Date(e.replace(/-/g,"/"));return t.getDate()+"/"+(t.getMonth()+1)}},{key:"render",value:function(){var e=this,t=this.state,a=t.chartOptions,n=t.Render,r=t.missionInfo;return s.a.createElement(s.a.Fragment,null,n?s.a.createElement("div",null,s.a.createElement(oe.a,{highcharts:se.a,options:a}),r.map((function(t,a){return s.a.createElement(Ae.a,{key:"missionchart-"+t.ID,placement:"bottom",target:"tooltip_mission-"+a,style:{fontSize:"0.85em"}},"Miss\xe3o dispon\xedvel entre ",s.a.createElement("br",null),e.convert_date(t.startDate)+" a "+e.convert_date(t.endDate),s.a.createElement("br",null),"null"!==t.awardPoints?"Recompensa da miss\xe3o: "+t.awardPoints+" pts":"Recompensa da miss\xe3o: "+t.awardGrade+" pts")}))):s.a.createElement("div",{className:"text-center"},"Nenhuma miss\xe3o criada pelo professor nesse assunto"))}}]),t}(s.a.Component),je=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).toggleCollapse=function(e,t){for(var n=a.state.Missions_info.length,s=[],r=0;r<n;r++)s.push([{Class:"",status:!1},{Class:"",status:!1},{Class:"",status:!1}]);s[e][t]={Class:"active",status:!0},a.setState({IsOpen:s})},a.cancelTokenSource=new y.a.CancelToken.source,a.state={Missions_info:[],IsOpen:[],Mission_Students:[],Render:!1},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"fetchData",value:function(e){var t=this,a=this.props.classroomId,n=this.props.courseId,s=Ne+"/course/getMissionInfo/"+n+"/"+a+"/"+e,r=Ne+"/course/getClassMissionStatus/"+n+"/"+a+"/"+e,o=Ne+"/course/getStudentsMissionStatus/"+n+"/"+a+"/"+e;y.a.all([y.a.get(s,{cancelToken:this.cancelTokenSource.token}),y.a.get(r,{cancelToken:this.cancelTokenSource.token}),y.a.get(o,{cancelToken:this.cancelTokenSource.token})]).then(y.a.spread((function(e,a,n){if(e.data&&a.data&&n.data){var s=e.data,r=[];if(a.data.length>0){for(var o=0;o<s.length;o++)0===o?r.push([{Class:"active",status:!0},{Class:"",status:!1},{Class:"",status:!1}]):r.push([{Class:"",status:!1},{Class:"",status:!1},{Class:"",status:!1}]);t.setState({Missions_info:s,IsOpen:r,Mission_Students:n.data,Render:!0})}else t.setState({Render:!1})}else alert("Error web service")}))).catch((function(e){y.a.isCancel(e)?console.log("Request canceled"):console.log("Error server "+e)}))}},{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"componentWillUnmount",value:function(){this.cancelTokenSource.cancel()}},{key:"render",value:function(){var e=this,t=this.state,a=t.Missions_info,n=t.IsOpen,r=t.Mission_Students,o=t.Render;return s.a.createElement(s.a.Fragment,null,o?s.a.createElement("div",null,s.a.createElement(ce.a,{tabs:!0,className:"d-flex justify-content-around",style:{fontSize:"0.85em"}},a.map((function(t,a){return s.a.createElement(xe.a,{key:"missionchartchild-"+t.ID,style:{cursor:"pointer"},nav:!0,inNavbar:!0},s.a.createElement(we.a,{tag:"a",className:"nav-link "+n[a][0].Class+n[a][1].Class+n[a][2].Class,nav:!0,caret:!0},t.nameMission),s.a.createElement(De.a,null,s.a.createElement(Oe.a,{className:""+n[a][0].Class,onClick:function(){return e.toggleCollapse(a,0)},style:{cursor:"pointer",borderRadius:0}},"Alunos que alcan\xe7aram"),s.a.createElement(Oe.a,{className:""+n[a][1].Class,onClick:function(){return e.toggleCollapse(a,1)},style:{cursor:"pointer"}},"Alunos que n\xe3o alcan\xe7aram"),s.a.createElement(Oe.a,{className:""+n[a][2].Class,onClick:function(){return e.toggleCollapse(a,2)},style:{cursor:"pointer"}},"Alunos que n\xe3o tentaram")))}))),a.map((function(t,a){return s.a.createElement(I.a,{fluid:!0,style:{margin:"1em 1em 0 1em",textAlign:"center"},key:"missionchartchild_collapse-"+t.ID},s.a.createElement(z.a,{isOpen:n[a][0].status,key:"missionchartchild_collapse-"+t.ID+"-0"},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},s.a.createElement("div",null,"Alunos que alcan\xe7aram"),s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},r.filter((function(e){return e.missionId===t.ID&&"achieved"===e.studentStatus})).length>0?r.filter((function(e){return e.missionId===t.ID&&"achieved"===e.studentStatus})).map((function(t){return s.a.createElement(N.a,{sm:"2",key:"missionchart_child-"+t.userId},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(c.b,{to:{pathname:"/admin/studentDashboard/"+t.userId,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.userName))))})):s.a.createElement(N.a,{style:{margin:"1em 1em 0 1em",textAlign:"center"}},s.a.createElement("div",null,"Nenhum aluno nesse status"))))),s.a.createElement(z.a,{isOpen:n[a][1].status,key:"missionchartchild_collapse-"+t.ID+"-1"},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},s.a.createElement("div",null,"Alunos que n\xe3o alcan\xe7aram"),s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},r.filter((function(e){return e.missionId===t.ID&&"notAchieved"===e.studentStatus})).length>0?r.filter((function(e){return e.missionId===t.ID&&"notAchieved"===e.studentStatus})).map((function(t){return s.a.createElement(N.a,{sm:"2",key:"missionchart_child-"+t.userId},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(c.b,{to:{pathname:"/admin/studentDashboard/"+t.userId,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.userName))))})):s.a.createElement(N.a,{style:{margin:"1em 1em 0 1em",textAlign:"center"}},s.a.createElement("div",null,"Nenhum aluno nesse status"))))),s.a.createElement(z.a,{isOpen:n[a][2].status,key:"missionchartchild_collapse-"+t.ID+"-2"},s.a.createElement(N.a,{style:{textAlign:"center",paddingLeft:"0"}},s.a.createElement("div",null,"Alunos que n\xe3o tentaram"),s.a.createElement(O.a,{className:"overflow-auto",style:{maxHeight:"12em"}},r.filter((function(e){return e.missionId===t.ID&&"notAttempted"===e.studentStatus})).length>0?r.filter((function(e){return e.missionId===t.ID&&"notAttempted"===e.studentStatus})).map((function(t){return s.a.createElement(N.a,{sm:"2",key:"missionchart_child-"+t.userId},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-3x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(c.b,{to:{pathname:"/admin/studentDashboard/"+t.userId,state:{classroomId:e.props.classroomId,teacherId:e.props.teacherId,courseId:e.props.courseId}},className:"text-dark border-info"}," ",t.userName))))})):s.a.createElement(N.a,{style:{margin:"1em 1em 0 1em",textAlign:"center"}},s.a.createElement("div",null,"Nenhum aluno nesse status"))))))}))):s.a.createElement("div",{className:"text-center"},"Sem dados dos estudantes"))}}]),t}(s.a.Component),Se=function(e){function t(){return Object(A.a)(this,t),Object(p.a)(this,Object(g.a)(t).apply(this,arguments))}return Object(E.a)(t,e),Object(h.a)(t,[{key:"render",value:function(){var e=this.props,t=e.courseId,a=e.classroomId,n=e.curriculumId,r=e.teacherId,o=e.optionSelected;return s.a.createElement("div",null,s.a.createElement(O.a,null,s.a.createElement(N.a,{lg:"4",md:"6",sm:"9"},s.a.createElement(Z,{courseId:t,classroomId:a})),s.a.createElement(N.a,{lg:"4",md:"6",sm:"9"},s.a.createElement(ee,{courseId:t,classroomId:a,curriculumId:n})),s.a.createElement(N.a,{lg:"4",md:"6",sm:"9"},s.a.createElement(ae,{classroomId:a,curriculumId:n})),s.a.createElement(N.a,{md:"12"},s.a.createElement(k.a,{tag:"h5"},s.a.createElement(x.a,null,s.a.createElement(w.a,null,s.a.createElement("div",{className:"d-flex justify-content-end mx-3"},s.a.createElement("div",{className:"mr-auto p-2"},s.a.createElement("div",{className:"text-center"},"Progresso de Intera\xe7\xe3o da Turma com os Recursos")),s.a.createElement("div",{className:"p-2"},s.a.createElement(J.a,null,s.a.createElement(N.a,null,s.a.createElement(K,{id:"1",icon:"fa fa-info-circle",help:s.a.createElement("div",{className:"text-center"},"Este gr\xe1fico mostra o progresso da turma com o passar do tempo e o impacto das miss\xf5es criadas na porcentagem da intera\xe7\xe3o da turma com os recursos.")})),s.a.createElement(N.a,null,"Din\xe2micas"===o?s.a.createElement(K,{id:"2",icon:"fa fa-exclamation-triangle",color:"red",help:s.a.createElement("div",{className:"text-center"},"Est\xe1 faltando 2 dias para para o per\xedodo previsto para o dom\xednio deste assunto finalizar e ainda 50% dos alunos n\xe3o alcan\xe7aram a porcentagem m\xednima de intera\xe7\xe3o com os recursos. Voc\xea pode criar uma miss\xe3o para motivar esses alunos.")}):s.a.createElement(K,{id:"2",icon:"fa fa-exclamation-triangle",help:s.a.createElement("div",{className:"text-center"},"Nenhum alerta para este assunto.")}))))))),s.a.createElement(D.a,null,s.a.createElement("div",{style:{borderTop:"0.1em solid grey",opacity:"0.3",margin:"0 0.5em 1em 0.5em"}}),s.a.createElement("div",null,s.a.createElement(ke,{classroomId:a,curriculumId:n,courseId:t}))),s.a.createElement(B.a,null))),s.a.createElement(N.a,{md:"12"},s.a.createElement(X,{id:"3",icon:"fa fa-info-circle",title:"Alcance da Porcentagem M\xednima",help:s.a.createElement("div",{className:"text-center"},"Este gr\xe1fico mostra a quantidade de alunos que atingiram e n\xe3o atingiram a porcentagem m\xednima de intera\xe7\xe3o com os recursos deste assunto."),content:s.a.createElement(ve,{classroomId:a,curriculumId:n,courseId:t}),contentchild:s.a.createElement(Ie,{classroomId:a,curriculumId:n,courseId:t})})),s.a.createElement(N.a,{md:"12"},s.a.createElement(X,{id:"4",icon:"fa fa-info-circle",title:"Intera\xe7\xe3o da Turma com os Recursos",help:s.a.createElement("div",{className:"text-center"},"Este gr\xe1fico mostra a quantidade de alunos que interagiram com sucesso, que n\xe3o interagiram com sucesso e alunos que n\xe3o interagiram com cada recurso adicionado pelo professor no plano de atividades deste assunto."),content:s.a.createElement(pe,{classroomId:a,curriculumId:n,courseId:t}),contentchild:s.a.createElement(fe,{classroomId:a,curriculumId:n,courseId:t})})),s.a.createElement(N.a,{md:"12"},s.a.createElement(X,{id:"5",icon:"fa fa-info-circle",title:"Distribui\xe7\xe3o da Turma por N\xedvel",help:s.a.createElement("div",{className:"text-center"},"Este gr\xe1fico mostra a distribui\xe7\xe3o dos alunos em diferente n\xedveis. Os n\xedveis utilizam a pontua\xe7\xe3o conquistada pelos estudantes atrav\xe9s das suas intera\xe7\xf5es com os recursos do sistema."),content:s.a.createElement(me,{courseId:t,classroomId:a}),contentchild:s.a.createElement(de,{courseId:t,classroomId:a})})),s.a.createElement(N.a,{md:"12"},s.a.createElement(X,{id:"6",icon:"fa fa-info-circle",title:"Intera\xe7\xe3o com as Miss\xf5es",help:s.a.createElement("div",{className:"text-center"},"Este gr\xe1fico mostra a quantidade de alunos que alcan\xe7aram, n\xe3o alcan\xe7aram e n\xe3o tentaram alcan\xe7ar cada miss\xe3o criada pelo professor."),content:s.a.createElement(Be,{classroomId:a,curriculumId:n,courseId:t}),contentchild:s.a.createElement(je,{classroomId:a,curriculumId:n,courseId:t})}))),s.a.createElement("center",null,s.a.createElement("button",{type:"button",className:"btn btn-success"},s.a.createElement(c.c,{className:"text-dark",to:{pathname:"/admin/missions/"+a+"/"+r+"/"+t}},"Criar Miss\xe3o"))))}}]),t}(s.a.Component),qe=a(283),Qe=a(50),Me=a.n(Qe),Fe=a(52),Le=a.n(Fe),_e=a(51),Re=a.n(_e),Te=function(e){return function(e){return e.student,t=e.students_resources,e.resources.map((function(e,a){var n=t.find((function(t){return t.resource_id===e.resource_id}));if(n){if("assessment"===n.resource_type)return s.a.createElement(O.a,{className:"row align-items-center "},s.a.createElement(N.a,{className:"text-center"},s.a.createElement("h5",null,e.resource_type)),s.a.createElement(N.a,null,s.a.createElement("h5",null,e.titleProblems)),s.a.createElement(N.a,{className:"text-center"},s.a.createElement("img",{src:Me.a,alt:"resource logo",height:"40",width:"40",className:"fas fa-users fa-4x align-self-center"})))}else if("assessment"===e.resource_type)return s.a.createElement(O.a,{className:"row align-items-center"},s.a.createElement(N.a,{className:"text-center"},s.a.createElement("h5",null,e.resource_type)),s.a.createElement(N.a,null,s.a.createElement("h5",null,e.titleResources)),s.a.createElement(N.a,{className:"text-center"},s.a.createElement("img",{src:Re.a,alt:"resource logo",height:"40",width:"40",className:"fas fa-users fa-4x align-self-center"})))}));var t}(e)},Ue=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={students:[],students_resources:[],resources:[],problem_resources:[]},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"fetchData",value:function(e){var t=this,a=this.props.classroomId,n="   /course/getStudentStatusProblems/"+this.props.studentId+"/"+a+"/"+e,s="   /course/getResourcesByCurriculum/"+e;y.a.all([y.a.get(n),y.a.get(s)]).then(y.a.spread((function(e,a){if(e.data&&a.data){console.log(e.data);var n=e.data,s=a.data;t.setState({students_resources:n,resources:s})}else alert("Error web service")}))).catch((function(e){alert("Error server "+e)}))}},{key:"render",value:function(){return s.a.createElement(s.a.Fragment,null,s.a.createElement("br",null),s.a.createElement(O.a,null,s.a.createElement(N.a,{className:"text-center font-weight-bold"},s.a.createElement("img",{src:Me.a,alt:"resource logo",height:"20",width:"20",className:"fas fa-users fa-4x align-self-center"}),"\xa0 Interagiu com sucesso com o recurso"),s.a.createElement(N.a,{className:"text-center font-weight-bold"},s.a.createElement("img",{src:Le.a,alt:"resource logo",height:"20",width:"20",className:"fas fa-users fa-4x align-self-center"}),"\xa0 N\xe3o interagiu com sucesso com o recurso"),s.a.createElement(N.a,{className:"text-center font-weight-bold"},s.a.createElement("img",{src:Re.a,alt:"resource logo",height:"20",width:"20",className:"fas fa-users fa-4x align-self-center"}),"\xa0 Ainda n\xe3o interagiu com o recurso")),s.a.createElement(O.a,null," ",s.a.createElement(N.a,{md:"4",className:"text-center"},s.a.createElement("h4",null,s.a.createElement("div",{className:"font-weight-bold"},"Tipo"))),s.a.createElement(N.a,{sm:"4",className:"text-center"},s.a.createElement("h4",null,s.a.createElement("div",{className:"font-weight-bold"},"Recurso"))),s.a.createElement(N.a,{className:"text-center",sm:{size:2,offset:1}},s.a.createElement("h4",null,s.a.createElement("div",{className:"font-weight-bold"},"Estado")))),s.a.createElement(Te,{student:this.props.studentId,resources:this.state.resources,students_resources:this.state.students_resources}))}}]),t}(s.a.Component),Ge=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",Pe=function(e){return function(e){return e.student,t=e.students_resources,e.resources.map((function(e,a){var n=t.find((function(t){return t.resource_id===e.resource_id}));return n?1===n.correctly_done.data[0]?s.a.createElement(s.a.Fragment,null,s.a.createElement(O.a,{className:"row align-items-center"},s.a.createElement(N.a,{className:"text-center"},s.a.createElement("h5",null,e.resource_type)),s.a.createElement(N.a,null,s.a.createElement("h5",null,e.titleProblems)),s.a.createElement(N.a,{className:"text-center"},s.a.createElement("img",{src:Me.a,alt:"resource logo",height:"40",width:"40",className:"fas fa-users fa-4x align-self-center"})))):s.a.createElement(s.a.Fragment,null,s.a.createElement(O.a,{className:"row align-items-center"},s.a.createElement(N.a,{className:"text-center"},s.a.createElement("h5",null,e.resource_type)),s.a.createElement(N.a,null,s.a.createElement("h5",null,e.titleProblems)),s.a.createElement(N.a,{className:"text-center"},s.a.createElement("img",{src:Le.a,alt:"resource logo",height:"40",width:"40",className:"fas fa-users fa-4x align-self-center"})))):"assessment"!==e.resource_type?s.a.createElement(s.a.Fragment,null,s.a.createElement(O.a,{className:"row align-items-center"},s.a.createElement(N.a,{className:"text-center"},s.a.createElement("h5",null,e.resource_type)),s.a.createElement(N.a,null,s.a.createElement("h5",null,e.titleResources)),s.a.createElement(N.a,{className:"text-center"},s.a.createElement("img",{src:Re.a,alt:"resource logo",height:"40",width:"40",className:"fas fa-users fa-4x align-self-center"})))):void 0}));var t}(e)},Ve=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={students:[],students_resources:[],resources:[],problem_resources:[]},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"fetchData",value:function(e){var t=this,a=this.props.classroomId,n=this.props.studentId,s=Ge+"/course/getStudentStatusProblems/"+n+"/"+a+"/"+e,r=Ge+"/course/getResourcesByCurriculum/"+e;y.a.all([y.a.get(s),y.a.get(r)]).then(y.a.spread((function(e,a){if(e.data&&a.data){var n=e.data,s=a.data;t.setState({students_resources:n,resources:s})}else alert("Error web service")}))).catch((function(e){alert("Error server "+e)}))}},{key:"render",value:function(){return s.a.createElement(s.a.Fragment,null,s.a.createElement(O.a,null,s.a.createElement(N.a,{className:"text-center font-weight-bold"},s.a.createElement("img",{src:Me.a,alt:"resource logo",height:"20",width:"20",className:"fas fa-users fa-4x align-self-center"}),"\xa0 Interagiu com sucesso com o recurso"),s.a.createElement(N.a,{className:"text-center font-weight-bold"},s.a.createElement("img",{src:Le.a,alt:"resource logo",height:"20",width:"20",className:"fas fa-users fa-4x align-self-center"}),"\xa0 N\xe3o interagiu com sucesso com o recurso"),s.a.createElement(N.a,{className:"text-center font-weight-bold"},s.a.createElement("img",{src:Re.a,alt:"resource logo",height:"20",width:"20",className:"fas fa-users fa-4x align-self-center"}),"\xa0 Ainda n\xe3o interagiu com o recurso")),s.a.createElement(O.a,null,s.a.createElement(N.a,{md:"4",className:"text-center"},s.a.createElement("h4",null,s.a.createElement("div",{className:"font-weight-bold"},"Tipo"))),s.a.createElement(N.a,{sm:"4",className:"text-center"},s.a.createElement("h4",null,s.a.createElement("div",{className:"font-weight-bold"},"Recurso"))),s.a.createElement(N.a,{className:"text-center",sm:{size:2,offset:1}},s.a.createElement("h4",null,s.a.createElement("div",{className:"font-weight-bold"},"Estado")))),s.a.createElement(Pe,{student:this.props.studentId,resources:this.state.resources,students_resources:this.state.students_resources}))}}]),t}(s.a.Component),Ye=function(e){function t(){return Object(A.a)(this,t),Object(p.a)(this,Object(g.a)(t).apply(this,arguments))}return Object(E.a)(t,e),Object(h.a)(t,[{key:"render",value:function(){return s.a.createElement("div",null," Exercicios ")}}]),t}(s.a.Component),Je=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={classB1:"btn-link text-dark font-weight-bold border-bottom border-dark",classB2:"btn-link text-muted",classB3:"btn-link text-muted",stateB1:!0,stateB2:!1,stateB3:!1},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"handleB1",value:function(e){this.setState({classB1:"btn-link text-dark font-weight-bold border-bottom border-dark",classB2:"btn-link text-muted",classB3:"btn-link text-muted",stateB1:!0,stateB2:!1,stateB3:!1})}},{key:"handleB2",value:function(e){this.setState({classB1:"btn-link text-muted",classB2:"btn-link text-dark font-weight-bold border-bottom border-dark",classB3:"btn-link text-muted",stateB1:!1,stateB2:!0,stateB3:!1})}},{key:"handleB3",value:function(e){this.setState({classB1:"btn-link text-muted",classB2:"btn-link text-muted",classB3:"btn-link text-dark font-weight-bold border-bottom border-dark",stateB1:!1,stateB2:!1,stateB3:!0})}},{key:"render",value:function(){var e,t=this;return this.state.stateB1&&(e=s.a.createElement(Ve,{curriculumId:this.props.curriculumId,studentId:this.props.studentId,classroomId:this.props.classroomId,courseId:this.props.courseId})),this.state.stateB2&&(e=s.a.createElement(Ye,null)),this.state.stateB3&&(e=s.a.createElement(Ue,{curriculumId:this.props.curriculumId,studentId:this.props.studentId,classroomId:this.props.classroomId,courseId:this.props.courseId})),s.a.createElement(qe.a,{fluid:!0,className:"bg-white border rounded"},s.a.createElement(I.a,{fluid:!0},s.a.createElement(O.a,{className:"border-bottom text-center"},s.a.createElement(N.a,null,s.a.createElement("button",{type:"button",className:this.state.classB1,active:this.stateB1,onClick:function(){return t.handleB1()}},"Recursos")),s.a.createElement(N.a,null,s.a.createElement("button",{type:"button",className:this.state.classB2,active:this.stateB2,onClick:function(){return t.handleB2()}},"Exerc\xedcios")),s.a.createElement(N.a,null,s.a.createElement("button",{type:"button",className:this.state.classB3,active:this.stateB3,onClick:function(){return t.handleB3()}},"Provas"))),s.a.createElement("div",null,s.a.createElement("br",null),e)))}}]),t}(s.a.Component),ze=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",He=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={chartOptions:{chart:{type:"areaspline"},title:{text:""},xAxis:{categories:[]},yAxis:{min:0,max:100,tickInterval:25,title:{text:""},labels:{formatter:function(){return this.value+"%"}}},tooltip:{shared:!1,formatter:function(e){return"Per\xedodo previsto para o dom\xednio desse assunto"===this.series.name?'<b><br><span style="color:{series.color}">'+this.series.name+"</span> <b></b><br/>":'<b><br><span style="color:{series.color}">'+this.series.name+"</span>: <b>"+this.point.y+"</b>%<br/>"}},credits:{enabled:!1},plotOptions:{series:{marker:{enabled:!1}},column:{stacking:"percent",pointPadding:.2,borderWidth:0},line:{dataLabels:{enabled:!1}}},series:[{name:"Porcentagem m\xednima necess\xe1ria para avan\xe7ar para o pr\xf3ximo assunto",lineWidth:3,color:"#52bf90",data:[]},{name:"Porcentagem atual de intera\xe7\xe3o do aluno",dataLabels:{enabled:!0,format:"{y}%"},lineWidth:3,data:[],color:"#273746"},{name:"Per\xedodo previsto para o dom\xednio desse assunto",data:[],lineWidth:7,color:"#ffdc73"}]},Render:!0},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"getDateArray",value:function(e,t,a,n,s){for(var r=[],o=[],c=[],l=e,i=0;l<=t;){if(r.push({string:l.getDate()+"/"+(l.getMonth()+1),date:new Date(l)}),s[i]&&s.length>0){var u=new Date(s[s.length-1].DATE.replace(/-/g,"/"));new Date(s[i].DATE.replace(/-/g,"/")).getTime()===l.getTime()?(c.push(Math.round(100*s[i].cumulativeAverage)/100),i++):u.getTime()>=l.getTime()&&(c[c.length-1]?c.push(c[c.length-1]):c.push(0))}a&&n&&l.getTime()>=a.getTime()&&l.getTime()<=n.getTime()?o.push(0):o.push(null),l.setDate(l.getDate()+1)}return[r,o,c]}},{key:"fetchData",value:function(e){var t=this,a=this.props.classroomId,n=this.props.courseId,s=this.props.studentId,r=ze+"/course/getMinimumPercentage/"+e,o=ze+"/course/getExpectedDate/"+e+"/"+n+"/"+a,c=ze+"/course/getFirstLastStudentInteraction/"+s+"/"+a+"/"+e,l=ze+"/course/getCumulativeStudentAverage/"+s+"/"+a+"/"+e;y.a.all([y.a.get(r),y.a.get(o),y.a.get(c),y.a.get(l)]).then(y.a.spread((function(e,a,n,s){if(e.data&&a.data&&n.data&&s.data){var r,o,c,l,i,u,m,d=0;n.data[0].firstInteraction&&n.data[0].lastInteraction&&(u=new Date(n.data[0].firstInteraction.replace(/-/g,"/")),m=new Date(n.data[0].lastInteraction.replace(/-/g,"/"))),e.data&&e.data.length>0&&(d=e.data[0].percentage),a.data[0].startDate&&a.data[0].endDate?(c=r=new Date(a.data[0].startDate.replace(/-/g,"/")),l=o=new Date(a.data[0].endDate.replace(/-/g,"/")),u<r&&u&&(r=u),m>o&&m&&(o=m),t.setState({Render:!0})):(o=m,(r=u)&&o||t.setState({Render:!1}));var A=(i=t.getDateArray(r,o,c,l,s.data))[0],h=i[1],p=i[2];t.setState({chartOptions:{xAxis:{categories:A.map((function(e){return e.string}))},series:[{data:Object(Ce.a)(Array(A.length).fill(d))},{data:p},{data:h}]}})}else alert("Error web service")}))).catch((function(e){alert("Error server "+e)}))}},{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"render",value:function(){var e=this.state,t=e.chartOptions,a=e.Render;return s.a.createElement(s.a.Fragment,null,a?s.a.createElement(oe.a,{highcharts:se.a,options:t}):s.a.createElement(N.a,null,s.a.createElement("div",null,"A data inicial e final esperada para os alunos dominarem esse assunto n\xe3o foram definidas pelo professor e nenhuma intera\xe7\xe3o do aluno com os recursos ocorreu ainda")))}}]),t}(s.a.Component),Ke=function(e){function t(){return Object(A.a)(this,t),Object(p.a)(this,Object(g.a)(t).apply(this,arguments))}return Object(E.a)(t,e),Object(h.a)(t,[{key:"render",value:function(){var e=this.props,t=e.courseId,a=e.classroomId,n=e.curriculumId,r=e.studentId;return s.a.createElement(s.a.Fragment,null,s.a.createElement(O.a,null,s.a.createElement(N.a,{lg:"4",md:"6",sm:"9"}),s.a.createElement(N.a,{md:"12"},s.a.createElement(k.a,{tag:"h5"},s.a.createElement(x.a,null,s.a.createElement(w.a,null,s.a.createElement("div",{className:"d-flex justify-content-end mx-3"},s.a.createElement("div",{className:"mr-auto p-2"},"Progresso de Intera\xe7\xe3o do Estudante com os Recursos"),s.a.createElement("div",{className:"p-2"},s.a.createElement(J.a,null,s.a.createElement(N.a,null,s.a.createElement(K,{id:"1",icon:"fa fa-info-circle",help:"Este gr\xe1fico mostra o progresso do aluno com o passar do tempo e o impacto das miss\xf5es criadas na porcentagem da intera\xe7\xe3o do aluno com os recursos."})),s.a.createElement(N.a,null,s.a.createElement(K,{id:"2",icon:"fa fa-exclamation-triangle",help:"Mensagem de alerta do Sistema!"}))))))),s.a.createElement(D.a,null,s.a.createElement("div",{style:{borderTop:"0.1em solid grey",opacity:"0.3",margin:"0 0.5em 1em 0.5em"}}),s.a.createElement("div",null,s.a.createElement(He,{studentId:r,classroomId:a,curriculumId:n,courseId:t}))),s.a.createElement(B.a,null)))),s.a.createElement(Je,{courseId:t,curriculumId:n,studentId:r,classroomId:a}),s.a.createElement("center",null,s.a.createElement("button",{type:"button",className:"btn btn-success"},s.a.createElement(c.c,{className:"text-dark",to:{pathname:"/admin/missions/"+this.props.classroomId+"/"+this.props.teacherId+"/"+this.props.courseId}},"Criar Miss\xe3o"))))}}]),t}(s.a.Component),Xe=a(108),We=a.n(Xe),Ze=function(){function e(t){Object(A.a)(this,e),this.validacoes=t}return Object(h.a)(e,[{key:"validatingForm",value:function(e){var t=this.valido();return this.validacoes.forEach((function(a){var n=e[a.campo.toString()],s=a.args||[];("string"===typeof a.metodo?We.a[a.metodo]:a.metodo).apply(void 0,[n].concat(Object(Ce.a)(s),[e]))!==a.validoQuando&&(t[a.campo]={isInvalid:!0,message:a.mensagem},t.isValid=!1)})),t}},{key:"valido",value:function(){var e={};return this.validacoes.map((function(t){return e[t.campo]={isInvalid:!1,message:""}})),Object(G.a)({isValid:!0},e)}}]),e}(),$e=a(72),et=a.n($e),tt={showMessage:function(e,t){"success"===e&&et.a.fire({icon:"success",text:t,type:"success",timer:2e3}),"error"===e&&et.a.fire({icon:"error",text:t,type:"error",confirmButtonText:"Ok"})}},at=a(284),nt=a(295),st=a(285),rt=a(286),ot=a(287),ct=a(288),lt=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",it=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).validator=new Ze([{campo:"name_missions",metodo:"isEmpty",validoQuando:!1,mensagem:"Informe um nome v\xe1lido para a miss\xe3o"},{campo:"initial_date",metodo:"isEmpty",validoQuando:!1,mensagem:"Defina uma data inicial para a miss\xe3o"},{campo:"ending_date",metodo:"isEmpty",validoQuando:!1,mensagem:"Defina uma data final para a miss\xe3o"}]),a.stateInitial={students:[],students_resources:[],resources:[],array_selected:[],name_missions:"",initial_date:"",ending_date:"",experience:"",grade:"",experience_bool:!0,grade_bool:!1,validacao:a.validator.valido()},a.state=a.stateInitial,a.TableHead=a.TableHead.bind(Object(b.a)(a)),a.TableBody=a.TableBody.bind(Object(b.a)(a)),a.handleChange=a.handleChange.bind(Object(b.a)(a)),a.handleSubmit=a.handleSubmit.bind(Object(b.a)(a)),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"handleChange",value:function(e,t,a){var n=this.state.array_selected;n[t][a]=e.target.checked,this.setState({array_selected:n})}},{key:"handleSubmit",value:function(e){var t=this;e.preventDefault();var a=this.name_mission.value,n=this.start_date.value,s=this.end_date.value,r=this.state.experience_bool?this.experience.value:0,o=this.state.grade_bool?this.grade.value:0,c=!1;this.setState({name_missions:a,initial_date:n,ending_date:s,experience:r,grade:o},(function(){var e=t.validator.validatingForm(t.state);e.isValid||[e.name_missions,e.initial_date,e.ending_date].filter((function(e){return e.isInvalid})).forEach((function(e){tt.showMessage("error",e.message)}));n=new Date(n.replace(/-/g,"/")),s=new Date(s.replace(/-/g,"/")),a&&t.have_selected()&&(r||o)&&n.getTime()<s.getTime()&&(c=!0),c?tt.showMessage("success","Miss\xe3o cadastrada com sucesso"):(t.state.name_missions||tt.showMessage("error","Informe um nome v\xe1lido para a miss\xe3o"),t.state.experience&&t.state.grade||tt.showMessage("error","Determine pelo menos uma recompensa aos estudantes que completarem a miss\xe3o com sucesso"),t.have_selected()||tt.showMessage("error","Determine pelo menos um estudante e um recurso para compor a miss\xe3o"),n.getTime()>=s.getTime()&&tt.showMessage("error","A data final deve ser posterior a data inicial definida"))}))}},{key:"select_allstudents",value:function(e){for(var t=this.state.array_selected,a=0;a<t.length;a++)for(var n=0;n<t[a].length;n++)null!=t[a][n]&&(t[a][n]=e.target.checked);this.setState({array_selected:t})}},{key:"select_per_resource",value:function(e,t){for(var a=this.state.array_selected,n=0;n<a.length;n++)null!=a[n][t]&&(a[n][t]=e.target.checked);this.setState({array_selected:a})}},{key:"select_per_students",value:function(e,t){for(var a=this.state.array_selected,n=0;n<a[t].length;n++)null!=a[t][n]&&(a[t][n]=e.target.checked);this.setState({array_selected:a})}},{key:"have_selected",value:function(){for(var e=this.state.array_selected,t=0;t<e.length;t++)for(var a=0;a<e[t].length;a++)if(!0===e[t][a])return!0;return!1}},{key:"check_row_and_col",value:function(e,t){var a=this.state.array_selected,n=0;if(-1===e)for(var s=0;s<a.length;s++){if(!1===a[s][t])return!1;!0===a[s][t]&&(n+=1)}else if(-1===t)for(var r=0;r<a[e].length;r++){if(!1===a[e][r])return!1;!0===a[e][r]&&(n+=1)}return n>0}},{key:"TableHead",value:function(){var e=this,t=this.state.resources.map((function(t,a){return 0===a?s.a.createElement(at.a,{scope:"col",key:"table_head_element-"+a,style:{textAlign:"center",borderTop:"1px solid rgba(224, 224, 224, 1)"}},t,s.a.createElement("br",null),s.a.createElement(nt.a,{id:"allStudents",onChange:function(t){return e.select_allstudents(t)},color:"default"})):s.a.createElement(at.a,{scope:"col",key:"table_head_element-"+a,style:{textAlign:"center",borderTop:"1px solid rgba(224, 224, 224, 1)"}},t.resource_type," ",t.resource_id,s.a.createElement("br",null),s.a.createElement(nt.a,{id:"resourceOnMission-"+a,checked:e.check_row_and_col(-1,a-1),onChange:function(t){return e.select_per_resource(t,a-1)},color:"default"}))}));return s.a.createElement(st.a,{key:"table_head"},s.a.createElement(rt.a,null,t))}},{key:"TableBody",value:function(){var e=this,t=this.state.students.map((function(t,a){return s.a.createElement(rt.a,{key:"table_body-"+a},function(t,a,n){return a.map((function(a,r){return 0===r?s.a.createElement(at.a,{scope:"row",style:{textAlign:"center"},key:"table_body_element-"+r},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"far fa-user-circle fa-2x align-self-center"}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em",marginLeft:3}},t.name,s.a.createElement(nt.a,{checked:e.check_row_and_col(n,-1),onChange:function(t){return e.select_per_students(t,n)},color:"default",style:{padding:3}})))):null!=e.state.array_selected[n][r-1]?s.a.createElement(at.a,{style:{textAlign:"center"},key:"table_body_element-"+r},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"fas fa-circle fa-2x",style:{color:"#34495E"}}),s.a.createElement("div",{className:"align-self-center",style:{fontSize:"0.85em"}},s.a.createElement(nt.a,{checked:e.state.array_selected[n][r-1],onChange:function(t){return e.handleChange(t,n,r-1)},color:"default",style:{padding:3}})))):s.a.createElement(at.a,{style:{textAlign:"center"},key:"table_body_element-"+r},s.a.createElement("div",{className:"d-flex flex-column",style:{margin:"1em 0 0 0"}},s.a.createElement("i",{className:"fas fa-circle fa-2x",style:{color:"#52bf90"}})))}))}(t,e.state.resources,a))}));return s.a.createElement(ot.a,null,t)}},{key:"fetchData",value:function(e){var t=this,a=this.props.courseId,n=this.props.classroomId,s=lt+"/course/getStudents/"+a+"/"+n,r=lt+"/course/getStudentsInteractionResources/"+e+"/"+n,o=lt+"/course/getResourcesByCurriculum/"+e;y.a.all([y.a.get(s),y.a.get(r),y.a.get(o)]).then(y.a.spread((function(e,a,n){if(e.data&&a.data&&n.data){for(var s=e.data,r=a.data,o=n.data,c=[],l=function(e){c[e]=new Array(o.length);for(var t=function(t){var a=r.find((function(a){return a.name===s[e].name&&a.resource_id===o[t].resource_id}));c[e][t]=!!a&&null},a=0;a<o.length;a++)t(a)},i=0;i<s.length;i++)l(i);o.unshift("Alunos"),t.setState({students:s,students_resources:r,resources:o,array_selected:c})}else alert("Error web service")}))).catch((function(e){alert("Error server "+e)}))}},{key:"componentDidMount",value:function(){this.fetchData(this.props.curriculumId)}},{key:"componentDidUpdate",value:function(e){this.props.curriculumId!==e.curriculumId&&this.fetchData(this.props.curriculumId)}},{key:"render",value:function(){var e=this,t=this.state,a=t.experience_bool,n=t.grade_bool;return s.a.createElement("div",null,s.a.createElement("form",{onSubmit:this.handleSubmit},s.a.createElement(O.a,null,s.a.createElement(N.a,{sm:"6"},s.a.createElement("label",{htmlFor:"inputMissionName",className:""},"Nome da Miss\xe3o"),s.a.createElement("input",{name:"inputMission",className:"form-control ",type:"text",id:"inputMission",ref:function(t){return e.name_mission=t},style:{height:"calc(1.5em + 0.75rem + 2px)"}})),s.a.createElement(N.a,{sm:"3"},s.a.createElement("label",{htmlFor:"inputMissionInitialDate"},"In\xedcio da Miss\xe3o"),s.a.createElement("input",{name:"inputMissionInitialDate",className:"form-control",type:"date",id:"inputMissionInitialDate",ref:function(t){return e.start_date=t}})),s.a.createElement(N.a,{sm:"3"},s.a.createElement("label",{htmlFor:"inputMissionEndDate"},"Final da Miss\xe3o"),s.a.createElement("input",{name:"inputMissionEndingDate",className:"form-control",type:"date",id:"inputMissionEndingDate",ref:function(t){return e.end_date=t}}))),s.a.createElement("br",null),s.a.createElement(O.a,null,s.a.createElement(N.a,{md:"12"},s.a.createElement(k.a,null,s.a.createElement(x.a,null,s.a.createElement(w.a,{tag:"h5"},s.a.createElement("div",{className:"d-flex justify-content-start"},s.a.createElement("div",{style:{margin:"0 1em 0 0.75em"}},s.a.createElement("div",null,"Sele\xe7\xe3o de Alunos e Recursos")),s.a.createElement("div",null,s.a.createElement(K,{id:"1",icon:"fa fa-info-circle",help:s.a.createElement("div",null,"Atrav\xe9s desta tabela \xe9 poss\xedvel selecionar quais recursos ir\xe3o compor esta miss\xe3o e quais ser\xe3o os alunos alvos da miss\xe3o.")}))))),s.a.createElement(D.a,null,s.a.createElement("div",{className:"overflow-auto",style:{maxHeight:"22em"}},s.a.createElement(ct.a,{"aria-label":"simple table"},s.a.createElement(this.TableHead,null),s.a.createElement(this.TableBody,null)))),s.a.createElement(B.a,null)))),s.a.createElement("div",{className:"form-row"},s.a.createElement("div",{className:"custom-control custom-radio form-group col-md-6"},s.a.createElement(nt.a,{id:"XP",name:"student-xp",checked:a,onChange:function(t){return e.setState({experience_bool:t.target.checked,grade_bool:n||!t.target.checked})},color:"default"}),s.a.createElement("label",{className:"custom-label",htmlFor:"customControlValidation1",style:{verticalAlign:"-webkit-baseline-middle"}},"Pontua\xe7\xe3o em XP: "),s.a.createElement("input",{type:"number",min:"0",className:"form-control",id:"ExperienceValue",disabled:!a,ref:function(t){return e.experience=t}})),s.a.createElement("div",{className:"custom-control custom-radio form-group col-md-6"},s.a.createElement(nt.a,{id:"Grade",name:"student-grade",checked:n,onChange:function(t){return e.setState({experience_bool:a||!t.target.checked,grade_bool:t.target.checked})},color:"default"}),s.a.createElement("label",{className:"custom-label",htmlFor:"customControlValidation2",style:{verticalAlign:"-webkit-baseline-middle"}},"Pontua\xe7\xe3o na nota: "),s.a.createElement("input",{type:"number",min:"0",className:"form-control",id:"GradeValue",disabled:!n,ref:function(t){return e.grade=t}}))),s.a.createElement("br",null),s.a.createElement("div",{className:"col text-center"},s.a.createElement("button",{className:"btn btn-success text-align center",id:"submit",type:"submit"},"Criar Miss\xe3o"))))}}]),t}(n.Component),ut=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",mt={option:function(e,t){var a=t.data,n=t.isDisabled,s=t.isFocused,r=t.isSelected;return Object(G.a)({},e,{backgroundColor:n?null:r?a.selected:s?a.focus:a.color,":active":Object(G.a)({},e[":active"],{backgroundColor:!n&&(r?a.color:a.focus)})})}},dt=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).handleChange=function(e){a.setState({selectedOption:e})},a.state={curriculum:[],selectedOption:null,date:""},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.courseId,a=this.props.classroomId,n=ut+"/course/getCurriculum/"+t+"/"+a;y.a.get(n).then((function(t){if(t.data){for(var a=t.data,n=0;n<a.length;n++)"Din\xe2micas"===a[n].name?a[n]=Object(G.a)({},a[n],{color:"#FBAAAA",selected:"#FBAAAA",focus:"#FBAAAA"}):a[n]=Object(G.a)({},a[n],{color:"WHITE",selected:"#2684FF",focus:"#B2D4FF"});e.setState({curriculum:a})}else alert("Error web service")})).catch((function(e){alert("Error server "+e)}))}},{key:"render",value:function(){var e=this.state,t=e.selectedOption,a=e.curriculum,n=this.props,r=n.classroomId,o=n.courseId,c=n.teacherId,l=n.studentId,i=n.type,u=n.renderDate;return s.a.createElement("div",null,s.a.createElement(P.a,null,s.a.createElement(V.a,{className:"d-flex justify-content-between",for:"exampleSelect",style:{alignItems:"center"}},s.a.createElement("div",null,"Selecione um assunto:"),u?s.a.createElement("div",{style:{fontSize:"20px"}},"Data atual: 23/11"):null),s.a.createElement(N.a,{sm:{size:5},style:{padding:0}},s.a.createElement(Y.a,{placeholder:"--",value:t,onChange:this.handleChange,options:a.map((function(e){return{label:e.name,value:e.id,color:e.color,selected:e.selected,focus:e.focus}})),styles:mt}))),t&&"classDashboard"===i?s.a.createElement(Se,{key:t.value,classroomId:r,courseId:o,teacherId:c,curriculumId:t.value,optionSelected:t.label}):t&&"studentDashboard"===i?s.a.createElement(Ke,{studentId:l,classroomId:r,courseId:o,teacherId:c,curriculumId:t.value}):t&&"mission"===i?s.a.createElement(it,{classroomId:r,courseId:o,teacherId:c,curriculumId:t.value}):void 0)}}]),t}(s.a.Component),At=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={classroomId:"",teacherId:"",courseId:"",isSelected:!1,typeDashboard:"classDashboard",colorB1:"btn-link text-dark font-weight-bold border-bottom border-dark",colorB2:"btn-link text-muted"},a.handleB1=a.handleB1.bind(Object(b.a)(a)),a.handleB2=a.handleB2.bind(Object(b.a)(a)),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"handleB1",value:function(e){this.setState({colorB1:"btn-link text-dark font-weight-bold border-bottom border-dark",colorB2:" btn-link text-muted",isSelected:!1})}},{key:"handleB2",value:function(e){!1===this.state.isSelected&&this.setState({colorB2:"btn-link text-dark font-weight-bold border-bottom border-dark",colorB1:"btn-link text-muted",isSelected:!0})}},{key:"componentDidMount",value:function(){localStorage.setItem("classroomId",this.props.match.params.id),localStorage.setItem("teacherId",this.props.match.params.teacherId),localStorage.setItem("courseId",this.props.match.params.courseId)}},{key:"render",value:function(){var e=this;return s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"content"},s.a.createElement(O.a,null),s.a.createElement(O.a,null),s.a.createElement(O.a,null," ",s.a.createElement(N.a,null,s.a.createElement("h2",null,"Dashboard"))),s.a.createElement(O.a,{className:"border-bottom"},s.a.createElement(N.a,null,s.a.createElement("button",{className:this.state.colorB1,onClick:function(){return e.handleB1()}},"Turma"),s.a.createElement("button",{className:this.state.colorB2,onClick:function(){return e.handleB2()}},"Estudantes"))),s.a.createElement(O.a,null),s.a.createElement("br",null),s.a.createElement("div",null,this.state.isSelected?s.a.createElement(U,{teacherId:this.props.match.params.teacherId,classroomId:this.props.match.params.id,courseId:this.props.match.params.courseId}):s.a.createElement(dt,{teacherId:this.props.match.params.teacherId,classroomId:this.props.match.params.id,courseId:this.props.match.params.courseId,type:this.state.typeDashboard,renderDate:!0})),s.a.createElement("br",null)))}}]),t}(s.a.Component),ht=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL||"http://localhost:4000",pt=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={student:[],typeDashboard:"studentDashboard"},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.match.params.studentId,a=ht+"/course/getStudentGamification/"+t;y.a.get(a).then((function(t){if(t.data){var a=t.data;e.setState({student:a})}else alert("Error web service")})).catch((function(e){alert("Error server "+e)}))}},{key:"render",value:function(){var e=localStorage.getItem("teacherId"),t=localStorage.getItem("courseId"),a=localStorage.getItem("classroomId");return s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"content"},s.a.createElement(O.a,null),s.a.createElement(O.a,null),s.a.createElement(O.a,null," ",s.a.createElement(N.a,null,s.a.createElement("h2",null,"Dashboard Estudante"))),s.a.createElement("div",null,s.a.createElement(O.a,null,s.a.createElement(N.a,{sm:{size:12}},this.state.student.map((function(e){return s.a.createElement(k.a,{key:e.level_},s.a.createElement("br",null),s.a.createElement(w.a,{key:e.id,className:"text-center"},s.a.createElement("strong",null,"Informa\xe7\xe3o do Estudante")),s.a.createElement(D.a,null,s.a.createElement("strong",null,"Nome: "),e.name,s.a.createElement("br",null),s.a.createElement("strong",null,"Email: "),e.email,s.a.createElement("br",null),s.a.createElement("strong",null,"Pontua\xe7\xe3o: "),e.currentPoints,s.a.createElement("br",null),s.a.createElement("strong",null,"N\xedvel: "),e.level_,s.a.createElement("br",null)))}))))),s.a.createElement(dt,{studentId:this.props.match.params.studentId,teacherId:e,classroomId:a,courseId:t,type:this.state.typeDashboard,renderDate:!0}),s.a.createElement("br",null)))}}]),t}(s.a.Component),gt=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={curriculum:[],selectedOption:null,typeDashboard:"mission"},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"render",value:function(){return s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"content"},s.a.createElement(O.a,null,s.a.createElement(N.a,null,s.a.createElement("h2",{style:{margin:"0.5em 0 0 0"}},"Criar Miss\xe3o"))),s.a.createElement("br",null),s.a.createElement(dt,{classroomId:this.props.match.params.id,courseId:this.props.match.params.courseId,teacherId:this.props.match.params.teacherId,type:this.state.typeDashboard,renderDate:!1})))}}]),t}(n.Component),Et=[{path:"/classes",name:"Minhas Disciplinas",icon:"nc-icon nc-bank",component:R,layout:"/admin"},{path:"/students/:courseId/:classroomId",name:"Students",icon:"nc-icon nc-bank",component:U,layout:"/admin"},{path:"/classDashboard/:id/:teacherId/:courseId",name:"Dashboard",icon:"nc-icon nc-bank",component:At,layout:"/admin"},{path:"/studentDashboard/:studentId",name:"Dashboard",icon:"nc-icon nc-bank",component:pt,layout:"/admin"},{path:"/classroom",name:"Dashboard",icon:"nc-icon nc-bank",component:M,layout:"/admin"},{path:"/missions/:id/:teacherId/:courseId",name:"Missions",icon:"nc-icon nc-bank",component:gt,layout:"/admin"}],ft=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={isOpen:!1,dropdownOpen:!1,color:"transparent"},a.toggle=a.toggle.bind(Object(b.a)(a)),a.dropdownToggle=a.dropdownToggle.bind(Object(b.a)(a)),a.sidebarToggle=s.a.createRef(),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"toggle",value:function(){this.state.isOpen?this.setState({color:"transparent"}):this.setState({color:"dark"}),this.setState({isOpen:!this.state.isOpen})}},{key:"dropdownToggle",value:function(e){this.setState({dropdownOpen:!this.state.dropdownOpen})}},{key:"getBrand",value:function(){var e="Default Brand";return Et.map((function(t,a){return-1!==window.location.href.indexOf(t.layout+t.path)&&(e=t.name),null})),e}},{key:"openSidebar",value:function(){document.documentElement.classList.toggle("nav-open"),this.sidebarToggle.current.classList.toggle("toggled")}},{key:"updateColor",value:function(){window.innerWidth<993&&this.state.isOpen?this.setState({color:"dark"}):this.setState({color:"transparent"})}},{key:"componentDidMount",value:function(){window.addEventListener("resize",this.updateColor.bind(this))}},{key:"componentDidUpdate",value:function(e){window.innerWidth<993&&e.history.location.pathname!==e.location.pathname&&-1!==document.documentElement.className.indexOf("nav-open")&&(document.documentElement.classList.toggle("nav-open"),this.sidebarToggle.current.classList.toggle("toggled"))}},{key:"render",value:function(){return s.a.createElement(v.a,{color:-1!==this.props.location.pathname.indexOf("full-screen-maps")?"dark":this.state.color,expand:"lg",className:-1!==this.props.location.pathname.indexOf("full-screen-maps")?"navbar-absolute fixed-top":"navbar-absolute fixed-top "+("transparent"===this.state.color?"navbar-transparent ":"")},s.a.createElement(I.a,{fluid:!0},s.a.createElement("div",{className:"navbar-wrapper"},"Visualiza\xe7\xe3o de Dados - Learning and Gamification Analytics")))}}]),t}(s.a.Component),bt=a(113),vt=a.n(bt),It=a(114),Ct=a.n(It),yt=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).activeRoute.bind(Object(b.a)(a)),a.sidebar=s.a.createRef(),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"activeRoute",value:function(e){return this.props.location.pathname.indexOf(e)>-1?"active":""}},{key:"componentDidMount",value:function(){navigator.platform.indexOf("Win")>-1&&(m=new f.a(this.sidebar.current,{suppressScrollX:!0,suppressScrollY:!1}))}},{key:"componentWillUnmount",value:function(){navigator.platform.indexOf("Win")>-1&&m.destroy()}},{key:"render",value:function(){return s.a.createElement("div",{className:"sidebar","data-color":"custom-blue","data-active-color":this.props.activeColor},s.a.createElement("div",{className:"logo"},s.a.createElement("div",{className:"logo-img"},"Feminino"===localStorage.getItem("teacherGender")?s.a.createElement("center",null,s.a.createElement("img",{src:Ct.a,alt:"profFemale-logo"})," "):s.a.createElement("img",{src:vt.a,alt:"profMale-logo"})),"Feminino"===localStorage.getItem("teacherGender")?s.a.createElement(O.a,null,s.a.createElement(N.a,{className:".col-sm-auto .offset-sm-3 text-center text-success"}," Bem-Vinda, Professora",s.a.createElement("br",null))):s.a.createElement(O.a,null,s.a.createElement(N.a,{className:".col-sm-auto .offset-sm-3 text-center text-success"},"Bem-Vindo, Professor"))),s.a.createElement("div",{className:"sidebar-wrapper",ref:this.sidebar},s.a.createElement(ce.a,null,s.a.createElement(O.a,{className:""},s.a.createElement(N.a,{className:".col-sm-auto .offset-sm-3 text-center "},s.a.createElement(c.c,{to:"/admin/classes"},s.a.createElement("p",{className:" text-center font-weight-bold ",style:{fontFamily:"Calibri",fontSize:"20px"}},"Minhas Turmas")))))))}}]),t}(s.a.Component),kt=function(e){function t(){return Object(A.a)(this,t),Object(p.a)(this,Object(g.a)(t).apply(this,arguments))}return Object(E.a)(t,e),Object(h.a)(t,[{key:"render",value:function(){return s.a.createElement("footer",{className:"footer"+(this.props.default?" footer-default":"")},s.a.createElement(I.a,{fluid:!!this.props.fluid},s.a.createElement(O.a,null,s.a.createElement("div",{className:"credits ml-auto"},s.a.createElement("div",{className:"copyright"})))))}}]),t}(s.a.Component),xt=a(107),wt=a(292),Dt=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={user:{}},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=this.props.currentState;this.setState({user:e})}},{key:"render",value:function(){return s.a.createElement(s.a.Fragment,null,s.a.createElement(v.a,{fixed:"bottom",color:"white",style:{margin:0}},s.a.createElement(I.a,null,s.a.createElement(O.a,null,s.a.createElement(N.a,null,s.a.createElement(c.c,{to:{pathname:"/projecttutorial"}},s.a.createElement(xt.a,{className:"black"},s.a.createElement(wt.a,{style:{color:"white"}},"<< Rever o V\xeddeo Tutorial")))),s.a.createElement(N.a,null,s.a.createElement("p",{className:"text-center"},"Monitore as intera\xe7\xf5es da classe com os recursos de aprendizagem e elementos de jogos, crie uma miss\xe3o e avalie a ferramenta ap\xf3s a intera\xe7\xe3o.")),s.a.createElement(N.a,null,s.a.createElement(c.c,{to:{pathname:"/finalquests"}},s.a.createElement(xt.a,{className:"black"},s.a.createElement(wt.a,{style:{color:"white"}},"Avaliar a Ferramenta >>"))))))))}}]),t}(s.a.Component),Ot=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).handleActiveClick=function(e){a.setState({activeColor:e})},a.handleBgClick=function(e){a.setState({backgroundColor:e})},a.state={backgroundColor:"black",activeColor:"info"},a.mainPanel=s.a.createRef(),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){navigator.platform.indexOf("Win")>-1&&(d=new f.a(this.mainPanel.current),document.body.classList.toggle("perfect-scrollbar-on"))}},{key:"componentWillUnmount",value:function(){navigator.platform.indexOf("Win")>-1&&(d.destroy(),document.body.classList.toggle("perfect-scrollbar-on"))}},{key:"componentDidUpdate",value:function(e){"PUSH"===e.history.action&&(this.mainPanel.current.scrollTop=0,document.scrollingElement.scrollTop=0)}},{key:"render",value:function(){return s.a.createElement("div",{className:"wrapper"},s.a.createElement(yt,Object.assign({},this.props,{bgColor:this.state.backgroundColor,activeColor:this.state.activeColor})),s.a.createElement("div",{className:"main-panel",ref:this.mainPanel},s.a.createElement(ft,this.props),s.a.createElement(l.d,null,Et.map((function(e,t){return s.a.createElement(l.b,{path:e.layout+e.path,component:e.component,key:t})}))),s.a.createElement(kt,null),s.a.createElement(kt,null)),s.a.createElement(Dt,Object.assign({},this.props,{currentState:this.props.location.state})))}}]),t}(s.a.Component),Nt=a(293),Bt=a(115),jt=a.n(Bt),St=a(116),qt=a.n(St),Qt=function(e){function t(){return Object(A.a)(this,t),Object(p.a)(this,Object(g.a)(t).apply(this,arguments))}return Object(E.a)(t,e),Object(h.a)(t,[{key:"render",value:function(){return s.a.createElement("div",null,s.a.createElement(N.a,null,s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("p",{style:{color:"#C0B283",fontSize:"40px",textAlign:"center"}},s.a.createElement("strong",null,"Monitoramento e Adapta\xe7\xe3o do Design da Gamifica\xe7\xe3o de Ambientes Educacionais Gamificados por Professores"),s.a.createElement("img",{src:qt.a,alt:"nees-logo",align:"right",width:"110",height:"100",hspace:"20"}),s.a.createElement("img",{src:jt.a,alt:"ufal-logo",align:"right",width:"60",height:"100"}),"\xa0",s.a.createElement("br",null)),s.a.createElement("br",null)),s.a.createElement("br",null),s.a.createElement("hr",{style:{backgroundColor:"#C0B283"}}),s.a.createElement("br",null))}}]),t}(s.a.Component),Mt=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={terms:"0",checkValid:!1},a.handleCheckbox=a.handleCheckbox.bind(Object(b.a)(a)),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"handleCheckbox",value:function(){this.setState((function(e){return{checkValid:!e.checkValid}}))}},{key:"render",value:function(){return s.a.createElement("div",null,s.a.createElement(Qt,null),s.a.createElement(N.a,{sm:"50",md:{size:8,offset:2},className:"text-justify"},s.a.createElement("p",{className:" text-center font-weight-bold ",style:{fontFamily:"Calibri",fontSize:"25px"}},"Termo de Consentimento Livre e Esclarecido"),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("p",{className:" text-justify font-weight-bold ",style:{fontFamily:"Calibri",fontSize:"20px"}},"Leia atentamente o formul\xe1rio de consentimento abaixo e comece a participar do estudo se voc\xea concorda com os termos."),s.a.createElement("br",null),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},"Voc\xea est\xe1 convidado a participar deste estudo que tem como objetivo investigar as funcionalidades de uma ferramenta que auxilia professores a monitorarem a intera\xe7\xe3o dos alunos com os recursos de aprendizagem e elementos de gamifica\xe7\xe3o de ambientes educacionais gamificados com o intuito de ajudar os professores a entender o n\xedvel de engajamento e aprendizagem dos alunos. Al\xe9m disso, a ferramenta possibilita que professores adaptem o design da gamifica\xe7\xe3o do sistema educacional atrav\xe9s da cria\xe7\xe3o e atribui\xe7\xe3o de miss\xf5es aos alunos que n\xe3o est\xe3o obtendo os resultado esperados. A ferramenta foi desenvolvida baseada no modelo de monitoramento e adapta\xe7\xe3o do design de gamifica\xe7\xe3o para professores, cujo o objetivo \xe9 evitar resultados negativos em rela\xe7\xe3o ao engajamento e aprendizagem dos estudantes em sistemas educacionais gamificados.  Um sistema educacional gamificado \xe9 um ambiente educacional que implementa elementos de jogos (ex: pontos, n\xedveis, ranking, trof\xe9us) com o intuito de motivar e engajar estudantes."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," T\xedtulo do Estudo: ")," Monitoramento e Adapta\xe7\xe3o do Design da Gamifica\xe7\xe3o de Ambientes Educacionais Gamificados por Professores."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," Pesquisadores: ")," Kamilla Ten\xf3rio (kktas@ic.ufal.br), Diego Dermeval (diego.matos@famed.ufal.br), Bruno Lemos (bruno.lemos.ec@gmail.com), Pedro Henrique (phbn@ic.ufal.br), Rodrigo Santos (rss3@ic.ufal.br)."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," Finalidade e Procedimento: "),"O objetivo desta pesquisa \xe9 investigar algumas funcionalidades de uma ferramenta para professores que os permitem monitorar a intera\xe7\xe3o da turma com o sistema educacional gamificado usado pelos estudantes atrav\xe9s de dashboards e adaptar o design da gamifica\xe7\xe3o atrav\xe9s de cria\xe7\xe3o e atribui\xe7\xe3o de miss\xe3o a alunos que n\xe3o est\xe3o progredindo como o esperado. Essas miss\xf5es t\xeam como objetivo motivar os estudantes desengajados a interagir com o sistema educacional gamificado para conseguir alcan\xe7ar os resultados de aprendizagem esperados. Para alcan\xe7ar isso, realizamos este estudo para entender como os professores percebem as decis\xf5es de projeto que fizemos usando a nossa ferramenta.  Sua participa\xe7\xe3o nesta pesquisa consistir\xe1 na realiza\xe7\xe3o das atividades seguintes:",s.a.createElement("li",{className:" text-justify "},"\xa0Primeiro, responder um question\xe1rio demogr\xe1fico, onde deve ser informado: G\xeanero, idade, n\xedvel educacional e \xe1rea de dom\xednio que leciona."),s.a.createElement("li",{className:" text-justify "},"\xa0Segundo, ler sobre o modelo de monitoramento e adapta\xe7\xe3o do design da gamifica\xe7\xe3o de ambientes educacionais para professores e assistir o v\xeddeo tutorial da ferramenta a qual  se baseia no modelo explicado anteriormente."),s.a.createElement("li",{className:" text-justify "},"\xa0Terceiro, interagir com a plataforma que possibilita o professor monitorar a intera\xe7\xe3o dos estudantes com os recursos de aprendizagem e elementos de jogos de um ambiente educacional gamificado atrav\xe9s do uso de dashboards e adaptar o design de gamifica\xe7\xe3o do ambiente educacional atrav\xe9s de atribui\xe7\xe3o de miss\xf5es com o objetivo de aumentar a motiva\xe7\xe3o e engajamento dos estudantes que n\xe3o est\xe3o progredindo como o esperado."),s.a.createElement("li",{className:" text-justify "},"\xa0Por \xfaltimo, responder a um question\xe1rio levando em considera\xe7\xe3o sua experi\xeancia durante a intera\xe7\xe3o com a ferramenta.")),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," Potenciais Benef\xedcios: ")," Os resultados do estudo podem contribuir para um melhor projeto desta ferramenta que poder\xe1 ser usado por professores com a finalidade de engajar estudantes a obter resultados positivos de aprendizagem atrav\xe9s da adapta\xe7\xe3o do design da gamifica\xe7\xe3o com atribui\xe7\xf5es de miss\xf5es quando os resultados esperados n\xe3o est\xe3o sendo alcan\xe7ados."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," Potenciais Riscos: ")," N\xe3o h\xe1 riscos conhecidos neste estudo."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," Confidencialidade: ")," Ao participar deste estudo, voc\xea reconhece e concorda que suas respostas e contribui\xe7\xf5es ser\xe3o registradas anonimamente para fins de an\xe1lise de dados mais confi\xe1veis."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," Dissemina\xe7\xe3o dos Resultados:  "),"Os resultados agregados deste estudo aparecer\xe3o em artigos publicados em confer\xeancias revisadas por pares ou revistas cient\xedficas nacionais e internacionais."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," Direito de Retirada: ")," A participa\xe7\xe3o neste estudo \xe9 volunt\xe1ria, e voc\xea pode decidir n\xe3o participar a qualquer momento. As respostas da pesquisa permanecer\xe3o an\xf4nimas. Uma vez que a pesquisa \xe9 an\xf4nima, quando \xe9 submetida, n\xe3o pode ser removida."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," D\xfavidas: ")," Se voc\xea tiver alguma d\xfavida sobre o estudo, n\xe3o hesite em perguntar a qualquer momento. Voc\xea tamb\xe9m est\xe1 livre para entrar em contato com os pesquisadores se voc\xea tiver d\xfavidas no futuro. Este estudo n\xe3o precisa ser submetido ao comit\xea de \xe9tica, pois ele est\xe1 avaliando apenas recursos para melhorar o software desenvolvido."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," Acompanhamento: ")," Se voc\xea tiver interesse em saber os resultados deste estudo, voc\xea pode contatar os pesquisadores usando as informa\xe7\xf5es de contato fornecidas acima."),s.a.createElement("p",{className:" text-justify ",style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("strong",null," Consentimento para Participar: ")," Ao preencher e submeter este question\xe1rio, o seu consentimento livre e esclarecido \xe9 impl\xedcito e indica que voc\xea entende as condi\xe7\xf5es acima de participa\xe7\xe3o neste estudo."),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement(Nt.a,{type:"checkbox",onChange:this.handleCheckbox}),"Declaro que compreendi os objetivos, riscos e benef\xedcios de minha participa\xe7\xe3o na pesquisa e que concordo em participar.",s.a.createElement("br",null),s.a.createElement("br",null),this.state.checkValid?s.a.createElement(c.b,{className:"text-dark",to:{pathname:"/demographicquest"}},s.a.createElement("center",null,s.a.createElement(xt.a,{color:"#C0B283",type:"submit"},"Continuar"))):s.a.createElement("center",null,s.a.createElement(xt.a,{disabled:!this.state.checkValid,color:"#C0B283",type:"submit"},"Continuar")),s.a.createElement("br",null)))}}]),t}(s.a.Component),Ft=a(47),Lt=a(294),_t=function(e){return s.a.createElement("div",{className:"form-group"},s.a.createElement("strong",null,s.a.createElement("label",{htmlFor:e.name,className:"form-label text-secondary",style:{fontSize:"20px"}},e.title)),"\xa0 \xa0 \xa0",s.a.createElement("b",{className:"text-danger"},"(Preenchimento obrigat\xf3rio)"),s.a.createElement("div",{className:"radio"},e.options.map((function(t){return s.a.createElement("div",{key:t},s.a.createElement("label",{style:{fontSize:"18px"},className:"checkbox-inline"},s.a.createElement("input",{className:"text-secondary",id:e.option,name:e.name,onChange:e.handleChange,value:t,checked:e.selectedOptions.indexOf(t)>-1,type:"radio"})," ",t))}))))},Rt=function(e){return s.a.createElement("div",{className:"form-group"},s.a.createElement("strong",null,s.a.createElement("label",{className:"form-label text-secondary",style:{fontSize:"20px"}},e.title)),"\xa0 \xa0 \xa0",s.a.createElement("b",{className:"text-danger"},"(Preenchimento obrigat\xf3rio)"),s.a.createElement("textarea",{style:{height:"50px",width:"40%",color:"black",fontWeight:"bold"},className:"form-control",name:e.name,rows:e.rows,cols:e.cols,value:e.value,onChange:e.handleChange,placeholder:e.placeholder}))},Tt=function(e){var t=e.formErrors;return s.a.createElement("div",{className:"formErrors"},Object.keys(t).map((function(e,a){return t[e].length>0?s.a.createElement("p",{key:a},e," ",t[e]):""})))},Ut=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={newUser:{age:"",gender:"",educationalLevel:"",studyDomain:""},redirect:!1,ageValid:!1,genderValid:!1,educationalLevelValid:!1,studyDomainValid:!1,formErrors:{name:"",studyDomain:"",age:"",educationalLevel:"",gender:""},formValid:!1,ageOptions:["Inferior a 18 anos","18 a 25 anos","26 a 40 anos","41 a 65 anos","Superior a 65 anos"],genderOptions:["Feminino","Masculino","Outros"],educationalLevelOptions:["Ensino M\xe9dio","Ensino T\xe9cnico","Ensino Superior","Mestrado","Doutorado"]},a.handleTextArea=a.handleTextArea.bind(Object(b.a)(a)),a.handleCheckBoxAge=a.handleCheckBoxAge.bind(Object(b.a)(a)),a.handleCheckBoxGender=a.handleCheckBoxGender.bind(Object(b.a)(a)),a.handleCheckBoxEducacationalLevel=a.handleCheckBoxEducacationalLevel.bind(Object(b.a)(a)),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"handleCheckBoxAge",value:function(e){var t=this,a=e.target.value;this.setState((function(e){return{newUser:Object(G.a)({},e.newUser,{age:a})}}),(function(){t.validateField("age",a)}))}},{key:"handleCheckBoxGender",value:function(e){var t=this,a=e.target.value;this.setState((function(e){return{newUser:Object(G.a)({},e.newUser,{gender:a})}}),(function(){t.validateField("gender",a)}))}},{key:"handleCheckBoxEducacationalLevel",value:function(e){var t=this,a=e.target.value;this.setState((function(e){return{newUser:Object(G.a)({},e.newUser,{educationalLevel:a})}}),(function(){t.validateField("educationalLevel",a)}))}},{key:"handleTextArea",value:function(e){var t=this,a=e.target.name,n=e.target.value;this.setState((function(e){return{newUser:Object(G.a)({},e.newUser,Object(Ft.a)({},a,n))}}),(function(){t.validateField(a,n)}))}},{key:"validateField",value:function(e,t){var a=this.state.formErrors,n=this.state.studyDomainValid,s=this.state.ageValid,r=this.state.genderValid,o=this.state.educationalLevelValid;switch(e){case"studyDomain":n=t.length>0,a.studyDomain=n?"":"notValid";break;case"age":s=t.length>0,a.age=s?"":"notValid";break;case"gender":r=t.length>0,a.gender=r?"":"notValid";break;case"educationalLevel":o=t.length>0,a.educationalLevel=o?"":"notValid"}this.setState({formErrors:a,studyDomainValid:n,ageValid:s,educationalLevelValid:o,genderValid:r},this.validateForm)}},{key:"validateForm",value:function(){this.setState({formValid:this.state.studyDomainValid&&this.state.educationalLevelValid&&this.state.ageValid&&this.state.genderValid})}},{key:"errorClass",value:function(e){return 0===e.length?"":"has-error"}},{key:"redirect",value:function(){localStorage.setItem("user",JSON.stringify(this.state.newUser)),this.setState({redirect:!0})}},{key:"render",value:function(){var e=this;return s.a.createElement("div",null,s.a.createElement(Qt,null),s.a.createElement(N.a,null,s.a.createElement("p",{className:" text-center font-weight-bold ",style:{fontFamily:"Calibri",fontSize:"25px"}}," Question\xe1rio Demogr\xe1fico ")," ",s.a.createElement("br",null),s.a.createElement(Lt.a,{className:"container"},s.a.createElement("div",{className:"panel panel-default"},s.a.createElement(Tt,{formErrors:this.state.formErrors})),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement(_t,{title:"Informe sua idade:",name:"age",options:this.state.ageOptions,selectedOptions:this.state.newUser.age,value:this.state.newUser.age,handleChange:this.handleCheckBoxAge}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement(_t,{title:"Selecione seu g\xeanero:",name:"gender",options:this.state.genderOptions,selectedOptions:this.state.newUser.gender,value:this.state.newUser.gender,handleChange:this.handleCheckBoxGender}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement(Rt,{title:"Informe qual n\xedvel educacional voc\xea leciona:",rows:1,name:"educationalLevel",value:this.state.newUser.educationalLevel,handleChange:this.handleCheckBoxEducacationalLevel}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("div",{className:"form-group ".concat(this.errorClass(this.state.formErrors.studyDomain))},s.a.createElement(Rt,{title:"Informe qual \xe1rea de dom\xednio voc\xea leciona:",rows:1,value:this.state.newUser.studyDomain,name:"studyDomain",handleChange:this.handleTextArea})),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement(N.a,{sm:{span:10,offset:5}},s.a.createElement(xt.a,{color:"#C0B283",disabled:!this.state.formValid,onClick:function(){return e.redirect()}},s.a.createElement("span",{className:"text-white"}," Pr\xf3xima Etapa ")),this.state.redirect?s.a.createElement(l.a,{to:{pathname:"/projectdescription"}}):s.a.createElement("div",null)))))}}]),t}(s.a.Component),Gt=function(e){return s.a.createElement("div",{className:"form-group"},s.a.createElement("strong",null,s.a.createElement("label",{className:"form-label text-secondary",style:{fontSize:"20px"}},e.title)),"\xa0 \xa0 \xa0",s.a.createElement("textarea",{style:{height:"100px",width:"100%",color:"black",fontWeight:"bold"},className:"form-control",name:e.name,rows:e.rows,cols:e.cols,value:e.value,onChange:e.handleChange,placeholder:e.placeholder}))},Pt=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={questionAnswers:{q1:"",q2:"",q3:"",q4:"",q5:"",q6:"",q7:"",q8:"",q9:"",q10:"",q11:"",q12:"",q13:"",q14:"",q15:"",q16:"",openQuestion1:"",openQuestion2:""},formErrors:{q1:"",q2:"",q3:"",q4:"",q5:"",q6:"",q7:"",q8:"",q9:"",q10:"",q11:"",q12:"",q13:"",q14:"",q15:"",q16:"",openQuestion1:"",openQuestion2:""},q1Valid:!1,q2Valid:!1,q3Valid:!1,q4Valid:!1,q5Valid:!1,q6Valid:!1,q7Valid:!1,q8Valid:!1,q9Valid:!1,q10Valid:!1,q11Valid:!1,q12Valid:!1,q13Valid:!1,q14Valid:!1,q15Valid:!1,q16Valid:!1,openQuestion1Valid:!0,openQuestion2Valid:!0,redirect:!1,formValid:!1,possibleOptions:["Discordo totalmente","Discordo","Discordo Parcialmente","Neutro","Concordo Parcialmente","Concordo","Concordo totalmente"],ratingOptions:["1","2","3","4","5","6","7","8","9"],user_package:{}},a.handleTextArea=a.handleTextArea.bind(Object(b.a)(a)),a.handleGenericCheckbox=a.handleGenericCheckbox.bind(Object(b.a)(a)),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"validateField",value:function(e,t){var a=this.state.formErrors,n=this.state.openQuestion1Valid,s=this.state.openQuestion2Valid,r=this.state.q1Valid,o=this.state.q2Valid,c=this.state.q3Valid,l=this.state.q4Valid,i=this.state.q5Valid,u=this.state.q6Valid,m=this.state.q7Valid,d=this.state.q8Valid,A=this.state.q9Valid,h=this.state.q10Valid,p=this.state.q11Valid,g=this.state.q12Valid,E=this.state.q13Valid,f=this.state.q14Valid,b=this.state.q15Valid,v=this.state.q16Valid;switch(e){case"openQuestion1":n=t.length>0,a.openAnswer1=n?"":"notValid";break;case"openQuestion2":s=t.length>0,a.openAnswer2=s?"":"notValid";break;case"q1":r=t.length>0,a.q1=r?"":"notValid";break;case"q2":o=t.length>0,a.q2=o?"":"notValid";break;case"q3":c=t.length>0,a.q3=c?"":"notValid";break;case"q4":l=t.length>0,a.q4=l?"":"notValid";break;case"q5":i=t.length>0,a.q5=i?"":"notValid";break;case"q6":u=t.length>0,a.q6=u?"":"notValid";break;case"q7":m=t.length>0,a.q7=m?"":"notValid";break;case"q8":d=t.length>0,a.q8=d?"":"notValid";break;case"q9":A=t.length>0,a.q9=A?"":"notValid";break;case"q10":h=t.length>0,a.q10=h?"":"notValid";break;case"q11":p=t.length>0,a.q11=p?"":"notValid";break;case"q12":g=t.length>0,a.q12=g?"":"notValid";break;case"q13":E=t.length>0,a.q13=E?"":"notValid";break;case"q14":f=t.length>0,a.q14=f?"":"notValid";break;case"q15":b=t.length>0,a.q15=b?"":"notValid";break;case"q16":v=t.length>0,a.q16=v?"":"notValid"}this.setState({formErrors:a,openQuestion1Valid:n,openQuestion2Valid:s,q1Valid:r,q2Valid:o,q3Valid:c,q4Valid:l,q5Valid:i,q6Valid:u,q7Valid:m,q8Valid:d,q9Valid:A,q10Valid:h,q11Valid:p,q12Valid:g,q13Valid:E,q14Valid:f,q15Valid:b,q16Valid:v},this.validateForm)}},{key:"handleTextArea",value:function(e){var t=this,a=e.target.name,n=e.target.value;this.setState((function(e){return{questionAnswers:Object(G.a)({},e.questionAnswers,Object(Ft.a)({},a,[n]))}}),(function(){t.validateField(a,n)}))}},{key:"errorClass",value:function(e){return 0===e.length?"":"has-error"}},{key:"handleGenericCheckbox",value:function(e){var t=this,a=e.target.name,n=e.target.value;this.setState((function(e){return{questionAnswers:Object(G.a)({},e.questionAnswers,Object(Ft.a)({},a,[n]))}}),(function(){t.validateField(a,n)}))}},{key:"validateForm",value:function(){this.setState({formValid:this.state.openQuestion1Valid&&this.state.openQuestion2Valid&&this.state.q1Valid&&this.state.q2Valid&&this.state.q3Valid&&this.state.q4Valid&&this.state.q5Valid&&this.state.q6Valid&&this.state.q7Valid&&this.state.q8Valid&&this.state.q9Valid&&this.state.q10Valid&&this.state.q11Valid&&this.state.q12Valid&&this.state.q13Valid&&this.state.q14Valid&&this.state.q15Valid&&this.state.q16Valid})}},{key:"redirect",value:function(){var e={user:JSON.parse(localStorage.getItem("user")),questionAnswers:this.state.questionAnswers};this.setState({user_package:e}),this.setState({redirect:!0});var t={name:e.user.name,age:e.user.age,gender:e.user.gender,studyDomain:e.user.studyDomain,educationalLevel:e.user.educationalLevel,q1:e.questionAnswers.q1.toString(),q2:e.questionAnswers.q2.toString(),q3:e.questionAnswers.q3.toString(),q4:e.questionAnswers.q4.toString(),q5:e.questionAnswers.q5.toString(),q6:e.questionAnswers.q6.toString(),q7:e.questionAnswers.q7.toString(),q8:e.questionAnswers.q8.toString(),q9:e.questionAnswers.q9.toString(),q10:e.questionAnswers.q10.toString(),q11:e.questionAnswers.q11.toString(),q12:e.questionAnswers.q12.toString(),q13:e.questionAnswers.q13.toString(),q14:e.questionAnswers.q14.toString(),q15:e.questionAnswers.q15.toString(),q16:e.questionAnswers.q16.toString(),openQuestion1:e.questionAnswers.openQuestion1.toString(),openQuestion2:e.questionAnswers.openQuestion2.toString()};localStorage.setItem("finalpackage",JSON.stringify(t))}},{key:"render",value:function(){var e=this;return s.a.createElement("div",null,s.a.createElement(Qt,null),s.a.createElement("p",{className:" text-center font-weight-bold ",style:{fontFamily:"Calibri",fontSize:"25px"}}," Question\xe1rio sobre a Ferramenta baseada no modelo de monitoramento e adapta\xe7\xe3o do design da gamifica\xe7\xe3o de ambientes educacionais para professores ")," ",s.a.createElement("br",null),s.a.createElement(Lt.a,{className:"container"},s.a.createElement(_t,{title:"Quest\xe3o 1: Usar a ferramenta melhora o meu desempenho em lidar com problemas de engajamento dos meus estudantes.",name:"q1",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q1,value:this.state.questionAnswers.q1,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 2: Usar a ferramenta aumenta minha produtividade.",name:"q2",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q2,value:this.state.questionAnswers.q2,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 3: A utiliza\xe7\xe3o da ferramenta aumenta minha efetividade no processo de  lidar com problemas de engajamento dos meus estudantes.",name:"q3",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q3,value:this.state.questionAnswers.q3,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 4: Eu constato que a ferramenta \xe9 \xfatil no processo de  lidar com problemas de engajamento dos meus estudantes.",name:"q4",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q4,value:this.state.questionAnswers.q4,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 5: A utiliza\xe7\xe3o da ferramenta foi clara e compreens\xedvel.",name:"q5",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q5,value:this.state.questionAnswers.q5,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 6: A intera\xe7\xe3o com a ferramenta n\xe3o requer muito do meu esfor\xe7o mental.",name:"q6",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q6,value:this.state.questionAnswers.q6,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 7: Eu constato que a ferramenta \xe9 f\xe1cil de usar.",name:"q7",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q7,value:this.state.questionAnswers.q7,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 8: Eu constato que \xe9 f\xe1cil interagir com a ferramenta para fazer o que eu quero.",name:"q8",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q8,value:this.state.questionAnswers.q8,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 9: Supondo que tenho acesso a ferramenta, pretendo us\xe1-la.",name:"q9",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q9,value:this.state.questionAnswers.q9,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 10: Dado que tenho acesso a ferramenta, prevejo que eu vou us\xe1-la.",name:"q10",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q10,value:this.state.questionAnswers.q10,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 11: No processo de lidar com problemas de engajamento dos meus estudantes, o uso  da ferramenta \xe9 importante.",name:"q11",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q11,value:this.state.questionAnswers.q11,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 12: No processo de lidar com problemas de engajamento dos meus estudantes, o uso  da ferramenta \xe9 relevante.",name:"q12",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q12,value:this.state.questionAnswers.q12,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 13: Eu constato que usar a ferramenta \xe9 agrad\xe1vel.",name:"q13",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q13,value:this.state.questionAnswers.q13,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 14: O processo atual de usar a  ferramenta \xe9 agrad\xe1vel.",name:"q14",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q14,value:this.state.questionAnswers.q14,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 15: Eu me diverti usando a  ferramenta \xe9 agrad\xe1vel.",name:"q15",options:this.state.possibleOptions,selectedOptions:this.state.questionAnswers.q15,value:this.state.questionAnswers.q15,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(_t,{title:"Quest\xe3o 16: Por favor, indique de 1 a 9, a credibilidade da ferramenta apresentada:",name:"q16",options:this.state.ratingOptions,selectedOptions:this.state.questionAnswers.q16,value:this.state.questionAnswers.q16,handleChange:this.handleGenericCheckbox}),s.a.createElement("br",null),s.a.createElement(Gt,{title:"Por favor, descreva aqui um ponto negativo sobre esta vers\xe3o da ferramenta.",rows:3,value:this.state.questionAnswers.openQuestion1,name:"openQuestion1",handleChange:this.handleTextArea}),s.a.createElement("br",null),s.a.createElement(Gt,{title:"Por favor, descreva aqui um ponto positivo sobre esta vers\xe3o da ferramenta.",rows:3,value:this.state.questionAnswers.openQuestion2,name:"openQuestion2",handleChange:this.handleTextArea}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("center",null,s.a.createElement(xt.a,{color:"#C0B283",disabled:!this.state.formValid,onClick:function(){return e.redirect()}}," Submeter "),this.state.redirect?s.a.createElement(l.a,{to:{pathname:"/thanks",state:this.state.user_package}}):s.a.createElement("div",null))))}}]),t}(s.a.Component),Vt=Object({NODE_ENV:"production",PUBLIC_URL:""}).REACT_APP_API_URL+"/course/createParticipant/"||!1,Yt=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={name:"",age:"",educationalLevel:"",studyDomain:"",gender:"",q1:"",q2:"",q3:"",q4:"",q5:"",q6:"",q7:"",q8:"",q9:"",q10:"",q11:"",q12:"",q13:"",q14:"",q15:"",q16:"",openQuestion1:"",openQuestion2:""},a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("finalpackage")),t=e.name,a=e.gender,n=e.educationalLevel,s=e.studyDomain,r={name:t,age:e.age,gender:a,educationalLevel:n,studyDomain:s,Q1:e.q1.toString(),Q2:e.q2.toString(),Q3:e.q3.toString(),Q4:e.q4.toString(),Q5:e.q5.toString(),Q6:e.q6.toString(),Q7:e.q7.toString(),Q8:e.q8.toString(),Q9:e.q9.toString(),Q10:e.q10.toString(),Q11:e.q11.toString(),Q12:e.q12.toString(),Q13:e.q13.toString(),Q14:e.q14.toString(),Q15:e.q15.toString(),Q16:e.q16.toString(),openQuestion1:e.openQuestion1.toString(),openQuestion2:e.openQuestion2.toString()};y.a.post(Vt,r).then((function(e){0===e.data.erro&&console.log("Ocorreu um erro inesperado")})).catch((function(e){return console.log(e)}))}},{key:"render",value:function(){return s.a.createElement("div",null,s.a.createElement(Qt,null),s.a.createElement("center",null,s.a.createElement("p",{style:{color:"#000000",fontSize:"22px"}},"Muito obrigada pela sua participa\xe7\xe3o!")))}}]),t}(s.a.Component),Jt=a(117),zt=a.n(Jt),Ht=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={name:"",gender:"",educationalLevel:"",age:"",studyDomain:"",redirect:!1},a.redirect=a.redirect.bind(Object(b.a)(a)),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"redirect",value:function(){var e=JSON.parse(localStorage.getItem("user")),t=e.name,a=e.gender,n=e.age,s=e.educationalLevel,r=e.studyDomain;this.setState({name:t,gender:a,age:n,educationalLevel:s,studyDomain:r}),this.setState({redirect:!0})}},{key:"render",value:function(){return s.a.createElement("div",null,s.a.createElement(Qt,null),s.a.createElement(N.a,{sm:"50",md:{size:8,offset:2},className:"text-justify"},s.a.createElement("p",{className:" text-center font-weight-bold ",style:{fontFamily:"Calibri",fontSize:"30px"}},"Modelo de Monitoramento e Adapta\xe7\xe3o do Design de Gamifica\xe7\xe3o para Professores"),s.a.createElement("br",null),s.a.createElement("p",{style:{fontFamily:"Calibri",fontSize:"20px"}},s.a.createElement("br",null),"O \u201cModelo de Monitoramento e Adapta\xe7\xe3o do Design de Gamifica\xe7\xe3o para Professores'' foi desenvolvido com o objetivo de aumentar a chance de obter resultados positivos em rela\xe7\xe3o ao engajamento e motiva\xe7\xe3o dos alunos durante o processo de aprendizagem em sistemas educacionais gamificados.",s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("strong",null,"Descrevendo o modelo: "),s.a.createElement("li",{className:" text-justify "},"\xa0",s.a.createElement("strong",null,"Defini\xe7\xe3o dos objetivos de intera\xe7\xe3o:")," No referido modelo, os professores definem metas que esperam que os alunos atinjam em um determinado per\xedodo de tempo. As metas de intera\xe7\xe3o podem ser representadas por dois elementos para cada t\xf3pico do curso: n\xfamero de intera\xe7\xe3o esperados que os alunos tenham com os recursos e tempo esperado que essas intera\xe7\xf5es ocorram. Os recursos s\xe3o os elementos dispon\xedveis no sistema educacacional que d\xe3o suporte \xe0 aprendizagem dos alunos (por exemplo: v\xeddeos, textos, question\xe1rios, f\xf3runs). Portanto, por exemplo, um objetivo de intera\xe7\xe3o configurado por um professor poderia ser: esperar que os alunos interajam com pelo menos 70% dos recursos educacionais dispon\xedveis no ambiente de aprendizagem gamificado relacionados a um t\xf3pico em 2 semanas."),s.a.createElement("li",{className:" text-justify "},"\xa0",s.a.createElement("strong",null,"Monitoramento da intera\xe7\xe3o dos alunos com os recursos:")," Nesta etapa, os professores podem visualizar a intera\xe7\xe3o dos alunos com os recursos dispon\xedveis no ambiente educacional gamificado e comparar se as intera\xe7\xf5es dos alunos est\xe3o como esperadas para atingir os objetivos de intera\xe7\xe3o definidas pelo professor. Os objetivos de intera\xe7\xe3o definidos anteriormente podem servir como m\xe9tricas durante o processo de aprendizagem para os professores na fase de monitoramento, porque eles s\xe3o capazes de avaliar se a classe/alunos est\xe1 longe ou n\xe3o de atingir os objetivos de intera\xe7\xe3o definidos."),s.a.createElement("li",{className:" text-justify "},"\xa0",s.a.createElement("strong",null,"Monitoramento da intera\xe7\xe3o dos alunos com elementos de gamifica\xe7\xe3o:")," Existem dois objetivos principais em mostrar a intera\xe7\xe3o dos alunos com os elementos de gamifica\xe7\xe3o para os professores. Primeiro, os professores podem visualizar as intera\xe7\xf5es dos alunos com os elementos do jogo implementados no sistema, aumentando a chance dos professores perceberem o impacto positivo da gamifica\xe7\xe3o e, portanto, motivando-se para o uso da gamifica\xe7\xe3o. Segundo, no modelo, a adapta\xe7\xe3o do design de gamifica\xe7\xe3o durante o processo de aprendizagem \xe9 realizada usando o elemento miss\xe3o de gamifica\xe7\xe3o, portanto, \xe9 necess\xe1rio que os professores possam visualizar quais miss\xf5es s\xe3o mais eficazes para motivar os alunos. Por meio dessas visualiza\xe7\xf5es, os professores podem ver quais miss\xf5es foram mais bem-sucedidas e atribuir miss\xf5es adequadamente ao longo do processo de aprendizado."),s.a.createElement("li",{className:" text-justify "},"\xa0",s.a.createElement("strong",null,"Adapta\xe7\xe3o do design de gamifica\xe7\xe3o por meio de miss\xf5es:")," Como explicado anteriormente, a adapta\xe7\xe3o do design de gamifica\xe7\xe3o no sistema educacional \xe9 feita por professores atrav\xe9s da atribui\xe7\xe3o de miss\xf5es, quando/se julgarem necess\xe1rio. Propomos o uso de miss\xf5es para adaptar o design da gamifica\xe7\xe3o durante o processo de aprendizagem, porque quando os professores percebem que as intera\xe7\xf5es dos alunos n\xe3o est\xe3o como as esperadas, eles podem atribuir miss\xf5es para motivar os alunos a interagir mais com os recursos educacionais dispon\xedveis no sistema e consequentemente atingir os objetivos de intera\xe7\xe3o definidos."),s.a.createElement("br",null),s.a.createElement("br",null),"A vis\xe3o geral do modelo proposto pode ser visto na Figura 1."),s.a.createElement("br",null),s.a.createElement("img",{src:zt.a,alt:"Modelo de Monitoramento e Adapta\xe7\xe3o do Design de Gamefica\xe7\xe3o para Professores"}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("center",null,s.a.createElement(xt.a,{color:"#C0B283",type:"button",onClick:this.redirect},"Prosseguir"),this.state.redirect?s.a.createElement(l.a,{to:{pathname:"/projecttutorial"}}):s.a.createElement("div",null)),s.a.createElement("br",null)))}}]),t}(s.a.Component),Kt=a(118),Xt=function(e){function t(e){var a;return Object(A.a)(this,t),(a=Object(p.a)(this,Object(g.a)(t).call(this,e))).state={user:{},redirect:!1},a.redirect=a.redirect.bind(Object(b.a)(a)),a._onReady=a._onReady.bind(Object(b.a)(a)),a}return Object(E.a)(t,e),Object(h.a)(t,[{key:"redirect",value:function(){this.setState({redirect:!0})}},{key:"_onReady",value:function(e){e.target.pauseVideo()}},{key:"render",value:function(){return s.a.createElement("div",null,s.a.createElement(Qt,null),s.a.createElement(N.a,{sm:"50",md:{size:8,offset:2},className:"text-justify"},s.a.createElement("p",{className:" text-center font-weight-bold ",style:{fontFamily:"Calibri",fontSize:"30px"}},"Tutorial da Ferramenta"),s.a.createElement("center",null,s.a.createElement("p",null,"Por favor, assista o seguinte v\xeddeo tutorial referente a utiliza\xe7\xe3o da ferramenta a qual se baseia no modelo explicado anteriormente.")),s.a.createElement("br",null),s.a.createElement("center",null,s.a.createElement(Kt.a,{videoId:"XBHYF8WC6Qk",opts:{height:"390",width:"640",playerVars:{autoplay:1}}})),s.a.createElement("br",null),s.a.createElement("center",null,s.a.createElement(xt.a,{color:"#C0B283",type:"button",onClick:this.redirect},"Visualizar Ferramenta"),this.state.redirect?s.a.createElement(l.a,{to:{pathname:"/admin/classes"}}):s.a.createElement("div",null)),s.a.createElement("br",null)))}}]),t}(s.a.Component);o.a.render(s.a.createElement(c.a,null,s.a.createElement(l.d,null,s.a.createElement(l.b,{exact:!0,path:"/",component:Mt}),s.a.createElement(l.b,{path:"/demographicquest",component:Ut}),s.a.createElement(l.b,{path:"/projectdescription",component:Ht}),s.a.createElement(l.b,{path:"/projecttutorial",component:Xt}),s.a.createElement(l.b,{path:"/admin",component:function(e){return s.a.createElement(Ot,e)}}),s.a.createElement(l.b,{path:"/admin/classes",component:function(e){return s.a.createElement(Ot,Object.assign({},e,{component:R}))}}),s.a.createElement(l.b,{path:"/admin/students",render:function(e){return s.a.createElement(Ot,Object.assign({},e,{component:U}))}}),s.a.createElement(l.b,{path:"/admin/classdashboard",render:function(e){return s.a.createElement(Ot,Object.assign({},e,{component:At}))}}),s.a.createElement(l.b,{path:"/admin/studentdashboard",render:function(e){return s.a.createElement(Ot,Object.assign({},e,{component:pt}))}}),s.a.createElement(l.b,{path:"/admin/missions",render:function(e){return s.a.createElement(Ot,Object.assign({},e,{component:gt}))}}),s.a.createElement(l.b,{path:"/finalquests",component:Pt}),s.a.createElement(l.b,{path:"/thanks",component:Yt}),s.a.createElement(l.a,{to:"/"}))),document.getElementById("root")),function(){if("serviceWorker"in navigator){if(new URL("",window.location).origin!==window.location.origin)return;window.addEventListener("load",(function(){var e="".concat("","/service-worker.js");i?(!function(e){fetch(e).then((function(t){404===t.status||-1===t.headers.get("content-type").indexOf("javascript")?navigator.serviceWorker.ready.then((function(e){e.unregister().then((function(){window.location.reload()}))})):u(e)})).catch((function(){console.log("No internet connection found. App is running in offline mode.")}))}(e),navigator.serviceWorker.ready.then((function(){console.log("This web app is being served cache-first by a service worker. To learn more, visit https://goo.gl/SC7cgQ")}))):u(e)}))}}()},50:function(e,t,a){e.exports=a.p+"static/media/green.5a86ebc0.png"},51:function(e,t,a){e.exports=a.p+"static/media/grey.b948cc29.png"},52:function(e,t){e.exports="data:image/png;base64,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"}},[[123,1,2]]]);
  //# sourceMappingURL=main.52b4de20.chunk.js.map