\n \n \n \n \n \n PASSWORD\n SET AVATAR\n CLASSROOMS\n ADD ANOTHER CLASSROOM\n STUDENT RESOURCES\n LOG OUT\n \n \n
\n \n \n \n \n \n \n \n \n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeaderLayout.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeaderLayout.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HeaderLayout.vue?vue&type=template&id=51a56116&scoped=true\"\nimport script from \"./HeaderLayout.vue?vue&type=script&lang=js\"\nexport * from \"./HeaderLayout.vue?vue&type=script&lang=js\"\nimport style0 from \"./HeaderLayout.vue?vue&type=style&index=0&id=51a56116&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"51a56116\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.buildHashChanged)?_c('div',{staticClass:\"buildHash-changed-banner\"},[_vm._v(\" A new version of the application is available, please refresh the browser. \")]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n A new version of the application is available, please refresh the browser.\n
\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EtagBanner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EtagBanner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EtagBanner.vue?vue&type=template&id=0fff2d82&scoped=true\"\nimport script from \"./EtagBanner.vue?vue&type=script&lang=js\"\nexport * from \"./EtagBanner.vue?vue&type=script&lang=js\"\nimport style0 from \"./EtagBanner.vue?vue&type=style&index=0&id=0fff2d82&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0fff2d82\",\n null\n \n)\n\nexport default component.exports","\n \n \n \n \n \n \n \n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MainLayout.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MainLayout.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MainLayout.vue?vue&type=template&id=620e6edb&scoped=true\"\nimport script from \"./MainLayout.vue?vue&type=script&lang=js\"\nexport * from \"./MainLayout.vue?vue&type=script&lang=js\"\nimport style0 from \"./MainLayout.vue?vue&type=style&index=0&id=620e6edb&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"620e6edb\",\n null\n \n)\n\nexport default component.exports","\n \n \n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SecurityView.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SecurityView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SecurityView.vue?vue&type=template&id=f5645c8c&scoped=true\"\nimport script from \"./SecurityView.vue?vue&type=script&lang=js\"\nexport * from \"./SecurityView.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"f5645c8c\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div')\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginTeacherByTokenPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginTeacherByTokenPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LoginTeacherByTokenPage.vue?vue&type=template&id=75ce68a5\"\nimport script from \"./LoginTeacherByTokenPage.vue?vue&type=script&lang=js\"\nexport * from \"./LoginTeacherByTokenPage.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import LoginPage from '../pages/LoginPage'\nimport SecurityView from '../view/SecurityView'\nimport LoginTeacherByTokenPage from '../pages/LoginTeacherByTokenPage'\n\nconst routes = [\n {\n path: '/',\n component: SecurityView,\n children: [\n {\n path: '',\n name: 'LoginPage',\n component: LoginPage\n },\n {\n path: 'login-as-student',\n name: 'LoginTeacherByTokenPage',\n component: LoginTeacherByTokenPage\n }\n ]\n }\n]\n\nexport default routes\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-overlay',{attrs:{\"show\":_vm.loading}},[_c('b-row',{staticClass:\"create-password-container\"},[_c('b-col',{staticClass:\"align-self-center mx-auto\",attrs:{\"cols\":\"10\",\"sm\":\"8\",\"md\":\"6\",\"lg\":\"4\",\"xl\":\"4\"}},[_c('div',{staticClass:\"container-form-create-password\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"Create Password\")]),_c('p',{staticClass:\"subtitle\"},[_c('i',[_vm._v(\"all fields required *\")])]),_c('div',{staticClass:\"d-flex flex-column align-items-stretch\"},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.createPassword.apply(null, arguments)}}},[_c('b-form-group',{attrs:{\"invalid-feedback\":_vm.password.invalidFeedback,\"state\":_vm.password.state}},[_c('b-form-input',{attrs:{\"type\":\"password\",\"placeholder\":\"New Password *\"},model:{value:(_vm.password.value),callback:function ($$v) {_vm.$set(_vm.password, \"value\", $$v)},expression:\"password.value\"}})],1),_c('b-form-group',{attrs:{\"invalid-feedback\":_vm.confirmPassword.invalidFeedback,\"state\":_vm.confirmPassword.state}},[_c('b-form-input',{attrs:{\"type\":\"password\",\"placeholder\":\"Confirm New Password *\"},model:{value:(_vm.confirmPassword.value),callback:function ($$v) {_vm.$set(_vm.confirmPassword, \"value\", $$v)},expression:\"confirmPassword.value\"}})],1),_c('div',{staticClass:\"d-flex justify-content-around buttons\"},[_c('b-button',{staticClass:\"text-uppercase\",attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\"Create\")])],1)],1)],1)])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n \n
\n
Create Password
\n
all fields required *
\n
\n \n \n \n \n \n \n \n
\n Create\n
\n \n
\n
\n \n \n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePasswordPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePasswordPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CreatePasswordPage.vue?vue&type=template&id=65cc9774&scoped=true\"\nimport script from \"./CreatePasswordPage.vue?vue&type=script&lang=js\"\nexport * from \"./CreatePasswordPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./CreatePasswordPage.vue?vue&type=style&index=0&id=65cc9774&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"65cc9774\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-overlay',{attrs:{\"show\":_vm.loading}},[_c('b-row',{staticClass:\"change-password-container\"},[_c('b-col',{staticClass:\"align-self-center mx-auto\",attrs:{\"cols\":\"10\",\"sm\":\"8\",\"md\":\"6\",\"lg\":\"4\",\"xl\":\"4\"}},[_c('div',{staticClass:\"d-flex flex-column align-items-center\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"Change Password\")]),_c('p',{staticClass:\"subtitle\"},[_c('i',[_vm._v(\"all fields required *\")])])]),_c('div',{staticClass:\"d-flex flex-column align-items-stretch\"},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.changePassword.apply(null, arguments)}}},[_c('b-form-group',{attrs:{\"invalid-feedback\":_vm.currentPassword.invalidFeedback,\"state\":_vm.currentPassword.state}},[_c('b-form-input',{attrs:{\"type\":\"password\",\"placeholder\":\"Old Password *\"},model:{value:(_vm.currentPassword.value),callback:function ($$v) {_vm.$set(_vm.currentPassword, \"value\", $$v)},expression:\"currentPassword.value\"}})],1),_c('b-form-group',{attrs:{\"invalid-feedback\":_vm.newPassword.invalidFeedback,\"state\":_vm.newPassword.state}},[_c('b-form-input',{attrs:{\"type\":\"password\",\"placeholder\":\"New Password *\"},model:{value:(_vm.newPassword.value),callback:function ($$v) {_vm.$set(_vm.newPassword, \"value\", $$v)},expression:\"newPassword.value\"}})],1),_c('b-form-group',{attrs:{\"invalid-feedback\":_vm.confirmPassword.invalidFeedback,\"state\":_vm.confirmPassword.state}},[_c('b-form-input',{attrs:{\"type\":\"password\",\"placeholder\":\"Confirm New Password *\"},model:{value:(_vm.confirmPassword.value),callback:function ($$v) {_vm.$set(_vm.confirmPassword, \"value\", $$v)},expression:\"confirmPassword.value\"}})],1),_c('div',{staticClass:\"d-flex justify-content-around buttons\"},[_c('b-button',{attrs:{\"to\":{ name: 'MyClassroomsPage' },\"variant\":\"primary\"}},[_vm._v(\"CANCEL\")]),_c('b-button',{attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\"APPLY\")])],1)],1)],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n \n
\n
Change Password
\n
all fields required *
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n CANCEL\n APPLY\n
\n \n
\n \n \n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChangePasswordPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChangePasswordPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChangePasswordPage.vue?vue&type=template&id=65db0040&scoped=true\"\nimport script from \"./ChangePasswordPage.vue?vue&type=script&lang=js\"\nexport * from \"./ChangePasswordPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./ChangePasswordPage.vue?vue&type=style&index=0&id=65db0040&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"65db0040\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-row',{staticClass:\"add-classroom-container\"},[_c('b-col',{staticClass:\"align-self-center mx-auto\",attrs:{\"cols\":\"10\",\"sm\":\"8\",\"md\":\"6\",\"lg\":\"4\",\"xl\":\"4\"}},[_c('div',{staticClass:\"d-flex flex-column align-items-center\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"Add Classroom\")]),_c('p',{staticClass:\"subtitle\"},[_c('i',[_vm._v(\"all fields required *\")])])]),_c('div',{staticClass:\"d-flex flex-column align-items-stretch\"},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.addClassroom.apply(null, arguments)}}},[_c('b-form-group',{attrs:{\"invalid-feedback\":_vm.userId.invalidFeedback,\"state\":_vm.userId.state}},[_c('b-form-input',{attrs:{\"placeholder\":\"User ID *\"},model:{value:(_vm.userId.value),callback:function ($$v) {_vm.$set(_vm.userId, \"value\", $$v)},expression:\"userId.value\"}})],1),_c('b-form-group',{attrs:{\"invalid-feedback\":_vm.classroomCode.invalidFeedback,\"state\":_vm.classroomCode.state}},[_c('b-form-input',{attrs:{\"placeholder\":\"Classroom Code *\"},model:{value:(_vm.classroomCode.value),callback:function ($$v) {_vm.$set(_vm.classroomCode, \"value\", $$v)},expression:\"classroomCode.value\"}})],1),_c('div',{staticClass:\"d-flex justify-content-around buttons\"},[_c('b-button',{attrs:{\"to\":{ name: 'MyClassroomsPage' },\"variant\":\"primary\"}},[_vm._v(\"CANCEL\")]),_c('b-button',{attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\"ADD\")])],1)],1)],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n \n
\n
Add Classroom
\n
all fields required *
\n
\n
\n \n \n \n \n \n \n \n
\n CANCEL\n ADD\n
\n \n
\n \n\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddClassroom.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddClassroom.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AddClassroom.vue?vue&type=template&id=0f7b7328&scoped=true\"\nimport script from \"./AddClassroom.vue?vue&type=script&lang=js\"\nexport * from \"./AddClassroom.vue?vue&type=script&lang=js\"\nimport style0 from \"./AddClassroom.vue?vue&type=style&index=0&id=0f7b7328&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0f7b7328\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main-layout',{attrs:{\"is-authenticate\":_vm.meta.isAuthenticate,\"has-navigation\":_vm.meta.isNavigation}},[_c('div',{staticClass:\"main-container\",class:{'main-container--scroll': _vm.isClassroomDetailPage}},[_c('router-view')],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n \n
\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PanelView.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PanelView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PanelView.vue?vue&type=template&id=29f0d842&scoped=true\"\nimport script from \"./PanelView.vue?vue&type=script&lang=js\"\nexport * from \"./PanelView.vue?vue&type=script&lang=js\"\nimport style0 from \"./PanelView.vue?vue&type=style&index=0&id=29f0d842&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"29f0d842\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-overlay',{attrs:{\"show\":_vm.loading}},[_c('div',{staticClass:\"section-classroom-detail\"},[(_vm.submissions.length)?_c('div',[(!_vm.taskId || _vm.showDropdown)?_c('div',{staticClass:\"task-list\"},[_c('b-dropdown',{staticClass:\"luv-dropdown task-dropdown\",attrs:{\"text\":_vm.filter.label,\"block\":\"\"}},_vm._l((_vm.options),function(option,index){return _c('b-dropdown-item',{key:index,attrs:{\"value\":option.value},on:{\"click\":function($event){return _vm.handleDropdown(option)}}},[_vm._v(\" \"+_vm._s(option.label)+\" \")])}),1)],1):_c('back-button',{attrs:{\"text\":\"Back to Task\"}}),_c('div',{staticClass:\"lazy-list\"},[_c('LazyList',{attrs:{\"data\":_vm.submissions,\"itemsPerRender\":1,\"containerClasses\":\"list\",\"defaultLoadingColor\":\"#222\"},on:{\"click-all-videos\":_vm.onClickAllVideos},scopedSlots:_vm._u([{key:\"default\",fn:function({item}){return [_c('ClassroomDetailItem',{ref:`submission-${item.id}`,attrs:{\"submission\":item,\"disable-button-respond\":item.disable,\"hidden-actions\":_vm.hasMyResponse(item.my_responses)},on:{\"close-flag-inappropriate-modal\":_vm.handleFlagInappropriateModal,\"send-message\":_vm.saveSubmissionValue}})]}}],null,false,2169847168)})],1),_c('TextRespondModal',{attrs:{\"value\":_vm.submissionsValue},on:{\"load-classroom\":_vm.onLoadClassroom}})],1):_vm._e(),(!_vm.loading && _vm.submissions.length === 0)?_c('div',{staticClass:\"nothing-area\"},[_c('div',{staticClass:\"nothing-icon\"}),_c('div',{staticClass:\"nothing-title\"},[_vm._v(\"NO UPLOADED VIDEOS\")]),(_vm.isSmallGroupType)?_c('div',{staticClass:\"nothing-text\"},[_vm._v(\"Your partner group has not yet created their first video\")]):_c('div',{staticClass:\"nothing-text\"},[_vm._v(\"Your \"+_vm._s(_vm.isIndependentClassroom ? 'classmates' : 'global partner')+\" has not uploaded any videos yet, check back again soon\")])]):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"back-button-area\"},[_c('div',{staticClass:\"icon-caret-left back-button-icon mr-1\"}),_c('div',{staticClass:\"back-button\",on:{\"click\":_vm.gotoPage}},[_vm._v(_vm._s(_vm.text))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n \n
{{ text }}
\n
\n\n\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BackButton.vue?vue&type=template&id=79e77b88&scoped=true\"\nimport script from \"./BackButton.vue?vue&type=script&lang=js\"\nexport * from \"./BackButton.vue?vue&type=script&lang=js\"\nimport style0 from \"./BackButton.vue?vue&type=style&index=0&id=79e77b88&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"79e77b88\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-row',{staticClass:\"submission-row\"},[_c('div',{staticClass:\"video-container\"},[_c('video-custom',{ref:\"video-custom\",attrs:{\"src\":_vm.submission.url,\"video_processed\":_vm.submission.video_processed,\"track-video-views\":true,\"submission-id\":_vm.submission.id,\"classroom-id\":_vm.classroomId}})],1),_c('div',{staticClass:\"action-container\"},[_c('b-tooltip',{attrs:{\"target\":'tooltip-button-response' + _vm.submission.id,\"disabled\":!_vm.disableButtonRespond,\"placement\":\"top\"}},[_vm._v(\" There are videos for this task that have not yet received a response. Please respond to those videos first. \")]),_c('div',{staticClass:\"actions\",class:{'actions-disabled': _vm.hiddenActions || _vm.classroomExchangeExpired || _vm.disableButtonRespond}},[(_vm.taskResponseType === 1)?_c('router-link',{staticClass:\"action-icon\",attrs:{\"role\":\"link\",\"id\":'tooltip-button-response' + _vm.submission.id,\"to\":_vm.goToUploadOrRecordResponsePage(_vm.hiddenActions || _vm.classroomExchangeExpired || _vm.disableButtonRespond)}},[_c('div',{staticClass:\"icon-camera\"}),_c('div',{staticClass:\"response-button-text\"},[_vm._v(\"RESPOND TO \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.setUserName(_vm.submission.student.full_name)))]),_c('div',{staticClass:\"response-button-text-mobile\"},[_vm._v(\"RESPOND TO \"+_vm._s(_vm.setUserName(_vm.submission.student.full_name)))])]):_c('div',{staticClass:\"action-icon\",attrs:{\"role\":\"button\"},on:{\"click\":_vm.onSendMessage}},[_c('div',{staticClass:\"icon-comment\"}),_c('div',{staticClass:\"response-button-text\"},[_vm._v(\"Text Respond\")]),_c('div',{staticClass:\"response-button-text-mobile\"},[_vm._v(\"Text Respond\")])])],1),_c('div',{staticClass:\"actions-absolute\"},[_c('div',{staticClass:\"information-bg\"},[_c('div',{staticClass:\"information-container\"},[_c('div',{staticClass:\"username\"},[_vm._v(_vm._s(_vm.setUserName(_vm.submission.student.full_name)))]),_c('div',{staticClass:\"posted-text\"},[_vm._v(\"Posted: \"+_vm._s(_vm._f(\"dateElapseTime\")(_vm.submission.created_at)))]),_c('div',{staticClass:\"country-text\"},[_vm._v(_vm._s(_vm.submission.country))]),_c('div',{staticClass:\"submission-name-text\"},[_vm._v(_vm._s(_vm.submission.task.task_name))]),_c('div',{staticClass:\"container-reponses\"},[_c('div',{staticClass:\"submission-responses-count\"},[_vm._v(\" (\"+_vm._s(_vm.taskResponses)+\" \"+_vm._s(_vm.taskResponses === 1 ? 'response':'responses')+\") \")])]),(!_vm.isTeacher && !_vm.isIndependentClassroom)?_c('div',{staticClass:\"flag-inappropriate\"},[_c('b-nav-item-dropdown',{staticClass:\"flag-inappropriate-menu\",attrs:{\"no-caret\":true},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('b-icon',{staticClass:\"flag-inappropriate__icon\",attrs:{\"icon\":\"three-dots-vertical\"}})]},proxy:true}],null,false,3166648771)},[_c('b-dropdown-item',{attrs:{\"disabled\":_vm.classroomExchangeExpired},on:{\"click\":_vm.showFlagInappropriateModal}},[_vm._v(\" Flag as Inappropriate \")])],1)],1):_vm._e()])])])],1),_c('flag-inappropriate-modal',{ref:\"flag-inappropriate-modal\",attrs:{\"classroom-id\":_vm.classroomId,\"submission-id\":this.submission.id},on:{\"close-flag-inappropriate-modal\":function($event){return _vm.$emit('close-flag-inappropriate-modal')}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-overlay',{staticClass:\"video-overlay\",style:(_vm.isFullScreenStyles),attrs:{\"show\":!_vm.isPlaying,\"opacity\":0.25,\"rounded\":\"sm\"},on:{\"click\":_vm.onClickOverlay},scopedSlots:_vm._u([{key:\"overlay\",fn:function(){return [_c('div',{staticClass:\"text-center\"},[(_vm.videoLoaded && !_vm.isVideoProcessError)?_c('span',{staticClass:\"icon-play-video\"}):(_vm.isVideoProcessError)?_c('b-button',{staticClass:\"video-reload-button video-reload-button--faild\",attrs:{\"pill\":\"\",\"variant\":\"primary\"}},[_vm._v(\" This video failed to convert to LUV format. Please correct and resubmit. See \"),_c('a',{staticClass:\"student-resources\",attrs:{\"target\":\"_blank\",\"href\":\"https://levelupvillage.com/student-resources/\"}},[_vm._v(\"Student Resources\")]),_vm._v(\" for video tips and recommendations \")]):(_vm.showTemporalIosSolutionMessage)?_c('b-button',{staticClass:\"video-reload-button video-reload-button--large\",attrs:{\"pill\":\"\",\"variant\":\"primary\"}},[_vm._v(\" This video cannot preview in this browser \"),(!_vm.isResponseVideo)?_c('span',[_vm._v(\" You may still submit this video, then go to **My Posts** to review it.\")]):_c('span',[_vm._v(\" You may still submit this video, then go to **My Responses** to review it.\")])]):(!_vm.videoLoaded && !_vm.videoLoadError)?_c('b-spinner',{attrs:{\"label\":\"Spinning\"}}):_c('b-button',{staticClass:\"video-reload-button\",attrs:{\"pill\":\"\",\"variant\":\"primary\"}},[(!_vm.video_processed)?[_vm._v(\" VIDEO IS NOT READY YET TRY AGAIN LATER \")]:[_c('b-icon',{attrs:{\"icon\":\"arrow-counterclockwise\"}}),_vm._v(\" RELOAD VIDEO \")]],2)],1)]},proxy:true}])},[_c('div',{ref:\"video-player-wrapper\",staticClass:\"video-player\",on:{\"click\":_vm.pauseVid}},[_c('canvas',{ref:\"canvas-video-element\",staticClass:\"video-canvas\",attrs:{\"width\":_vm.canvas_width,\"height\":_vm.canvas_height}})]),(_vm.showMenu)?_c('div',{staticClass:\"video-player-menu\",on:{\"click\":function($event){if($event.target !== $event.currentTarget)return null;return _vm.closePlayerMenu.apply(null, arguments)}}},[_c('button',{staticClass:\"video-player-menu-close\",on:{\"click\":_vm.closePlayerMenu}},[_c('span',{staticClass:\"icon-delete\"})]),_c('b-dropdown',{ref:\"dropdown-playback-rates\",staticClass:\"luv-dropdown video-player-menu-playback-rates\",attrs:{\"text\":`Playback rate: ${_vm.playbackRate === 1 ? 'Normal':_vm.playbackRate}`,\"boundary\":\"viewport\",\"auto-flipping\":false,\"no-flip\":\"\"}},[_c('b-dropdown-item',{attrs:{\"active\":_vm.playbackRate === 1},on:{\"click\":function($event){_vm.playbackRate = 1}}},[_vm._v(\" Normal \")]),_vm._l((_vm.playbackRates),function(playbackRateValue){return _c('b-dropdown-item',{key:`playback-rate-${playbackRateValue}`,attrs:{\"active\":_vm.playbackRate === playbackRateValue},on:{\"click\":function($event){_vm.playbackRate = playbackRateValue}}},[_vm._v(\" \"+_vm._s(playbackRateValue)+\" \")])})],2)],1):_vm._e(),(_vm.videoLoaded)?_c('div',{staticClass:\"video-player-controls\"},[(_vm.showPlayerMenu)?_c('button',{staticClass:\"player-control\",on:{\"click\":_vm.openPlayerMenu}},[_c('i',{staticClass:\"fa fa-cog\",attrs:{\"aria-hidden\":\"true\"}})]):_vm._e(),(_vm.videoLoaded)?_c('b-form-input',{attrs:{\"type\":\"range\",\"step\":\"0.01\",\"min\":\"0\",\"max\":_vm.player.duration},on:{\"input\":_vm.seek,\"change\":_vm.seek},model:{value:(_vm.currentTime),callback:function ($$v) {_vm.currentTime=$$v},expression:\"currentTime\"}}):_vm._e(),(_vm.fullscreenButton)?_c('button-fullscreen-video',{on:{\"on-fullscreen\":_vm.onFullscreen,\"close-fullscreen\":_vm.closeFullscreen}}):_vm._e()],1):_vm._e(),(_vm.hideVideo)?_c('div',{staticClass:\"hidden-video-container\"},[_c('p',[_vm._v(\"This video has been \"+_vm._s(_vm.statusText)+\" by your teacher\")])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"fullscreen-button\",class:_vm.customClass,on:{\"click\":_vm.fullscreenToggle}},[_c('i',{class:`${_vm.isFullscreen ? 'fa fa-compress' : 'fa fa-expand'} video-icon`,attrs:{\"aria-hidden\":\"true\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","class FullscreenManager {\n constructor () {\n this.isFullscreen = false\n this.onFullscreenchange = () => {\n }\n\n // this becomes important when the user doesn't use the button to exit\n // fullscreen but hits ESC on desktop, pushes a physical back button on\n // mobile etc.\n document.addEventListener('fullscreenchange', () => {\n this.setFullscreenStatus()\n })\n document.addEventListener('mozfullscreenchange', () => {\n this.setFullscreenStatus()\n })\n document.addEventListener('MSFullscreenChange', () => {\n this.setFullscreenStatus()\n })\n document.addEventListener('webkitfullscreenchange', () => {\n this.setFullscreenStatus()\n })\n }\n\n setFullscreenStatus () {\n this.isFullscreen = !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement)\n this.onFullscreenchange()\n }\n\n toggle () {\n if (!this.isFullscreen) {\n this.requestFullscreen()\n } else {\n this.exitFullscreen()\n }\n\n this.onFullscreenchange()\n }\n\n requestFullscreen () {\n try {\n const elem = document.documentElement\n\n if (elem.requestFullscreen) {\n elem.requestFullscreen({ navigationUI: 'hide' })\n } else if (elem.mozRequestFullScreen) {\n elem.mozRequestFullScreen({ navigationUI: 'hide' })\n } else if (elem.webkitRequestFullscreen) {\n elem.webkitRequestFullscreen({ navigationUI: 'hide' })\n } else if (elem.msRequestFullscreen) {\n elem.msRequestFullscreen({ navigationUI: 'hide' })\n }\n } catch (error) {\n throw new Error(error)\n }\n }\n\n exitFullscreen () {\n try {\n if (document.exitFullscreen) {\n document.exitFullscreen()\n } else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen()\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen()\n } else if (document.msExitFullscreen) {\n document.msExitFullscreen()\n }\n } catch (error) {\n throw new Error(error)\n }\n }\n}\n\nexport default FullscreenManager\n","\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FullscreenVideo.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FullscreenVideo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FullscreenVideo.vue?vue&type=template&id=2994642c&scoped=true\"\nimport script from \"./FullscreenVideo.vue?vue&type=script&lang=js\"\nexport * from \"./FullscreenVideo.vue?vue&type=script&lang=js\"\nimport style0 from \"./FullscreenVideo.vue?vue&type=style&index=0&id=2994642c&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"2994642c\",\n null\n \n)\n\nexport default component.exports","\n \n
This video has been {{statusText}} by your teacher
\n
\n \n
\n \n \n This video failed to convert to LUV format. Please correct and resubmit. See Student Resources for video tips and recommendations\n \n \n This video cannot preview in this browser\n You may still submit this video, then go to **My Posts** to review it.\n You may still submit this video, then go to **My Responses** to review it.\n \n \n \n \n VIDEO IS NOT READY YET TRY AGAIN LATER\n \n \n \n RELOAD VIDEO\n \n \n\n
\n \n \n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoCustom.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoCustom.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VideoCustom.vue?vue&type=template&id=4e5eb334&scoped=true\"\nimport script from \"./VideoCustom.vue?vue&type=script&lang=js\"\nexport * from \"./VideoCustom.vue?vue&type=script&lang=js\"\nimport style0 from \"./VideoCustom.vue?vue&type=style&index=0&id=4e5eb334&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"4e5eb334\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{ref:\"flag-inappropriate-modal\",attrs:{\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"xs\"},on:{\"hidden\":_vm.hideModal}},[_c('h2',{staticClass:\"title title--modal\"},[_vm._v(\"Flag partner Video as Inappropriate\")]),_c('p',[_vm._v(\"Please tell us why you have flagged this student video. *\")]),_c('checkbox-group',{attrs:{\"options\":_vm.options,\"validator\":_vm.$v.optionsSelected,\"variant-message-required\":\"At least one reason must be selected\",\"custom-class\":\"custom-checkbox-primary\"},model:{value:(_vm.$v.optionsSelected.$model),callback:function ($$v) {_vm.$set(_vm.$v.optionsSelected, \"$model\", $$v)},expression:\"$v.optionsSelected.$model\"}}),_c('p',{staticClass:\"informatoin-label\"},[_vm._v(\"Your report will be sent for review and may be shared with one or both teachers, as needed.\")]),_c('div',{staticClass:\"d-flex justify-content-around buttons\"},[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.hideModal}},[_vm._v(\"CANCEL\")]),_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.handleSendInappropriateVideo}},[_vm._v(\"SUBMIT\")])],1),_c('b-overlay',{attrs:{\"no-wrap\":\"\",\"show\":_vm.loading}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"form-group\"},[(_vm.label)?_c('label',{attrs:{\"for\":`checkbox-group-${_vm._uid}`}},[_vm._v(_vm._s(_vm.label))]):_vm._e(),_c('b-form-checkbox-group',{class:_vm.customClassInput,staticStyle:{\"column-count\":\"3\"},attrs:{\"id\":`checkbox-group-${_vm._uid}`,\"options\":_vm.options,\"name\":_vm.name,\"state\":_vm.state},on:{\"input\":_vm.onInput},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:\"inputValue\"}}),(_vm.showErrors)?_c('b-form-invalid-feedback',{attrs:{\"id\":`checkbox-group-live-feedback-${_vm._uid}`}},[_c('ul',{staticClass:\"error-content\"},_vm._l((_vm.errors),function(error,index){return _c('li',{key:`checkbox-group-error-${_vm._uid}-${index}`,staticClass:\"error-text\"},[_vm._v(\" \"+_vm._s(error)+\" \")])}),0)]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const InputMixins = {\n props: {\n value: {\n type: [Number, String],\n default: ''\n },\n validator: {\n type: Object,\n default: function () {\n return {\n $error: false,\n $params: {}\n }\n }\n },\n numericErrors: {\n type: Boolean\n },\n showErrors: {\n type: Boolean,\n default: true\n },\n label: {\n type: String,\n default: ''\n },\n variantMessageRequired: {\n type: String,\n default: null\n },\n placeholder: {\n type: String,\n default: null\n },\n disabled: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n /**\n * false (denotes invalid state) is great for when there's a blocking or required field. A user must fill in this field properly to submit the form.\n * true (denotes valid state) is ideal for situations when you have per-field validation throughout a form and want to encourage a user through the rest of the fields.\n * null Displays no validation state (neither valid nor invalid)\n * @returns {boolean}\n */\n state () {\n return !this.errors.length ? null : false\n },\n errors () {\n const messages = {\n required: () => {\n if (this.variantMessageRequired) return this.variantMessageRequired\n return 'Field is required'\n },\n requiredIf: (param) => {\n return `requiredIf ${param}.`\n },\n requiredUnless: (param) => {\n return `requiredUnless ${param}.`\n },\n minLength: (param) => {\n const variantMessage = this.numericErrors ? 'numbers' : 'letters'\n return `Field must have at least ${param.min} ${variantMessage}.`\n },\n maxLength: (param) => {\n const variantMessage = this.numericErrors ? 'numbers' : 'letters'\n return `Field must have maximum ${param.max} ${variantMessage}.`\n },\n minValue: (param) => {\n return `Min value ${param.min}.`\n },\n maxValue: (param) => {\n return `Max value ${param.max}.`\n },\n between: (param) => {\n return `Must be between ${param.min} and ${param.max}.`\n },\n alpha: () => {\n return 'Do not include numbers or symbols.'\n },\n alphaNum: (param) => {\n return `alphaNum ${param}.`\n },\n numeric: (param) => {\n return `Field must be ${param.type}.`\n },\n integer: (param) => {\n return `integer ${param.type}.`\n },\n decimal: (param) => {\n return `decimal ${param}.`\n },\n email: (param) => {\n return `Invalid ${param.type}.`\n },\n ipAddress: (param) => {\n return `ipAddress ${param}.`\n },\n macAddress: (param) => {\n return `macAddress ${param}.`\n },\n sameAs: (param) => {\n return `sameAs ${param}.`\n },\n url: () => {\n return 'Field must have a valid url format.'\n },\n or: (param) => {\n return `or ${param}.`\n },\n and: (param) => {\n return `and ${param}.`\n },\n not: (param) => {\n return `not ${param}.`\n },\n withParams: (param) => {\n return `withParams ${param}.`\n }\n }\n\n const errors = []\n if (this.validator.$error) {\n Object.keys(this.validator.$params).forEach(key => {\n if (typeof messages[key] === 'function') {\n if (!this.validator[key]) {\n errors.push(messages[key](this.validator.$params[key]))\n }\n }\n })\n }\n\n return errors\n },\n inputValue: {\n get: function () {\n return this.value ?? ''\n },\n set: function () {\n }\n }\n }\n}\n","\n
\n \n\n \n\n \n \n
\n
\n {{ error }}\n
\n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxGroup.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxGroup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CheckboxGroup.vue?vue&type=template&id=198370d0&scoped=true\"\nimport script from \"./CheckboxGroup.vue?vue&type=script&lang=js\"\nexport * from \"./CheckboxGroup.vue?vue&type=script&lang=js\"\nimport style0 from \"./CheckboxGroup.vue?vue&type=style&index=0&id=198370d0&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"198370d0\",\n null\n \n)\n\nexport default component.exports","\n \n
Flag partner Video as Inappropriate
\n
Please tell us why you have flagged this student video. *
\n \n
Your report will be sent for review and may be shared with one or both teachers, as needed.
\n
\n CANCEL\n SUBMIT\n
\n \n \n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlagInappropriateModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlagInappropriateModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FlagInappropriateModal.vue?vue&type=template&id=eb0b264e&scoped=true\"\nimport script from \"./FlagInappropriateModal.vue?vue&type=script&lang=js\"\nexport * from \"./FlagInappropriateModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./FlagInappropriateModal.vue?vue&type=style&index=0&id=eb0b264e&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"eb0b264e\",\n null\n \n)\n\nexport default component.exports","\n \n
\n \n
\n
\n \n There are videos for this task that have not yet received a response. Please respond to those videos first.\n \n
\n \n \n
RESPOND TO {{setUserName(submission.student.full_name)}}
\n
RESPOND TO {{setUserName(submission.student.full_name)}}
\n \n \n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassroomDetailItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassroomDetailItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ClassroomDetailItem.vue?vue&type=template&id=730fc846&scoped=true\"\nimport script from \"./ClassroomDetailItem.vue?vue&type=script&lang=js\"\nexport * from \"./ClassroomDetailItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./ClassroomDetailItem.vue?vue&type=style&index=0&id=730fc846&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"730fc846\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"text-respond-modal\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"xs\"}},[(_vm.submissionItem)?_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"close-btn\"},[_c('div',{on:{\"click\":function($event){return _vm.$bvModal.hide('text-respond-modal')}}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"title\"},[_vm._v(\" RESPOND \")]),_c('div',{staticClass:\"responding-to\"},[_vm._v(\" Text response to \"),_c('span',[_vm._v(_vm._s(_vm.submissionItem.student.full_name))])]),_c('div',{staticClass:\"responding-to\"},[_vm._v(\" \"+_vm._s(_vm.submissionItem.task.task_name)+\" \")]),_c('div',[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.responseText),expression:\"responseText\"}],attrs:{\"placeholder\":\"Enter Text\",\"maxlength\":\"250\"},domProps:{\"value\":(_vm.responseText)},on:{\"input\":function($event){if($event.target.composing)return;_vm.responseText=$event.target.value}}})]),_c('div',[_c('button',{staticClass:\"send-btn\",on:{\"click\":_vm.onSubmit}},[_vm._v(\"SUBMIT\")])])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n
\n
×
\n
\n
\n RESPOND\n
\n
\n Text response to {{submissionItem.student.full_name}}\n
\n
\n {{submissionItem.task.task_name}}\n
\n
\n \n
\n
\n \n
\n
\n \n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextRespondModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextRespondModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TextRespondModal.vue?vue&type=template&id=0bd89354\"\nimport script from \"./TextRespondModal.vue?vue&type=script&lang=js\"\nexport * from \"./TextRespondModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./TextRespondModal.vue?vue&type=style&index=0&id=0bd89354&prod&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"container\",class:`${_vm.containerClasses}`,attrs:{\"id\":\"container\"}},[(_vm.showMessageNoUploadedVideos)?_c('div',{staticClass:\"nothing-area\"},[_c('div',{staticClass:\"nothing-icon\"}),_c('div',{staticClass:\"nothing-title\"},[_vm._v(\"NO UPLOADED VIDEOS\")]),_c('div',{staticClass:\"nothing-text\"},[_vm._v(\"Your partner group has not yet created their first video\")])]):_vm._e(),_vm._l((_vm.itemsToDisplay),function(item){return [_vm._t(\"default\",null,{\"item\":item})]}),(_vm.loading)?[(_vm.defaultLoading)?_c('div',{attrs:{\"id\":\"loading-wrapper\"}},[_c('Loading',{attrs:{\"color\":_vm.defaultLoadingColor}})],1):_c('div',{attrs:{\"id\":\"loading-wrapper\"}},[_vm._t(\"loading\")],2)]:_vm._e(),(_vm.showLinkAllVideos)?_c('div',{staticClass:\"all-videos-link\",on:{\"click\":function($event){return _vm.$emit('click-all-videos')}}},[_vm._v(\"Show All Videos\")]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(((_vm.page !== _vm.items.length - 1) || !_vm.loading)),expression:\"((page !== items.length - 1) || !loading)\"}],ref:\"end-of-list\",attrs:{\"id\":\"end-of-list\"}})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n
\n
\n \n
NO UPLOADED VIDEOS
\n
Your partner group has not yet created their first video
\n
\n\n \n \n \n \n\n \n \n
\n \n
\n
\n \n
\n \n\n
Show All Videos
\n \n
\n\n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LazyList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LazyList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LazyList.vue?vue&type=template&id=620f6b76&scoped=true\"\nimport script from \"./LazyList.vue?vue&type=script&lang=js\"\nexport * from \"./LazyList.vue?vue&type=script&lang=js\"\nimport style0 from \"./LazyList.vue?vue&type=style&index=0&id=620f6b76&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"620f6b76\",\n null\n \n)\n\nexport default component.exports","\n \n
\n
\n
\n \n \n {{ option.label }}\n \n \n
\n \n
\n \n \n \n \n \n\n
\n \n
\n
\n \n
NO UPLOADED VIDEOS
\n
Your partner group has not yet created their first video
\n
Your {{ isIndependentClassroom ? 'classmates' : 'global partner' }} has not uploaded any videos yet, check back again soon
\n
\n
\n \n\n\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassroomDetailPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassroomDetailPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ClassroomDetailPage.vue?vue&type=template&id=76201092&scoped=true\"\nimport script from \"./ClassroomDetailPage.vue?vue&type=script&lang=js\"\nexport * from \"./ClassroomDetailPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./ClassroomDetailPage.vue?vue&type=style&index=0&id=76201092&prod&lang=stylus&scoped=true\"\nimport style1 from \"./ClassroomDetailPage.vue?vue&type=style&index=1&id=76201092&prod&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"76201092\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section-my-classrooms-page\"},[_c('h2',{staticClass:\"title text-center mb-0\"},[_vm._v(\"MY CLASSROOM\")]),_c('h4',{staticClass:\"subtitle text-center mb-0\"},[_vm._v(\"Select a Classroom\")]),_c('div',{staticClass:\"section-my-classrooms\"},[_c('b-overlay',{attrs:{\"show\":_vm.loading}},[_c('classroom-grid',{attrs:{\"classrooms\":_vm.classrooms}})],1)],1),_c('CreatePasswordModal'),_c('form-payment-student',{attrs:{\"classroom\":_vm.getFirstClassroom}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"create-password-modal\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"xs\"}},[_c('div',{staticClass:\"modal-title\"},[_vm._v(\"CREATE A PASSWORD\")]),_c('div',{staticClass:\"modal-text\"},[_vm._v(\"To start, let’s create your own personal password.\")]),_c('div',{staticClass:\"modal-btns\"},[_c('router-link',{staticClass:\"btn-cell cancel\",attrs:{\"to\":{ name: 'CreatePasswordPage'}}},[_c('div',{staticClass:\"btn-ok\"},[_vm._v(\" OK \")])])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
CREATE A PASSWORD
\n
To start, let’s create your own personal password.
\n
\n \n
\n OK\n
\n \n
\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePasswordModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePasswordModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CreatePasswordModal.vue?vue&type=template&id=1cccbeed\"\nimport script from \"./CreatePasswordModal.vue?vue&type=script&lang=js\"\nexport * from \"./CreatePasswordModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./CreatePasswordModal.vue?vue&type=style&index=0&id=1cccbeed&prod&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"classroom-grid\"},_vm._l((_vm.classrooms),function(classroom,index){return _c('classroom-grid-item',{key:'classroom-'+index,attrs:{\"classroom\":classroom},on:{\"onViewDetail\":_vm.onViewDetail}})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"classroom-item\",on:{\"click\":_vm.onClassroomDetail}},[_c('div',{staticClass:\"item-name\"},[_vm._v(_vm._s(_vm.classroom.name))]),_c('div',{staticClass:\"item-subject\"},[_vm._v(_vm._s(_vm.classroom.subject.name))]),_c('div',{staticClass:\"item-tags\"},[_vm._v(\"Teacher name: \"+_vm._s(_vm.classroom.teacher.full_name))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
{{ classroom.name }}
\n
{{ classroom.subject.name }}
\n
Teacher name: {{ classroom.teacher.full_name }}
\n
\n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassroomGridItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassroomGridItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ClassroomGridItem.vue?vue&type=template&id=417bef6e&scoped=true\"\nimport script from \"./ClassroomGridItem.vue?vue&type=script&lang=js\"\nexport * from \"./ClassroomGridItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./ClassroomGridItem.vue?vue&type=style&index=0&id=417bef6e&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"417bef6e\",\n null\n \n)\n\nexport default component.exports","\n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassroomGrid.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassroomGrid.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ClassroomGrid.vue?vue&type=template&id=697c2882&scoped=true\"\nimport script from \"./ClassroomGrid.vue?vue&type=script&lang=js\"\nexport * from \"./ClassroomGrid.vue?vue&type=script&lang=js\"\nimport style0 from \"./ClassroomGrid.vue?vue&type=style&index=0&id=697c2882&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"697c2882\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{ref:\"modalFormPayment\",attrs:{\"id\":\"modal-form-payment\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\",\"size\":\"md\"}},[_c('b-container',[_c('b-row',{attrs:{\"align-h\":\"center\",\"align-v\":\"center\"}},[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"10\"}},[_c('h2',[_vm._v(\"Payment Information\")]),_c('p',[_vm._v(\"Level Up Village Classroom: $\"+_vm._s(_vm.getClassroomPrice))]),_c('p',[_vm._v(\"Please enter your credit card information\")]),_c('form-payment',{on:{\"on-payment\":_vm.onProcessPayment,\"on-cancel\":_vm.onCancel}}),_c('b-overlay',{attrs:{\"no-wrap\":\"\",\"show\":_vm.processingForm}})],1)],1)],1),_c('b-modal',{attrs:{\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\",\"id\":\"modal-confirm-payment\",\"size\":\"sm\"}},[_c('p',{staticClass:\"my-4 text-center\"},[_vm._v(\"Accepted\")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-form',{staticClass:\"form-payment\"},[_c('input-group',{attrs:{\"validator\":_vm.$v.creditCard.number,\"label\":\"Credit Card Number *\",\"maxlength\":40},model:{value:(_vm.$v.creditCard.number.$model),callback:function ($$v) {_vm.$set(_vm.$v.creditCard.number, \"$model\", $$v)},expression:\"$v.creditCard.number.$model\"}}),_c('input-group',{attrs:{\"validator\":_vm.$v.creditCard.holder,\"label\":\"Credit Card Holder *\",\"maxlength\":40},model:{value:(_vm.$v.creditCard.holder.$model),callback:function ($$v) {_vm.$set(_vm.$v.creditCard.holder, \"$model\", $$v)},expression:\"$v.creditCard.holder.$model\"}}),_c('b-form-group',{staticClass:\"form-payment__expiration\",attrs:{\"label\":\"Credit Card Expiration *\"}},[_c('div',{staticClass:\"d-flex\"},[_c('input-group',{attrs:{\"show-errors\":true,\"type\":\"text\",\"maxlength\":2,\"validator\":_vm.$v.creditCard.expirationMonth,\"numeric-errors\":true,\"placeholder\":\"MM\"},model:{value:(_vm.$v.creditCard.expirationMonth.$model),callback:function ($$v) {_vm.$set(_vm.$v.creditCard.expirationMonth, \"$model\", $$v)},expression:\"$v.creditCard.expirationMonth.$model\"}}),_c('span',{staticClass:\"form-payment__bar\"},[_vm._v(\" / \")]),_c('input-group',{attrs:{\"show-errors\":false,\"numeric-errors\":true,\"maxlength\":2,\"type\":\"text\",\"placeholder\":\"AA\",\"validator\":_vm.$v.creditCard.expirationYear},model:{value:(_vm.$v.creditCard.expirationYear.$model),callback:function ($$v) {_vm.$set(_vm.$v.creditCard.expirationYear, \"$model\", $$v)},expression:\"$v.creditCard.expirationYear.$model\"}})],1)]),_c('input-group',{staticClass:\"form-payment__cvv\",attrs:{\"id\":\"input-cvv\",\"maxlength\":4,\"validator\":_vm.$v.creditCard.cvv,\"label\":\"CVV *\",\"numeric-errors\":true},model:{value:(_vm.$v.creditCard.cvv.$model),callback:function ($$v) {_vm.$set(_vm.$v.creditCard.cvv, \"$model\", $$v)},expression:\"$v.creditCard.cvv.$model\"}}),_c('input-group',{attrs:{\"validator\":_vm.$v.email,\"label\":\"Email Address *\",\"maxlength\":40},model:{value:(_vm.$v.email.$model),callback:function ($$v) {_vm.$set(_vm.$v.email, \"$model\", $$v)},expression:\"$v.email.$model\"}}),_c('p',[_vm._v(\"Receipt will be emailed to this address\")]),_c('b-form-row',{staticClass:\"flex-row justify-content-center mt-4\"},[_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.onProcessPayment}},[_vm._v(\"Pay Now \")]),_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.onCancel}},[_vm._v(\"Cancel\")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"form-group\"},[(_vm.label)?_c('label',{attrs:{\"for\":`${_vm.type}-${_vm._uid}`}},[_vm._v(_vm._s(_vm.label))]):_vm._e(),_c('b-form-input',{class:_vm.customClassInput,attrs:{\"id\":`input-${_vm.type}-${_vm._uid}`,\"type\":_vm.type,\"placeholder\":_vm.placeholder,\"disabled\":_vm.disabled,\"state\":_vm.state,\"aria-describedby\":`input-live-feedback-${_vm._uid}`,\"maxlength\":_vm.maxlength,\"min\":_vm.min},on:{\"change\":function($event){return _vm.$emit('change', $event)},\"keyup\":function($event){return _vm.$emit('keyup', $event)},\"keypress\":function($event){return _vm.$emit('keypress', $event)},\"input\":_vm.onInput,\"blur\":function($event){return _vm.$emit('blur')}},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:\"inputValue\"}}),(_vm.showErrors)?_c('b-form-invalid-feedback',{attrs:{\"id\":`input-live-feedback-${_vm._uid}`}},[_c('ul',{staticClass:\"error-content\"},_vm._l((_vm.errors),function(error,index){return _c('li',{key:`input-error-${_vm._uid}-${index}`,staticClass:\"error-text\"},[_vm._v(\" \"+_vm._s(error)+\" \")])}),0)]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n \n\n \n\n \n
\n
\n {{ error }}\n
\n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputGroup.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputGroup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./InputGroup.vue?vue&type=template&id=b1f14cc4&scoped=true\"\nimport script from \"./InputGroup.vue?vue&type=script&lang=js\"\nexport * from \"./InputGroup.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"b1f14cc4\",\n null\n \n)\n\nexport default component.exports","\n\n\n \n \n \n \n
\n \n / \n \n
\n \n\n \n\n \n\n
Receipt will be emailed to this address
\n \n Pay Now\n \n Cancel\n \n \n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormPayment.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormPayment.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FormPayment.vue?vue&type=template&id=5bd48b02&scoped=true\"\nimport script from \"./FormPayment.vue?vue&type=script&lang=js\"\nexport * from \"./FormPayment.vue?vue&type=script&lang=js\"\nimport style0 from \"./FormPayment.vue?vue&type=style&index=0&id=5bd48b02&prod&scoped=true&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5bd48b02\",\n null\n \n)\n\nexport default component.exports","\n \n \n \n \n
Payment Information
\n
Level Up Village Classroom: ${{ getClassroomPrice }}
\n
Please enter your credit card information
\n \n \n \n \n \n \n
Accepted
\n \n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormPaymentStudent.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormPaymentStudent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FormPaymentStudent.vue?vue&type=template&id=737b69ce&scoped=true\"\nimport script from \"./FormPaymentStudent.vue?vue&type=script&lang=js\"\nexport * from \"./FormPaymentStudent.vue?vue&type=script&lang=js\"\nimport style0 from \"./FormPaymentStudent.vue?vue&type=style&index=0&id=737b69ce&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"737b69ce\",\n null\n \n)\n\nexport default component.exports","\n
\n
MY CLASSROOM
\n
Select a Classroom
\n
\n \n \n \n
\n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyClassroomsPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyClassroomsPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MyClassroomsPage.vue?vue&type=template&id=400dd141&scoped=true\"\nimport script from \"./MyClassroomsPage.vue?vue&type=script&lang=js\"\nexport * from \"./MyClassroomsPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./MyClassroomsPage.vue?vue&type=style&index=0&id=400dd141&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"400dd141\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section-notifications-page\"},[_c('h2',{staticClass:\"title text-center mb-3\"},[_vm._v(\"NOTIFICATIONS\")]),_c('div',{staticClass:\"table-area\"},[_c('div',{staticClass:\"notification-grid\"},[_vm._m(0),_vm._l((_vm.notifications),function(notification,index){return _c('notification-item',{key:'notification'+index,attrs:{\"notification\":notification},on:{\"click\":_vm.onOpenNotification}})}),_c('b-overlay',{attrs:{\"no-wrap\":\"\",\"show\":_vm.loading}})],2)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notification-row notification-row__header\"},[_c('div',{staticClass:\"column\"}),_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"order\"},[_c('span',{staticClass:\"icon-caret-top\"}),_c('span',{staticClass:\"icon-caret-bottom\"})]),_vm._v(\" From \")]),_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"order\"},[_c('span',{staticClass:\"icon-caret-top\"}),_c('span',{staticClass:\"icon-caret-bottom\"})]),_vm._v(\" Subject \")]),_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"order\"},[_c('span',{staticClass:\"icon-caret-top\"}),_c('span',{staticClass:\"icon-caret-bottom\"})]),_vm._v(\" Date \")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notification-row\",on:{\"click\":function($event){return _vm.$emit('click',_vm.notification)}}},[_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"image\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":_vm.userTriggerAvatar,\"alt\":\"\"}}),(_vm.notification.status === 'unread')?_c('div',{staticClass:\"dot\"}):_vm._e()])]),_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"user-name\"},[_vm._v(_vm._s(_vm.notification.from))]),_c('div',{staticClass:\"user-type\"},[_vm._v(_vm._s(_vm.notification.user_type))])]),_c('div',{staticClass:\"column\"},[_vm._v(_vm._s(_vm.notificationSubject))]),_c('div',{staticClass:\"column\"},[_vm._v(_vm._s(_vm._f(\"dateMonthDayYear\")(_vm.notification.created_at)))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
\n
\n \n \n
\n
\n
\n
{{ notification.from }}
\n
{{ notification.user_type }}
\n
\n
{{ notificationSubject }}
\n
{{ notification.created_at | dateMonthDayYear }}
\n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationItem.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NotificationItem.vue?vue&type=template&id=13a72072&scoped=true\"\nimport script from \"./NotificationItem.vue?vue&type=script&lang=js\"\nexport * from \"./NotificationItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./NotificationItem.vue?vue&type=style&index=0&id=13a72072&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"13a72072\",\n null\n \n)\n\nexport default component.exports","\n
\n
NOTIFICATIONS
\n
\n
\n
\n \n
\n
\n \n \n
\n From\n
\n
\n
\n \n \n
\n Subject\n
\n
\n
\n \n \n
\n Date\n
\n
\n \n \n
\n
\n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationsPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationsPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NotificationsPage.vue?vue&type=template&id=3fd0a546&scoped=true\"\nimport script from \"./NotificationsPage.vue?vue&type=script&lang=js\"\nexport * from \"./NotificationsPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./NotificationsPage.vue?vue&type=style&index=0&id=3fd0a546&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"3fd0a546\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"btn-container\"},[_c('div',{staticClass:\"btn-cell\"},[_c('b-overlay',{attrs:{\"show\":_vm.loading,\"rounded\":\"sm\"}},[(_vm.submissionId && _vm.name)?_c('div',{staticClass:\"responding-to\"},[_vm._v(\"Responding to \"+_vm._s(_vm.name))]):_vm._e(),(_vm.isDisabledRecordVideo)?_c('p',{staticClass:\"text-danger font-weight-bold\"},[_vm._v(\"If you would like to record a video, please use the Safari browser, or you can upload a video here.\")]):_vm._e(),_c('router-link',{staticClass:\"action-icon\",class:{'hidden':_vm.showUploadedVideo},attrs:{\"custom\":\"\",\"to\":_vm.goToVideoRecordPage()},scopedSlots:_vm._u([{key:\"default\",fn:function({navigate}){return [_c('button',{attrs:{\"disabled\":_vm.isDisabledRecordVideo,\"type\":\"button\"},on:{\"click\":navigate}},[_vm._v(\"RECORD NEW VIDEO\")])]}}])}),_c('div',[_c('upload-file',{ref:\"upload-video\",staticClass:\"form-upload-task\",class:{'hidden':_vm.showUploadedVideo},attrs:{\"max-size\":_vm.maxVideoSize,\"auto-upload\":false,\"classroom-id\":_vm.classroomId,\"task-id\":_vm.taskId,\"submission-id\":_vm.submissionId,\"accept\":\"video/*\"},on:{\"on-file-select\":_vm.onFileSelect,\"on-file-error\":_vm.onFileSelectError,\"on-file-upload-start\":_vm.onFileUploadStart,\"on-file-upload-success\":_vm.onFileUploadSuccess,\"on-file-upload-error\":_vm.onFileUploadError,\"UploadProgress\":_vm.onUploadProgress}}),(_vm.showUploadedVideo)?_c('video-uploaded',{attrs:{\"uploaded-file\":_vm.uploadedFile,\"classroomId\":_vm.classroomId,\"taskId\":_vm.taskId,\"submissionId\":_vm.submissionId},on:{\"on-upload-try-again\":_vm.onUploadTryAgain,\"on-upload-video\":_vm.onUploadVideo,\"on-video-error\":_vm.onVideoError,\"on-video-loaded-success\":_vm.videoLoadedSuccess}}):_vm._e(),_c('VideoUploadModal',{attrs:{\"uploaded\":_vm.uploadedVideo,\"uploadProgress\":_vm.uploadProgress},on:{\"on-video-upload-modal-closed\":_vm.goToResponseDetailPage}})],1),(_vm.isInsufficientSpeed && !_vm.showUploadedVideo)?_c('div',{staticClass:\"upload-file-message\"},[_vm._v(\"Please connect your device to a high-speed network. If a high-speed network is not available, we suggest that you record your video here using the 'Record New Video' button.\")]):_vm._e(),(_vm.videoTimeLimit && !_vm.showUploadedVideo)?_c('div',{staticClass:\"upload-file-message\"},[_vm._v(\"Your video must be no longer than \"+_vm._s(_vm.videoTimeLimit)+\" seconds long and the file must not be larger than \"+_vm._s(_vm.formatBytes(this.maxVideoSize))+\".\")]):_vm._e(),(_vm.errorVideoType)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(_vm._s(_vm.errorVideoType))]):_vm._e()],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.classFormInputContent},[_c('input',{ref:\"uploader\",staticClass:\"d-none\",attrs:{\"id\":'form-input-file-' + _vm._uid,\"type\":\"file\",\"accept\":_vm.accept},on:{\"change\":_vm.onFileChanged}}),_c('label',{staticClass:\"form-upload-file\",attrs:{\"for\":'form-input-file-' + _vm._uid}},[(_vm.placeHolder)?_c('span',{staticClass:\"form-file-text\"},[_vm._v(_vm._s(_vm.placeHolder))]):_vm._e(),_c('button',{staticClass:\"btn-common btn-input-file\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.openUploadFile}},[(_vm.loading)?_c('b-spinner',{attrs:{\"label\":\"Spinning\"}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.labelButton)+\" \")],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadFile.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadFile.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UploadFile.vue?vue&type=template&id=3fe16302&scoped=true\"\nimport script from \"./UploadFile.vue?vue&type=script&lang=js\"\nexport * from \"./UploadFile.vue?vue&type=script&lang=js\"\nimport style0 from \"./UploadFile.vue?vue&type=style&index=0&id=3fe16302&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"3fe16302\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"record-container\",class:'recorded'},[_c('div',{staticClass:\"video-container\"},[(!_vm.loading)?_c('video-custom',{attrs:{\"src\":_vm.uploadedFile.objectURL,\"objectURL\":true,\"show-temporal-ios-solution-message\":_vm.showTemporalIosSolutionMessage,\"is-response-video\":!!_vm.$route.params.submissionId},on:{\"on-video-play\":_vm.onVideoPlay,\"on-video-pause\":_vm.onVideoPause,\"on-video-ended\":_vm.onVideoEnded,\"on-video-loaded\":_vm.onVideoLoaded,\"on-video-error\":_vm.onVideoError}}):_vm._e()],1),_c('div',{staticClass:\"submit-recording\",class:'recorded'},[_c('div',{staticClass:\"submit review\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.reviewPrompt.apply(null, arguments)}}},[_vm._v(\" REVIEW PROMPT \")]),_c('div',{staticClass:\"submit\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitVideo.apply(null, arguments)}}},[_vm._v(\" SUBMIT \")]),_c('div',{staticClass:\"submit delete\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('on-upload-try-again')}}},[_vm._v(\" DELETE & TRY AGAIN \")])]),_c('TaskPromptModal',{attrs:{\"videoTimeLimit\":_vm.time.maxLength,\"prompt\":_vm.taskPrompt}}),_c('b-overlay',{attrs:{\"no-wrap\":\"\",\"show\":_vm.loading}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"task-prompt-modal\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"xs\"}},[_c('div',{staticClass:\"prompt-area\"},[_c('div',{staticClass:\"promt-text\",domProps:{\"innerHTML\":_vm._s(_vm.replaceLineBreaks(_vm.prompt))}}),_c('div',{staticClass:\"task-video-time-limit\"},[_vm._v(\"TIME: \"),_c('span',[_vm._v(_vm._s(_vm.videoTimeLimit)+\" seconds\")])])]),_c('div',{staticClass:\"modal-btns\"},[_c('div',{staticClass:\"btn-ok\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.$bvModal.hide('task-prompt-modal')}}},[_vm._v(\" OK \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n\n \n
TIME: {{ videoTimeLimit }} seconds
\n
\n
\n
\n OK\n
\n
\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskPromptModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskPromptModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TaskPromptModal.vue?vue&type=template&id=39ebd54a\"\nimport script from \"./TaskPromptModal.vue?vue&type=script&lang=js\"\nexport * from \"./TaskPromptModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./TaskPromptModal.vue?vue&type=style&index=0&id=39ebd54a&prod&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n
\n
\n \n
\n
\n
\n REVIEW PROMPT\n
\n
\n SUBMIT\n
\n
\n DELETE & TRY AGAIN\n
\n
\n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoUploaded.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoUploaded.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VideoUploaded.vue?vue&type=template&id=08f03ea7&scoped=true\"\nimport script from \"./VideoUploaded.vue?vue&type=script&lang=js\"\nexport * from \"./VideoUploaded.vue?vue&type=script&lang=js\"\nimport style0 from \"./VideoUploaded.vue?vue&type=style&index=0&id=08f03ea7&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"08f03ea7\",\n null\n \n)\n\nexport default component.exports","const PENDING_STATUS = 'pending' // legacy, same as to-do status\nconst STATUS_TODO = 'to-do'\nconst STATUS_SUBMITTED = 'submitted'\nconst STATUS_APPROVED = 'approved'\nconst STATUS_BLOCKED = 'blocked'\nconst STATUS_UNAPPROVED = 'unapproved'\n\nconst ACTION_CREATE_TASK = 'createTask'\nconst ACTION_RESPOND_ACTION = 'respondAction'\n\nfunction getCreateTaskStatus (task) {\n const submissions = task.teacher_submissions ? task.teacher_submissions : task.submissions\n if (!submissions || !submissions.length) {\n return STATUS_TODO\n }\n if (!submissions[0].status || submissions[0].status === PENDING_STATUS) {\n return STATUS_SUBMITTED\n }\n\n if (!submissions[0].status || submissions[0].status === STATUS_UNAPPROVED) {\n return STATUS_BLOCKED\n }\n return submissions[0].status\n}\n\nfunction getResponseCount (taskResponses) {\n return taskResponses.length ?? 0\n}\n\nfunction getCompletedResponseCount (task) {\n const taskResponses = task.teacher_responses ? task.teacher_responses : task.responses\n const responsesCount = getResponseCount(taskResponses)\n if (responsesCount === 0) {\n return 0\n }\n let completeCount = 0\n for (let i = 0; i < responsesCount; i++) {\n const responseStatus = taskResponses[i].status\n if ([STATUS_SUBMITTED, STATUS_APPROVED].includes(responseStatus)) {\n completeCount++\n if (completeCount === task.number_responses) {\n // if we reached the maximum number of responses just return the maximum\n break\n }\n }\n }\n return completeCount\n}\n\nfunction getRespondActionStatus (task) {\n const taskResponses = task.teacher_responses ? task.teacher_responses : task.responses\n // get the lesser status and return that as the response action status\n // STATUS_BLOCKED > STATUS_APPROVED > STATUS_SUBMITTED > STATUS_TODO\n const responsesCount = getResponseCount(taskResponses)\n if (!responsesCount || responsesCount < task.number_responses) {\n return STATUS_TODO\n }\n // responses are at least the number requested\n let submittedCount = 0\n let approvedCount = 0\n let blockedCount = 0\n for (let i = 0; i < responsesCount; i++) {\n const responseStatus = taskResponses[i].status\n if ([STATUS_TODO, STATUS_APPROVED, PENDING_STATUS, STATUS_SUBMITTED].includes(responseStatus)) {\n submittedCount++\n }\n if (responseStatus === STATUS_APPROVED) {\n approvedCount++\n }\n if (responseStatus === STATUS_BLOCKED) {\n blockedCount++\n }\n }\n\n if (approvedCount >= task.number_responses) {\n return STATUS_APPROVED\n }\n if (submittedCount >= task.number_responses) {\n return STATUS_SUBMITTED\n }\n if (blockedCount >= task.number_responses) {\n return STATUS_BLOCKED\n }\n\n return STATUS_TODO\n}\n\nfunction getCompletedResponsePercentage (task) {\n if (task.number_responses === 0) {\n return 0\n }\n const completeCount = getCompletedResponseCount(task)\n return completeCount * 100 / task.number_responses\n}\n\nexport default {\n STATUS_TODO,\n STATUS_SUBMITTED,\n STATUS_APPROVED,\n STATUS_BLOCKED,\n ACTION_CREATE_TASK,\n ACTION_RESPOND_ACTION,\n getCreateTaskStatus,\n getRespondActionStatus,\n getCompletedResponseCount,\n getCompletedResponsePercentage\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"video-upload-modal\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\",\"size\":\"xs\"}},[_c('b-alert',{attrs:{\"show\":\"\",\"variant\":_vm.variant}},[(!_vm.uploaded)?[_c('b',{staticClass:\"ml-2\"},[_vm._v(\"Uploading Video...\")]),_c('p',{staticClass:\"font-weight-bold mb-0\"},[_vm._v(\"This may take a while - do not close this window.\")])]:[_c('b',[_vm._v(\"Video has been uploaded correctly\")]),_c('b-icon',{attrs:{\"icon\":\"check2\",\"scale\":\"2\",\"variant\":\"success\"}})],_c('b-progress',{staticClass:\"mt-3\",attrs:{\"value\":_vm.uploadProgress,\"max\":100,\"variant\":\"success\"}}),_c('div',{staticClass:\"flex text-right font-weight-bolder mt-1\"},[_vm._v(_vm._s(_vm.uploadProgress)+\"%\")])],2),(_vm.uploaded)?_c('div',{staticClass:\"modal-btns\"},[_c('div',{staticClass:\"btn-ok\",attrs:{\"role\":\"button\"},on:{\"click\":_vm.closeModal}},[_vm._v(\" OK \")])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n \n Uploading Video...\n
This may take a while - do not close this window.
\n \n \n Video has been uploaded correctly\n \n \n\n \n
{{ uploadProgress }}%
\n \n\n
\n
\n OK\n
\n
\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoUploadModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoUploadModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VideoUploadModal.vue?vue&type=template&id=6a9ff2d6\"\nimport script from \"./VideoUploadModal.vue?vue&type=script&lang=js\"\nexport * from \"./VideoUploadModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./VideoUploadModal.vue?vue&type=style&index=0&id=6a9ff2d6&prod&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import { reloadManager } from '@/core/utils'\nexport const UploadVideoMixin = {\n data () {\n return {\n uploadingVideo: false,\n uploadedVideo: false,\n uploadedFile: {}\n }\n },\n beforeRouteLeave (to, from, next) {\n // If the system is uploading a video\n if (this.confirmStayInDirtyForm()) {\n next(false)\n } else {\n // Navigate to next view\n next()\n }\n },\n created () {\n window.addEventListener('beforeunload', this.beforeWindowUnload)\n\n this.$on('on-uploading-video-start', () => {\n this.uploadingVideo = true\n this.uploadedVideo = false\n })\n\n this.$on('on-uploading-video-success', () => {\n this.uploadingVideo = false\n this.uploadedVideo = true\n reloadManager.enable()\n })\n\n this.$on('on-uploading-video-error', () => {\n this.uploadingVideo = false\n this.uploadedVideo = false\n })\n },\n beforeDestroy () {\n window.removeEventListener('beforeunload', this.beforeWindowUnload)\n },\n methods: {\n confirmLeave () {\n return window.confirm('Do you really want to leave? Your file will not be uploaded and you will need to start over.')\n },\n confirmStayInDirtyForm () {\n return this.uploadingVideo && !this.uploadedVideo && !this.confirmLeave()\n },\n beforeWindowUnload (e) {\n if (this.confirmStayInDirtyForm()) {\n // Cancel the event\n e.preventDefault()\n // Chrome requires returnValue to be set\n e.returnValue = ''\n }\n }\n }\n}\n","\n
\n
\n \n
Responding to {{ name }}
\n
If you would like to record a video, please\n use the Safari browser, or you can upload a video here.
\n \n \n \n
\n \n \n \n
\n
Please connect your device to a high-speed network. If a high-speed network is not available, we suggest that you record your video here using the 'Record New Video' button.
\n
Your video must be no longer than {{ videoTimeLimit }} seconds long and the file must not be larger than {{ formatBytes(this.maxVideoSize) }}.
\n
{{ errorVideoType }}
\n \n
\n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadOrRecordPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadOrRecordPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UploadOrRecordPage.vue?vue&type=template&id=85456a1e&scoped=true\"\nimport script from \"./UploadOrRecordPage.vue?vue&type=script&lang=js\"\nexport * from \"./UploadOrRecordPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./UploadOrRecordPage.vue?vue&type=style&index=0&id=85456a1e&prod&scoped=true&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"85456a1e\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"record-container\",class:_vm.isRecorded ? 'recorded' : ''},[_c('div',{staticClass:\"timer-container-bg\"},[_c('div',{staticClass:\"timer-container\"},[_vm._m(0),_c('div',{staticClass:\"timer-bar\"},[_c('div',{staticClass:\"bar\"},[_c('div',{staticClass:\"fill\",style:({width: _vm.progressWidth + '%'})})]),_c('div',{staticClass:\"timer-counter\"},[_vm._v(_vm._s(_vm.timeLabel))])])])]),_vm._m(1),(!_vm.isRecorded)?_c('div',{staticClass:\"video-buttons-bar\"},[_c('div',{staticClass:\"btn-row\"},[_c('router-link',{staticClass:\"btn-cell cancel\",attrs:{\"to\":{ name: 'UploadOrRecordPage', params:{ classroomId: _vm.classroomId, taskId: _vm.taskId, submissionId: _vm.submissionId }}}},[_vm._v(\" Cancel \")]),_c('div',{staticClass:\"btn-cell rec\"},[(!_vm.isRecording)?_c('button',{staticClass:\"rec-btn\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.startRecording.apply(null, arguments)}}}):_c('button',{staticClass:\"stop-btn\",attrs:{\"role\":\"button\",\"disabled\":_vm.elapseTime < 1},on:{\"click\":function($event){$event.preventDefault();return _vm.stopRecording.apply(null, arguments)}}})]),(!_vm.isRecording)?_c('div',{staticClass:\"btn-cell review\",on:{\"click\":function($event){$event.preventDefault();return _vm.reviewPrompt.apply(null, arguments)}}},[_vm._v(\" Review Prompt \")]):_vm._e()],1)]):_c('div',{staticClass:\"submit-recording\",class:_vm.isRecorded ? 'recorded' : ''},[_c('div',{staticClass:\"submit\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitVideo.apply(null, arguments)}}},[_vm._v(\" SUBMIT \")]),_c('div',{staticClass:\"submit delete\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.downloadVideo.apply(null, arguments)}}},[_vm._v(\" SAVE VIDEO ON DEVICE \")]),_c('div',{staticClass:\"submit delete\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.retakeVideo.apply(null, arguments)}}},[_vm._v(\" DELETE & TRY AGAIN \")])]),_c('DownloadRecordedVideoModal',{attrs:{\"file-name\":_vm.downloadedFileName}}),_c('TaskPromptModal',{attrs:{\"videoTimeLimit\":_vm.time.maxLength,\"prompt\":_vm.taskPrompt}}),_c('b-overlay',{attrs:{\"no-wrap\":\"\",\"show\":_vm.loading}}),_c('VideoUploadModal',{attrs:{\"uploaded\":_vm.uploadedVideo,\"uploadProgress\":_vm.uploadProgress},on:{\"on-video-upload-modal-closed\":_vm.goToResponseDetailPage}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"timer\"},[_c('div',{staticClass:\"timer-title\"},[_vm._v(\"count down timer\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"video-container\"},[_c('video',{staticClass:\"video-js vjs-default-skin\",attrs:{\"id\":\"myVideo\",\"playsinline\":\"\",\"controls\":\"\"}},[_c('p',{staticClass:\"vjs-no-js\"},[_vm._v(\" To view this video please enable JavaScript, or consider upgrading to a web browser that \"),_c('a',{attrs:{\"href\":\"https://videojs.com/html5-video-support/\",\"target\":\"_blank\"}},[_vm._v(\" supports HTML5 video. \")])])])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"download-recorded-video-modal\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"xs\"}},[_c('div',{staticClass:\"modal-title\"},[_vm._v(\"Downloading Video\")]),_c('div',{staticClass:\"modal-text\"},[_vm._v(\"A copy of your video is being downloaded to your device. Click OK to continue.\")]),_c('div',{staticClass:\"modal-text\"},[_vm._v(\"Filename: \"),_c('b',[_vm._v(_vm._s(_vm.fileName))])]),_c('div',{staticClass:\"modal-btns\"},[_c('div',{staticClass:\"btn-ok\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.$bvModal.hide('download-recorded-video-modal')}}},[_vm._v(\" OK \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
Downloading Video
\n
A copy of your video is being downloaded to your device. Click OK to continue.
\n
Filename: {{ fileName }}
\n
\n
\n OK\n
\n
\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DownloadRecordedVideoModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DownloadRecordedVideoModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DownloadRecordedVideoModal.vue?vue&type=template&id=79b9b086\"\nimport script from \"./DownloadRecordedVideoModal.vue?vue&type=script&lang=js\"\nexport * from \"./DownloadRecordedVideoModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./DownloadRecordedVideoModal.vue?vue&type=style&index=0&id=79b9b086&prod&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n
\n \n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyTasksPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyTasksPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MyTasksPage.vue?vue&type=template&id=2ff08987&scoped=true\"\nimport script from \"./MyTasksPage.vue?vue&type=script&lang=js\"\nexport * from \"./MyTasksPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./MyTasksPage.vue?vue&type=style&index=0&id=2ff08987&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"2ff08987\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('DashboardHeader',{attrs:{\"current_tab\":'tasks'}}),(_vm.task)?_c('div',{staticClass:\"dashboard-detail-container\"},[_c('section',{staticClass:\"detail-content\"},[_c('back-button',{attrs:{\"route-params\":{classroomId: this.classroomId},\"route-name\":\"MyTasksPage\"}}),_c('div',{staticClass:\"details-area\"},[_c('div',{staticClass:\"photo\",style:({ backgroundImage: `url('${_vm.task.task_thumbnail}')`})}),_c('div',{staticClass:\"information\"},[_c('div',{staticClass:\"information-content\"},[_c('div',{staticClass:\"task-name\"},[_vm._v(_vm._s(_vm.task.task_name))]),_c('div',{staticClass:\"topic\"},[_vm._v(_vm._s(_vm.task.topic))])]),(!_vm.taskIsComplete || _vm.isVideoProcessError)?_c('router-link',{staticClass:\"action-icon\",attrs:{\"to\":_vm.getGoRoute()}},[(!_vm.hideGoButton)?_c('div',[(_vm.task.due_date && _vm.taskAction === 'createTask')?_c('div',{staticClass:\"due-date-title\"},[_vm._v(\"Due Date: \"),_c('span',[_vm._v(_vm._s(_vm.setDueDate(_vm.task.due_date)))])]):_vm._e(),_c('div',{staticClass:\"do-task\"},[_vm._v(\" Go! \")])]):_vm._e()]):_c('router-link',{staticClass:\"action-icon\",attrs:{\"to\":_vm.getViewRoute()}},[_c('div',{staticClass:\"do-task\"},[_vm._v(\" View \")])])],1)])],1),(_vm.attachmentVideos.length)?_c('section',{staticClass:\"detail-content detail-content--videos\"},_vm._l((_vm.attachmentVideos),function(media){return _c('task-video-media',{key:media.id,attrs:{\"submission\":media,\"video-name\":_vm.removeExtension(media.label)}})}),1):_vm._e(),_c('section',{staticClass:\"detail-content\"},[_c('div',{staticClass:\"prompt-area\"},[_c('div',{staticClass:\"promt-title\"},[_vm._v(\"PROMPT\")]),(_vm.task.video_url && _vm.isCreateTask)?_c('div',{staticClass:\"video-prompt\"},[_c('video-custom',{attrs:{\"src\":_vm.task.video_url}})],1):_vm._e(),(_vm.isCreateTask)?_c('div',{staticClass:\"promt-text\",domProps:{\"innerHTML\":_vm._s(_vm.replaceLineBreaks(_vm.task.create_prompt))}}):_vm._e(),(_vm.isRespondAction)?_c('div',{staticClass:\"promt-text\",domProps:{\"innerHTML\":_vm._s(_vm.replaceLineBreaks(_vm.task.respond_prompt))}}):_vm._e(),_c('div',{staticClass:\"task-video-time-limit\"},[_vm._v(\"TIME: \"),_c('span',[_vm._v(_vm._s(_vm.task.video_time_limit)+\" seconds\")])])]),_c('div',{staticClass:\"downloadable-area\"},[(_vm.task.materials && _vm.task.materials.length > 0)?_c('div',[_vm._m(0),_c('b-list-group',{attrs:{\"horizontal\":\"\"}},_vm._l((_vm.task.materials),function(item,index){return _c('b-list-group-item',{key:'task-material-' + index,staticClass:\"attachment-item\",attrs:{\"href\":item.url,\"target\":\"_blank\",\"id\":'task-material-' + index}},[_c('thumbnail-attachment',{attrs:{\"data\":item}}),_c('b-tooltip',{attrs:{\"target\":'task-material-' + index,\"triggers\":\"hover\"}},[_vm._v(\" \"+_vm._s(item.label)+\" \")]),_c('div',{staticClass:\"attachment-item__label\"},[_vm._v(_vm._s(_vm.truncateString(item.label, 20)))])],1)}),1)],1):_vm._e(),(_vm.task.links && _vm.task.links.length > 0)?_c('div',[_c('div',{staticClass:\"d-title\"},[_vm._v(\"ADDITIONAL LINKS\")]),_vm._l((_vm.task.links),function(link,index){return _c('div',{key:'link-' + index,staticClass:\"link-item\"},[_c('a',{attrs:{\"href\":link.url,\"target\":\"_blank\"}},[_vm._v(_vm._s(link.label))])])})],2):_vm._e(),(_vm.task.media && _vm.task.media.length > 0)?_c('div',[_c('div',{staticClass:\"d-title\"},[_vm._v(\"MEDIA\")]),_c('b-list-group',{attrs:{\"horizontal\":\"\"}},_vm._l((_vm.task.media),function(item,index){return _c('b-list-group-item',{key:'task-media-' + index,staticClass:\"attachment-item\",attrs:{\"href\":item.url,\"target\":\"_blank\",\"id\":'task-media-' + index}},[_c('thumbnail-attachment',{attrs:{\"data\":item}}),_c('b-tooltip',{attrs:{\"target\":'task-media-' + index,\"triggers\":\"hover\"}},[_vm._v(\" \"+_vm._s(item.label)+\" \")]),_c('div',{staticClass:\"attachment-item__label\"},[_vm._v(_vm._s(_vm.truncateString(item.label, 20)))])],1)}),1)],1):_vm._e()])])]):_vm._e(),_c('TaskNotReachableModal'),_c('TaskNotFoundModal')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-title\"},[_vm._v(\" STUDENT SUPPORT MATERIALS \"),_c('div',{staticClass:\"small-text\"},[_vm._v(\"*downloadables\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('i',{class:_vm.thumbnailClass})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbnailAttachments.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbnailAttachments.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ThumbnailAttachments.vue?vue&type=template&id=7c015957&scoped=true\"\nimport script from \"./ThumbnailAttachments.vue?vue&type=script&lang=js\"\nexport * from \"./ThumbnailAttachments.vue?vue&type=script&lang=js\"\nimport style0 from \"./ThumbnailAttachments.vue?vue&type=style&index=0&id=7c015957&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"7c015957\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"task-not-reachable-modal\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"xs\"}},[_c('div',{staticClass:\"modal-title\"},[_vm._v(\"TASK NOT REACHABLE\")]),_c('div',{staticClass:\"modal-text\"},[_vm._v(\"The given task cannot be see/post by students.\")]),_c('div',{staticClass:\"modal-btns\"},[_c('router-link',{staticClass:\"btn-cell cancel\",attrs:{\"to\":{ name: 'MyTasksPage', params: { classroomId: _vm.$route.params.classroomId }}}},[_c('div',{staticClass:\"btn-ok\"},[_vm._v(\" OK \")])])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
TASK NOT REACHABLE
\n
The given task cannot be see/post by students.
\n
\n \n
\n OK\n
\n \n
\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskNotReachableModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskNotReachableModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TaskNotReachableModal.vue?vue&type=template&id=019d770a\"\nimport script from \"./TaskNotReachableModal.vue?vue&type=script&lang=js\"\nexport * from \"./TaskNotReachableModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./TaskNotReachableModal.vue?vue&type=style&index=0&id=019d770a&prod&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"task-not-found-modal\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"xs\"}},[_c('div',{staticClass:\"modal-title\"},[_vm._v(\"TASK NOT FOUND\")]),_c('div',{staticClass:\"modal-text\"},[_vm._v(\"The given task does not belongs to given classroom or does not exist on the system.\")]),_c('div',{staticClass:\"modal-btns\"},[_c('router-link',{staticClass:\"btn-cell cancel\",attrs:{\"to\":{ name: 'MyTasksPage', params: { classroomId: _vm.$route.params.classroomId }}}},[_c('div',{staticClass:\"btn-ok\"},[_vm._v(\" OK \")])])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
TASK NOT FOUND
\n
The given task does not belongs to given classroom or does not exist on the system.
\n
\n \n
\n OK\n
\n \n
\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskNotFoundModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskNotFoundModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TaskNotFoundModal.vue?vue&type=template&id=c3d6a480\"\nimport script from \"./TaskNotFoundModal.vue?vue&type=script&lang=js\"\nexport * from \"./TaskNotFoundModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./TaskNotFoundModal.vue?vue&type=style&index=0&id=c3d6a480&prod&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-row',{staticClass:\"container-media\",class:{'container-media--horizontal': _vm.isHorizontal}},[_c('div',{staticClass:\"container-video\"},[_c('video-custom',{ref:\"videoCustom\",attrs:{\"src\":_vm.submission.url,\"video_processed\":_vm.submission.video_processed,\"submission-id\":_vm.submission.id,\"classroom-id\":_vm.classroomId},on:{\"on-video-loaded\":_vm.checkVideoOrientation}})],1),_c('div',{staticClass:\"container-name\"},[_c('div',{staticClass:\"task-name\"},[_vm._v(_vm._s(_vm.videoName))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n \n
\n
\n
{{ videoName }}
\n
\n \n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskVideoMedia.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskVideoMedia.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TaskVideoMedia.vue?vue&type=template&id=9ddcac88&scoped=true\"\nimport script from \"./TaskVideoMedia.vue?vue&type=script&lang=js\"\nexport * from \"./TaskVideoMedia.vue?vue&type=script&lang=js\"\nimport style0 from \"./TaskVideoMedia.vue?vue&type=style&index=0&id=9ddcac88&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"9ddcac88\",\n null\n \n)\n\nexport default component.exports","\n