https://fossilsketch.org/_next/static/chunks/pages/instructor/select_content-46bd4236987e473e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5769],{1517:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/instructor/select_content",function(){return n(9792)}])},7444:function(e,t,n){"use strict";var l=n(2322),s=(n(2784),n(9094)),a=n(6577),r=n.n(a);t.Z=function(e){var t=e.width,n=void 0===t?400:t,a=e.height,o=void 0===a?140:a,i=e.link,c=void 0===i?"/":i;return(0,l.jsx)(s.M,{children:(0,l.jsx)("a",{href:c,children:(0,l.jsx)(r(),{src:"/logos/logo.png",alt:"FossilSketch logo",width:n,height:o})})})}},2468:function(e,t,n){"use strict";var l=n(930),s=n(2322),a=n(2784),r=n(2589),o=n(2927),i=n.n(o),c=n(5117),_=n(8855),d=n(7973);t.Z=function(e){var t=e.classHandler,n=e.joinClassHandler,o=(0,a.useContext)(d.Z),u=(0,a.useState)([]),h=u[0],m=u[1];return r.S.useQuery(["classroom.getClasses"],{onSuccess:function(e){m(e.map((function(e){return{value:e.id,label:e.name}}))),!o.currentClass&&e.length>0&&(o.setCurrentClass(e[0].id),t(e[0].id))}}),(0,a.useEffect)((function(){0==o.role&&h.length>0&&!h.some((function(e){return"-1"===e.value}))&&m((function(e){return(0,l.Z)(e).concat([{value:"-1",label:"+ Join New Class"}])}))}),[h]),(0,s.jsx)("div",{children:h.length>0&&(0,s.jsxs)("div",{className:i().select_class_container,children:[(0,s.jsx)(c.x,{className:i().select_class_text,children:"SELECTED CLASS:"}),(0,s.jsx)(_.Ph,{placeholder:"Select Class",value:o.currentClass,onChange:function(e){"-1"==e?n():(o.setCurrentClass(e),t(e))},data:h,radius:"xl",size:"md",classNames:{input:i().select_input,dropdown:i().select_dropdown,item:i().select_item}})]})})}},1783:function(e,t,n){"use strict";var l=n(2322),s=n(2784),a=n(7001),r=n(4736),o=n(7973),i=n(7648),c=n(5092),_=n(3341),d=n(8454),u=n(2183),h=n(5166),m=n(8890),f=n(7444),b=n(4621),p=n.n(b),v=n(9097),x=n.n(v),g=n(5632),j=[{path:"/home",text:"Home",icon:i.Z,visibleTo:[0,1,2]},{path:"/database",text:"Database",icon:c.Z,visibleTo:[0,1,2]},{path:"/progress",text:"Progress",icon:_.Z,visibleTo:[0]}],w=[{path:"/instructor/student_stats",text:"Student Statistics",icon:d.Z,visibleTo:[1,2]},{path:"/instructor/game_builder",text:"Game Builder",icon:u.Z,visibleTo:[2]},{path:"/instructor/new_fossil",text:"New Microfossil",icon:d.Z,visibleTo:[1,2]},{path:"/instructor/new_class",text:"New Class",icon:d.Z,visibleTo:[1,2]},{path:"/instructor/game_builder?tab=matching",text:"Matching Games",icon:d.Z,visibleTo:[2]},{path:"/instructor/add_instructor",text:"Add Instructor",icon:d.Z,visibleTo:[2]},{path:"/instructor/select_content",text:"Select Content",icon:d.Z,visibleTo:[1,2]}];t.Z=function(e){var t=e.handleLogout,n=(0,g.useRouter)(),i=(0,s.useContext)(o.Z),c=i.role,_=i.currentClass,d=i.setRole,u=(0,s.useState)(null!==c&&void 0!==c?c:-1),b=u[0],v=u[1];(0,s.useEffect)((function(){var e=localStorage.getItem("role");if(null!==e){var t=parseInt(e,10);if(!Number.isNaN(t))return v(t),void d(t)}void 0!==c&&null!==c&&c>=0&&v(c)}),[c,d]);var y=(0,s.useState)(!1),N=y[0],k=y[1],S=function(e){var t=e.split("?")[0];return n.pathname===t?"".concat(p().link_icon," ").concat(p().active):p().link_icon},C=function(e){var t=e.split("?")[0];return n.pathname===t?"".concat(p().link," ").concat(p().active):p().link};return(0,l.jsxs)("div",{children:[(0,l.jsxs)(a.d,{opened:N,onClose:function(){return k(!1)},size:"md",padding:"xl",overlayOpacity:.3,classNames:{drawer:p().drawer},children:[(0,l.jsx)("div",{className:p().logo,children:(0,l.jsx)(f.Z,{width:270,height:100,link:"/home"})}),j.map((function(e){return e.visibleTo.includes(b)&&(0,l.jsxs)("div",{className:p().link_container,children:[(0,l.jsx)(e.icon,{className:S(e.path)}),(0,l.jsx)(x(),{href:e.path,children:(0,l.jsx)("a",{className:C(e.path),children:e.text})})]},e.path)})),b>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:p().link_container,children:[(0,l.jsx)(h.Z,{className:p().link_icon}),(0,l.jsx)("div",{className:p().link,style:{cursor:"default"},children:"Manage"})]}),(0,l.jsx)("div",{className:p().instructor_container,children:w.filter((function(e){return"/instru

