https://www.whiteboard.chat/static/js/69.a26a3e50.chunk.js

1(this.webpackJsonpcollaborate=this.webpackJsonpcollaborate||[]).push([[69],{2539:function(e,a,t){"use strict";t.r(a),t.d(a,"default",(function(){return z}));var r,o=t(2),n=t(11),i=t(0),l=t.n(i),c=t(298),s=t(313),d=t(398),u=t(1752),p=t(2427),m=t(406),f=t(888),g=t(297),b=t(89),h=t(4),x=t(231),v=t(8),y=t(378),E=t.n(y),C=t(71),w=t.n(C),j=t(280),O=t.n(j),F=(t(1042),t(615)),N=t(647),k=t(568),L=t(699),D=t(567),S=t(1340),R=t.n(S),B=t(1137),T=Object(c.a)({list:{},divList:{maxHeight:"50vh",overflow:"auto"},fullList:{width:"auto"},rightSide:{marginLeft:"auto"},small:{width:"0.7rem",height:"0.7rem"},threedots:{color:"#6B7280",position:"absolute",right:"0px",width:"24px",height:"32px",cursor:"pointer","&:hover":{color:"#6B7280",backgroundColor:"rgba(170, 173, 181, 0.28)",borderRadius:"999px",width:"24px",height:"32px"}},drawer:{backgroundColor:"white",display:"flex",height:"auto",flexDirection:"column",border:"1px solid #E5E5E5",borderRadius:"4px",width:"550px !important",maxHeight:"70vh",zIndex:105,color:"#ffffff"},dots:{color:"#7D8FB6",position:"relative",top:"-5px","&:hover":{color:"#3174F5",cursor:"move"}},listItemText:{fontSize:"14px",fontFamily:"Poppins",fontWeight:"normal",textTransform:"capitalize",color:"#2F3D5B"},toolbar:{display:"flex",alignItems:"center",justifyContent:"flex-end",color:"#ffffff"},text1:{height:40,background:"#FFFFFF",border:"1px solid #E0E5E7",boxSizing:"border-box",boxShadow:"0px 1px 2px rgba(0, 35, 61, 0.04)",borderRadius:"999px"},iconButton:{color:"#ffffff"},inviteButton1:{border:"1px solid #C8CEDA",boxSizing:"border-box",boxShadow:"0px 1px 2px rgba(0, 35, 61, 0.04)",margin:"10px 13px",padding:"9px 20px",height:"32px",width:"198px",fontSize:"12px",fontFamily:"Lato",fontWeight:"normal",textTransform:"none",display:"flex",justifyContent:"space-around",borderRadius:"999px",color:"#FFFFFF","&:hover":{color:"#2F3D5B",backgroundColor:"#FFFFFF"}},inviteButton:{margin:"10px 13px",padding:"9px 20px",height:"32px",width:"198px",fontSize:"12px",fontFamily:"Lato",fontWeight:"normal",textTransform:"none",display:"flex",justifyContent:"space-around",borderRadius:"999px",border:"1px solid #C8CEDA",boxShadow:"0px 1px 20px rgba(13, 20, 22, 0.1), 0px 0px 8px 2px rgba(13, 20, 22, 0.02)",color:"#ffffff","&:hover":{color:"#2F3D5B",backgroundColor:"#FFFFFF"}},draggableTopHandle:{display:"flex",flexDirection:"column"},arrowUp:{position:"absolute",top:"6px",right:"52px",color:"#7D8FB6",cursor:"pointer","&:hover":{color:"blue"}},arrowDown:{position:"absolute",top:"15px",right:"52px",color:"#7D8FB6",cursor:"pointer","&:hover":{color:"blue"}},dialog:{width:"250px",height:"65px",backgroundColor:"#FFFFFF"},dialogText:{textAlign:"center"},okButton:{backgroundColor:"#3174F5",margin:"0px 20px",height:"38px",width:"80px",fontSize:"14px",fontFamily:"Lato",fontWeight:"normal",textTransform:"none",display:"flex",justifyContent:"space-around",borderRadius:"999px",border:"1px solid #C8CEDA",color:"#ffffff","&:hover":{color:"#2F3D5B"}}});function z(e){var a=T(),t=Object(b.d)((function(e){return e.gradingWalker})),i=Object(b.d)((function(e){return e.allEvents})),c=l.a.useState({}),y=Object(n.a)(c,2),C=y[0],j=y[1],S=l.a.useState([]),z=Object(n.a)(S,2),A=z[0],H=z[1],I=l.a.useState({}),G=Object(n.a)(I,2),W=G[0],U=G[1],M=window.innerWidth-650,P=l.a.useState({x:M,y:150}),J=Object(n.a)(P,2),$=J[0],X=J[1],Y=Object(b.c)(),q=l.a.useState(""),K=Object(n.a)(q,2),Q=K[0],V=K[1],Z=l.a.useState({text:"",hideLabels:[],showLabels:[]}),_=Object(n.a)(Z,2),ee=_[0],ae=_[1];function te(e,a){"show"===e&&ae((function(e){return Object(o.a)(Object(o.a)({},e),{},{showLabels:a})})),"hide"===e&&ae((function(e){return Object(o.a)(Object(o.a)({},e),{},{hideLabels:a})}))}function re(e){V(e),r&&(clearTimeout(r),r=null),r=setTimeout((function(){ae((function(a){return Object(o.a)(Object(o.a)({},a),{},{text:e})}))}),800)}function oe(e,a){var t=!1;

1return e.Labels&&a.forEach((function(a){e.Labels.forEach((function(e){e===a&&(t=!0)}))})),t}return l.a.useEffect((function(){if(C){var e=Object.values(C);e.sort((function(e,a){var t=a.name.toUpperCase(),r=e.name.toUpperCase();return t<r?1:t>r?-1:t===r?e.pageNumber-a.pageNumber:0}));for(var t=[],r=0;r<e.length;r++){var o=e[r];if(W[o.CreatorLocalID]){var n=W[o.CreatorLocalID],i="white"===n.color||n.color&&"#FFFFFF"===n.color.toUpperCase()?"black":"white";o.username=n.name,o.avatar=l.a.createElement(l.a.Fragment,null,l.a.createElement(u.a,null,l.a.createElement(p.a,{className:a.small,key:n.id,src:n.avatar,style:{color:i,backgroundColor:n.color,height:"24px",width:"24px"}},n.name[0].toUpperCase())),l.a.createElement(d.a,{classes:{primary:a.listItemText},primary:n.name,secondary:n.email}))}else o.username=o.name,o.avatar=l.a.createElement(d.a,{classes:{primary:a.listItemText},primary:o.name});o.label=l.a.createElement(B.a,{noControls:!0,sess:o});var c=o.boardConfig,s=JSON.parse(c);if(o.autoGrade=s.autoGrade?"#9ACA40":"#00000020",o.manualGrade=s.manualGrade?"#9ACA40":"#00000020",ee.showLabels&&ee.showLabels.length>0)if(!oe(s,ee.showLabels))continue;if(ee.hideLabels&&ee.hideLabels.length>0)if(oe(s,ee.hideLabels))continue;if(ee.text&&ee.text.length>0)if("continue"===function(){var e=ee.text.toLowerCase(),a=o.username.toLowerCase(),t=[e];e.includes(",")&&(t=e.split(","));var r=!1;if(t.forEach((function(e){a.includes(e)&&(r=!0)})),!r)return"continue"}())continue;o.cdate=x.Ab(new Date(o.createdAt)),t.push(o)}H(t)}}),[C,W,ee]),l.a.useEffect((function(){var a,r,l,c;if(!t.open)return a&&a.unsubscribe(),r&&r.unsubscribe(),l&&l.unsubscribe(),a=null,r=null,void(l=null);if(i.events&&i.events.length>0&&(c={},i.events.forEach((function(e){"LockClass"===e.type&&e.Content&&e.Content.creator&&(c[e.Content.creator]=e)}))),e&&e.sess&&e.sess.Classroom){x.w({ClassroomID:e.sess.Classroom,cb:function(e){for(var a={},t=0;t<e.length;t++){var r=e[t],n=r.id.split("-CL-");if(r.CurrentUser){var i=JSON.parse(r.CurrentUser.content),l=n[0],s=!(!c||!c[l]),d=v.b("mystoreID");a[l]={name:x.Id(r.CurrentUser.name,10),avatar:r.CurrentUser.avatar,id:r.id,localID:l,creator:l===d,color:i.color,locked:s}}}U((function(e){return Object(o.a)(Object(o.a)({},e),a)}))},delCB:function(e){},doList:!0,subCB:function(e){var t=Object(n.a)(e,2);a=t[0],r=t[1]}}),x.o({Classroom:e.sess.Classroom,cb:function(e){var a={};e.forEach((function(e){e.Classroom!==e.parentID&&(a[e.id]=e)})),j((function(e){return Object(o.a)(Object(o.a)({},e),a)}))},doList:!0,subCB:function(e){l=e}})}return function(){a&&a.unsubscribe(),r&&r.unsubscribe(),l&&l.unsubscribe(),l=null,a=null,r=null}}),[e,e.sess,t,i]),l.a.createElement(l.a.Fragment,null,t.open&&l.a.createElement(O.a,{handle:"strong",onDrag:function(e,a){a.y<100||a.y>window.innerHeight-60||a.x<50||a.x>window.innerWidth-260||X((function(e){return{x:e.x+a.deltaX,y:e.y+a.deltaY}}))},onStop:function(e,a){},position:$,defaultClassName:"draggable-color",defaultClassNameDragging:"draggable2-color",defaultClassNameDragged:"draggable3-color"},l.a.createElement("div",{className:a.drawer},l.a.createElement("strong",{className:a.draggableTopHandle},l.a.createElement("div",{className:"headerDots"},l.a.createElement(E.a,{className:a.dots}))),l.a.createElement("div",{className:"participantHeader"},l.a.createElement("span",{style:{paddingLeft:"16px"}}," Grading Report "),l.a.createElement(w.a,{onClick:function(){Y(h.bc(Object(o.a)(Object(o.a)({},t),{},{open:!1})))},style:{backgroundColor:"#E9EBF0",borderRadius:"10px",marginRight:"10px"}})),l.a.createElement("div",{className:"drawerFilter"},l.a.createElement("div",{className:"allGridFilter"},l.a.createElement("div",{className:"searchGrid2"},l.a.createElement(m.a,{id:"gridSearch",value:Q,placeholder:"Search names - comma separated",onChange:function(e){re(e.target.value)},onPaste:function(e){e.preventDefault(),re(e.clipboardData.getData("text/plain"))},className:"Searchlato10px",fullWidth:!0})),l.a.createElement(f.a,{light:!0,orientation:"vertical",flexItem:!0,style:{marginLeft:"10px",marginRight:"10px"}}),l.a.createElement(s.a,{className:"lato10px"},"Show Boards:"),l.a.createElement(B.a,{cb:function(e){return te("show",e)}}),l.a.createElement(f.a,{light:!0,orientation:"vertical",flexItem:!0,style:{marginLeft:"10px",marginRight:"10px"}}),l.a.createElement(s.a,{className:"lato10px"},"Hide Boards:"),l.a.createElement(B.a,{cb:function(e){return te("hide",e)}}))),l.a.createElement("div",{className:a.divList},l.a.createElement(F.a,{className:a.table},l.a.createElement(L.a,null,l.a.createElement(D.a,null,l.a.createElement(k.a,null,"Name"),l.a.createElement(k.a,{align:"right"},"Page"),l.a.createElement(k.a,{align:"right"},"Auto Grade"),l.a.createElement(k.a,{align:"right"},"Manual Grade"),l.a.createElement(k.a,{align:"right"},"Created"),l.a.createElement(k.a,{align:"right"},"Label"))),l.a.createElement(N.a,null,A.map((function(a){return l.a.createElement(D.a,{key:a.id,className:"tableHead",onClick:function(){return t=a,void e.history.push("/board/"+t.id);var t}},l.a.createElement(k.a,{component:"th",scope:"row"},a.avatar),l.a.createElement(k.a,{align:"right"},a.pageNumber),l.a.createElement(k.a,{align:"right"},l.a.createElement(R.a,{style:{color:a.autoGrade}})),l.a.createElement(k.a,{align:"right"},l.a.createElement(R.a,{style:{color:a.manualGrade}})),l.a.createElement(k.a,{align:"right"},a.cdate),l.a.createElement(k.a,{align:"right"},a.label))}))))),l.a.createElement("div",{className:"gradeDownload"},l.a.createElement(g.a,{className:a.inviteButton,style:{backgroundColor:e.inkColor},onClick:function(){x.Rb(e.sess.Classroom)}},"Download Report")))))}},278:function(e,a,t){"use strict";var r=t(0),o=r.createContext();a.a=o},315:function(e,a,t){"use strict";var r=t(0),o=r.createContext();a.a=o},567:function(e,a,t){"use strict";var r=t(3),o=t(7),n=t(0),i=(t(5),t(22)),l=t(24),c=t(278),s=t(30),d=n.forwardRef((function(e,a){var t=e.classes,l=e.className,s=e.component,d=void 0===s?"tr":s,u=e.hover,p=void 0!==u&&u,m=e.selected,f=void 0!==m&&m,g

1=Object(o.a)(e,["classes","className","component","hover","selected"]),b=n.useContext(c.a);return n.createElement(d,Object(r.a)({ref:a,className:Object(i.a)(t.root,l,b&&{head:t.head,footer:t.footer}[b.variant],p&&t.hover,f&&t.selected),role:"tr"===d?null:"row"},g))}));a.a=Object(l.a)((function(e){return{root:{color:"inherit",display:"table-row",verticalAlign:"middle",outline:0,"&$hover:hover":{backgroundColor:e.palette.action.hover},"&$selected, &$selected:hover":{backgroundColor:Object(s.d)(e.palette.secondary.main,e.palette.action.selectedOpacity)}},selected:{},hover:{},head:{},footer:{}}}),{name:"MuiTableRow"})(d)},568:function(e,a,t){"use strict";var r=t(7),o=t(3),n=t(0),i=(t(5),t(22)),l=t(24),c=t(25),s=t(30),d=t(315),u=t(278),p=n.forwardRef((function(e,a){var t,l,s=e.align,p=void 0===s?"inherit":s,m=e.classes,f=e.className,g=e.component,b=e.padding,h=e.scope,x=e.size,v=e.sortDirection,y=e.variant,E=Object(r.a)(e,["align","classes","className","component","padding","scope","size","sortDirection","variant"]),C=n.useContext(d.a),w=n.useContext(u.a),j=w&&"head"===w.variant;g?(l=g,t=j?"columnheader":"cell"):l=j?"th":"td";var O=h;!O&&j&&(O="col");var F=b||(C&&C.padding?C.padding:"default"),N=x||(C&&C.size?C.size:"medium"),k=y||w&&w.variant,L=null;return v&&(L="asc"===v?"ascending":"descending"),n.createElement(l,Object(o.a)({ref:a,className:Object(i.a)(m.root,m[k],f,"inherit"!==p&&m["align".concat(Object(c.a)(p))],"default"!==F&&m["padding".concat(Object(c.a)(F))],"medium"!==N&&m["size".concat(Object(c.a)(N))],"head"===k&&C&&C.stickyHeader&&m.stickyHeader),"aria-sort":L,role:t,scope:O},E))}));a.a=Object(l.a)((function(e){return{root:Object(o.a)({},e.typography.body2,{display:"table-cell",verticalAlign:"inherit",borderBottom:"1px solid\n    ".concat("light"===e.palette.type?Object(s.i)(Object(s.d)(e.palette.divider,1),.88):Object(s.a)(Object(s.d)(e.palette.divider,1),.68)),textAlign:"left",padding:16}),head:{color:e.palette.text.primary,lineHeight:e.typography.pxToRem(24),fontWeight:e.typography.fontWeightMedium},body:{color:e.palette.text.primary},footer:{color:e.palette.text.secondary,lineHeight:e.typography.pxToRem(21),fontSize:e.typography.pxToRem(12)},sizeSmall:{padding:"6px 24px 6px 16px","&:last-child":{paddingRight:16},"&$paddingCheckbox":{width:24,padding:"0 12px 0 16px","&:last-child":{paddingLeft:12,paddingRight:16},"& > *":{padding:0}}},paddingCheckbox:{width:48,padding:"0 0 0 4px","&:last-child":{paddingLeft:0,paddingRight:4}},paddingNone:{padding:0,"&:last-child":{padding:0}},alignLeft:{textAlign:"left"},alignCenter:{textAlign:"center"},alignRight:{textAlign:"right",flexDirection:"row-reverse"},alignJustify:{textAlign:"justify"},stickyHeader:{position:"sticky",top:0,left:0,zIndex:2,backgroundColor:e.palette.background.default}}}),{name:"MuiTableCell"})(p)},615:function(e,a,t){"use strict";var r=t(7),o=t(3),n=t(0),i=(t(5),t(22)),l=t(24),c=t(315),s=n.forwardRef((function(e,a){var t=e.classes,l=e.className,s=e.component,d=void 0===s?"table":s,u=e.padding,p=void 0===u?"default":u,m=e.size,f=void 0===m?"medium":m,g=e.stickyHeader,b=void 0!==g&&g,h=Object(r.a)(e,["classes","className","component","padding","size","stickyHeader"]),x=n.useMemo((function(){return{padding:p,size:f,stickyHeader:b}}),[p,f,b]);return n.createElement(c.a.Provider,{value:x},n.createElement(d,Object(o.a)({role:"table"===d?null:"table",ref:a,className:Object(i.a)(t.root,l,b&&t.stickyHeader)},h)))}));a.a=Object(l.a)((function(e){return{root:{display:"table",width:"100%",borderCollapse:"collapse",borderSpacing:0,"& caption":Object(o.a)({},e.typography.body2,{padding:e.spacing(2),color:e.palette.text.secondary,textAlign:"left",captionSide:"bottom"})},stickyHeader:{borderCollapse:"separate"}}}),{name:"MuiTable"})(s)},647:function(e,a,t){"use strict";var r=t(3),o=t(7),n=t(0),i=(t(5),t(22)),l=t(24),c=t(278),s={variant:"body"},d=n.forwardRef((function(e,a){var t=e.classes,l=e.className,d=e.component,u=void 0===d?"tbody":d,p=Object(o.a)(e,["classes","className","component"]);return n.createElement(c.a.Provider,{value:s},n.createElement(u,Object(r.a)({className:Object(i.a)(t.root,l),ref:a,role:"tbody"===u?null:"rowgroup"},p)))}));a.a=Object(l.a)({root:{display:"table-row-group"}},{name:"MuiTableBody"})(d)},699:function(e,a,t){"use strict";var r=t(3),o=t(7),n=t(0),i=(t(5),t(22)),l=t(24),c=t(278),s={variant:"head"},d=n.forwardRef((function(e,a){var t=e.classes,l=e.className,d=e.component,u=void 0===d?"thead":d,p=Object(o.a)(e,["classes","className","component"]);return n.createElement(c.a.Provider,{value:s},n.createElement(u,Object(r.a)({className:Object(i.a)(t.root,l),ref:a,role:"thead"===u?null:"rowgroup"},p)))}));a.a=Object(l.a)({root:{display:"table-header-group"}},{name:"MuiTableHead"})(d)}}]);