1ctor/add_instructor"!==e.path||"47"!==_&&"48"!==_})).map((function(e){return e.visibleTo.includes(b)&&(0,l.jsxs)("div",{className:"".concat(p().link_container," ").concat(p().manage_link),children:[(0,l.jsx)(e.icon,{className:S(e.path)}),(0,l.jsx)(x(),{href:e.path,children:(0,l.jsx)("a",{className:C(e.path),children:e.text})})]},e.path)}))})]}),(0,l.jsxs)("div",{className:p().link_container,children:[(0,l.jsx)(m.Z,{className:p().link_icon}),(0,l.jsx)("a",{className:p().link,onClick:function(){return t()},children:"Logout"})]})]}),(0,l.jsx)(r.k,{onClick:function(){return k(!0)},children:(0,l.jsx)("div",{className:p().toggle_menu})})]})}},9792:function(e,t,n){"use strict";n.r(t);var l=n(2322),s=n(2784),a=n(1783),r=n(2468),o=n(7973),i=n(1552),c=n.n(i),_=n(1141),d=n(966),u=n(6930),h=n(4403),m=(0,s.lazy)((function(){return Promise.all([n.e(4185),n.e(9341),n.e(1055),n.e(8054)]).then(n.bind(n,8054))})),f=(0,s.lazy)((function(){return Promise.all([n.e(8238),n.e(5673),n.e(7394)]).then(n.bind(n,7394))}));t.default=function(e){var t=e.handleLogout,n=(0,s.useContext)(o.Z),i=!(0,u.gh)(n.currentClass,n.role),b=(0,s.useState)("Select Modules"),p=b[0],v=b[1],x=(0,s.useState)(new Set(["Select Modules"])),g=x[0],j=x[1];return(0,l.jsxs)("div",{className:c().background,children:[(0,l.jsx)(a.Z,{handleLogout:t}),(0,l.jsx)(r.Z,{classHandler:function(e){return n.setCurrentClass(e)}}),(0,l.jsxs)("div",{className:c().container,children:[i&&(0,l.jsx)(h.b,{color:"yellow",mb:"md",title:"View only",children:"Test Class is shared by all instructors. You can explore it, but only super-instructors can change its videos, games, or fossils. Create your own class to customize content for your students."}),(0,l.jsxs)(_.m,{value:p,onTabChange:function(e){v(e),j((function(t){return new Set(t).add(e)}))},variant:"pills",children:[(0,l.jsx)(_.m.List,{children:["Select Modules","Select Foraminifera","Select Ostracods","Select Morphotypes"].map((function(e){return(0,l.jsx)(_.m.Tab,{className:c().tab,value:e,children:e},e)}))}),(0,l.jsx)(_.m.Panel,{className:c().tab_panel,style:{maxHeight:"82vh",overflow:"auto"},value:"Select Modules",children:g.has("Select Modules")&&(0,l.jsx)(s.Suspense,{fallback:(0,l.jsx)("div",{className:c().loader_container,children:(0,l.jsx)(d.a,{})}),children:(0,l.jsx)(m,{readOnly:i})})}),(0,l.jsx)(_.m.Panel,{className:c().tab_panel,value:"Select Foraminifera",children:g.has("Select Foraminifera")&&(0,l.jsx)(s.Suspense,{fallback:(0,l.jsx)("div",{className:c().loader_container,children:(0,l.jsx)(d.a,{})}),children:(0,l.jsx)(f,{fossilType:u.C2,readOnly:i})})}),(0,l.jsx)(_.m.Panel,{className:c().tab_panel,value:"Select Ostracods",children:g.has("Select Ostracods")&&(0,l.jsx)(s.Suspense,{fallback:(0,l.jsx)("div",{className:c().loader_container,children:(0,l.jsx)(d.a,{})}),children:(0,l.jsx)(f,{fossilType:u.zf,readOnly:i})})}),(0,l.jsx)(_.m.Panel,{className:c().tab_panel,value:"Select Morphotypes",children:g.has("Select Morphotypes")&&(0,l.jsx)(s.Suspense,{fallback:(0,l.jsx)("div",{className:c().loader_container,children:(0,l.jsx)(d.a,{})}),children:(0,l.jsx)(f,{fossilType:u.mv,readOnly:i})})})]})]})]})}},2927:function(e){e.exports={select_class_container:"select_classroom_select_class_container__X3OUR",select_class_text:"select_classroom_select_class_text__AyYWR"}},1552:function(e){e.exports={background:"select_content_background__eEKBw",container:"select_content_container__vhJM1",tab:"select_content_tab__Zfpsm",tab_panel:"select_content_tab_panel__9dIfX",modal_title:"select_content_modal_title__x7G1d",link:"select_content_link__cohxp",grid:"select_content_grid__E3SD2",search_filter_container:"select_content_search_filter_container__ctc4K",search_container:"select_content_search_container__hji8J",search_filter_label:"select_content_search_filter_label__O9Tr1",filter_container:"select_content_filter_container__68cQ6",radio_select_label:"select_content_radio_select_label__xxha6",sort_label:"select_content_sort_label__GCa_4",bulk_select_button:"select_content_bulk_select_button__36nBd",deselect_all_button:"select_content_deselect_all_button__EpvQ4",favorite_button:"select_content_favorite_button__fFQ_c",table_container:"select_content_table_container__8_eWR",table:"select_content_table__Cl_3m",loader_container:"select_content_loader_container__iMehb",module_row:"select_content_module_row__0mA_k",module_title:"select_content_module_title__P7HdH",module_description:"select_content_module_description__EvgTD",select_component_switch:"select_content_select_component_switch__FCgMf",submodule_row:"select_content_submodule_row__5ghHw",submodule:"select_content_submodule__YNJvE"}},4621:function(e){e.exports={drawer:"sidebar_drawer__KpNLV",logo:"sidebar_logo__3EwEr",link_container:"sidebar_link_container__pZwwX",link_icon:"sidebar_link_icon___D4fO",active:"sidebar_active__zubOB",link:"sidebar_link__gXfrl",instructor_container:"sidebar_instructor_container__K4glu",manage_link:"sidebar_manage_link__MXySh",toggle_menu:"sidebar_toggle_menu__dg0Az"}},4403:function(e,t,n){"use strict";n.d(t,{b:function(){return S}});var l=n(2784),s=n(4761),a=n(6289),r=n(6817),o=Object.defineProperty,i=Object.defineProperties,c=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,h=(e,t,n)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,m=(e,t)=>

1{for(var n in t||(t={}))d.call(t,n)&&h(e,n,t[n]);if(_)for(var n of _(t))u.call(t,n)&&h(e,n,t[n]);return e},f=(e,t)=>i(e,c(t));function b({variant:e,color:t,theme:n}){if("filled"===e){return{backgroundColor:n.fn.variant({variant:"filled",color:t}).background,color:n.white}}if("outline"===e){const e=n.fn.variant({variant:"outline",color:t});return{color:e.color,borderColor:e.border,backgroundColor:"dark"===n.colorScheme?n.colors.dark[6]:n.white}}const l=n.fn.variant({variant:"light",color:t});return{backgroundColor:l.background,color:l.color}}var p=(0,r.k)(((e,{color:t,radius:n,variant:l})=>({root:m(f(m({},e.fn.fontStyles()),{position:"relative",overflow:"hidden",padding:`${e.spacing.sm}px ${e.spacing.md}px`,borderRadius:e.fn.radius(n),border:"1px solid transparent"}),b({variant:l,color:t,theme:e})),wrapper:{display:"flex"},body:{flex:1},title:{boxSizing:"border-box",margin:0,marginBottom:7,display:"flex",alignItems:"center",justifyContent:"space-between",lineHeight:e.lineHeight,fontSize:e.fontSizes.sm,fontWeight:700,"&[data-with-close-button]":{paddingRight:e.spacing.md}},label:{display:"block",overflow:"hidden",textOverflow:"ellipsis"},icon:{lineHeight:1,width:20,height:20,display:"flex",alignItems:"center",justifyContent:"flex-start",marginRight:e.spacing.md,marginTop:1},message:f(m({},e.fn.fontStyles()),{lineHeight:e.lineHeight,textOverflow:"ellipsis",overflow:"hidden",fontSize:e.fontSizes.sm,color:"filled"===l?e.white:"dark"===e.colorScheme?"light"===l?e.white:e.colors.dark[0]:e.black}),closeButton:{position:"absolute",top:e.spacing.sm,right:e.spacing.sm,color:"inherit"}}))),v=n(4459),x=n(971),g=Object.defineProperty,j=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,N=(e,t,n)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;const k={variant:"light"},S=(0,l.forwardRef)(((e,t)=>{const n=(0,s.N4)("Alert",k,e),{id:r,className:o,title:i,variant:c,children:_,color:d,classNames:u,icon:h,styles:m,onClose:f,radius:b,withCloseButton:g,closeButtonLabel:S,unstyled:C}=n,O=((e,t)=>{var n={};for(var l in e)w.call(e,l)&&t.indexOf(l)<0&&(n[l]=e[l]);if(null!=e&&j)for(var l of j(e))t.indexOf(l)<0&&y.call(e,l)&&(n[l]=e[l]);return n})(n,["id","className","title","variant","children","color","classNames","icon","styles","onClose","radius","withCloseButton","closeButtonLabel","unstyled"]),{classes:E,cx:T}=p({color:d,radius:b,variant:c},{classNames:u,styles:m,unstyled:C,name:"Alert"}),Z=(0,a.M)(r),P=i&&`${Z}-title`,M=`${Z}-body`;return l.createElement(v.x,((e,t)=>{for(var n in t||(t={}))w.call(t,n)&&N(e,n,t[n]);if(j)for(var n of j(t))y.call(t,n)&&N(e,n,t[n]);return e})({id:Z,role:"alert","aria-labelledby":P,"aria-describedby":M,className:T(E.root,E[c],o),ref:t},O),l.createElement("div",{className:E.wrapper},h&&l.createElement("div",{className:E.icon},h),l.createElement("div",{className:E.body},i&&l.createElement("div",{className:E.title,"data-with-close-button":g||void 0},l.createElement("span",{id:P,className:E.label},i)),g&&l.createElement(x.P,{className:E.closeButton,onClick:f,variant:"transparent",size:16,iconSize:16,"aria-label":S}),l.createElement("div",{id:M,className:E.message},_))))}));S.displayName="@mantine/core/Alert"},6930:function(e,t,n){"use strict";n.d(t,{C2:function(){return s},Fm:function(){return l},gh:function(){return i},mv:function(){return r},zf:function(){return a}});const l="module",s="foraminifera",a="ostracoda",r="morphotype",o=["1"];function i(e,t){if(null===e||void 0===e||""===e)return!0;const n=String(e);return!o.includes(n)||t>=2}}},function(e){e.O(0,[6577,443,7301,5944,8855,7530,9774,2888,179],(function(){return t=1517,e(e.s=t);var t}));var t=e.O();_N_E=t}]);