\n \n Reset\n \n \n \n Reset Progress \n \n \n \n \n Cancel\n \n \n Confirm\n \n \n \n \n
\n \n If you want to reset your progress, please contact your teacher.\n \n Want to reset your student's job in this activity?\n
\n\n {{ recording ? 'Click to stop' : 'Click to record' }}\n
\n\n \n \n \n \n \n \n \n \n \n
\n \n \n Student's Answer mdi-arrow-down \n
\n \n
\n \n \n \n \n mdi-alert \n \n \n Save\n \n \n \n \n \n mdi-alert \n {{ snackbarText }}\n \n mdi-close \n \n \n
\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateButton.vue?vue&type=template&id=05039718&\"\nimport script from \"./CreateButton.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateButton.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VFadeTransition } from 'vuetify/lib/components/transitions';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSnackbar } from 'vuetify/lib/components/VSnackbar';\ninstallComponents(component, {VBtn,VFadeTransition,VIcon,VSnackbar})\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Qualification.vue?vue&type=style&index=0&id=62f1725b&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Qualification.vue?vue&type=style&index=0&id=62f1725b&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('app-loading',{attrs:{\"loading\":_vm.loading}},[_c('div',[(_vm.homeworks.length)?_c('app-header',{attrs:{\"numbers\":\"\",\"button\":false},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(_vm._s(_vm.names[_vm.currentHomework.type]))]},proxy:true},{key:\"current-step\",fn:function(){return [_vm._v(_vm._s(_vm.model + 1))]},proxy:true},{key:\"max-step\",fn:function(){return [_vm._v(_vm._s(_vm.homeworks.length))]},proxy:true}],null,false,758146292)}):_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"title\"},[(_vm.profile.role === 'STUDENT')?_c('span',[_vm._v(\" No homework assigned yet. \")]):_c('span',[_vm._v(\" No homework available. \")])])]),_c('v-divider',{staticClass:\"mb-3\"}),_c('div',{staticClass:\"d-flex\"},[_c('v-btn',{staticClass:\"text-capitalize ml-auto mt-2\",attrs:{\"color\":\"#29284c\",\"small\":\"\",\"outlined\":\"\",\"width\":\"140\"},on:{\"click\":_vm.backAction}},[_vm._v(\" \"+_vm._s(_vm.backButtonText)+\" \")]),_c('v-btn',{staticClass:\"white--text text-capitalize ml-2 mt-2\",attrs:{\"color\":\"#FF347C\",\"small\":\"\",\"depressed\":\"\",\"width\":\"140\"},on:{\"click\":_vm.buttonAction}},[_vm._v(\" \"+_vm._s(_vm.buttonText)+\" \")])],1),_c('v-slide-x-transition',{attrs:{\"mode\":\"out-in\"}},[_c('keep-alive',[_c(_vm.currentHomework.type,{key:_vm.currentHomework.uuid,tag:\"component\",attrs:{\"data\":_vm.currentHomework}})],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n {{ names[currentHomework.type] }}\n {{ model + 1 }}\n {{ homeworks.length }}\n \n \n \n \n \n
\n \n
\n \n \n No homework assigned yet.\n \n \n No homework available.\n \n
\n \n \n {{ backButtonText }}\n \n \n {{ buttonText }}\n \n
\n \n
\n
\n
\n
\n \n \n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Comment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Comment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Comment.vue?vue&type=template&id=01436a20&scoped=true&\"\nimport script from \"./Comment.vue?vue&type=script&lang=js&\"\nexport * from \"./Comment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Comment.vue?vue&type=style&index=0&id=01436a20&scoped=true&lang=scss&\"\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 \"01436a20\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VAvatar,VBtn,VCard,VDivider,VIcon,VImg,VRow,VSpacer})\n","module.exports = __webpack_public_path__ + \"img/logo_text_bellow.586f55a4.png\";","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Feedback.vue?vue&type=style&index=0&id=e8cb93ae&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Feedback.vue?vue&type=style&index=0&id=e8cb93ae&scoped=true&lang=scss&\"","import './VResponsive.sass'\n\n// Mixins\nimport Measurable, { NumberOrNumberString } from '../../mixins/measurable'\n\n// Types\nimport { VNode } from 'vue'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Measurable).extend({\n name: 'v-responsive',\n\n props: {\n aspectRatio: [String, Number] as NumberOrNumberString,\n },\n\n computed: {\n computedAspectRatio (): number {\n return Number(this.aspectRatio)\n },\n aspectStyle (): object | undefined {\n return this.computedAspectRatio\n ? { paddingBottom: (1 / this.computedAspectRatio) * 100 + '%' }\n : undefined\n },\n __cachedSizer (): VNode | [] {\n if (!this.aspectStyle) return []\n\n return this.$createElement('div', {\n style: this.aspectStyle,\n staticClass: 'v-responsive__sizer',\n })\n },\n },\n\n methods: {\n genContent (): VNode {\n return this.$createElement('div', {\n staticClass: 'v-responsive__content',\n }, this.$slots.default)\n },\n },\n\n render (h): VNode {\n return h('div', {\n staticClass: 'v-responsive',\n style: this.measurableStyles,\n on: this.$listeners,\n }, [\n this.__cachedSizer,\n this.genContent(),\n ])\n },\n})\n","import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PronunciationCard.vue?vue&type=style&index=0&id=23f7380a&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PronunciationCard.vue?vue&type=style&index=0&id=23f7380a&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-container',[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',{staticClass:\"title\",attrs:{\"cols\":\"12\"}},[_c('app-editor',{attrs:{\"value\":JSON.parse(_vm.data.description),\"editable\":false}})],1),_vm._l((_vm.answers),function(answer,index){return _c('v-col',{key:'Question' + index,attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('app-pronunciation-card',{attrs:{\"content\":_vm.data.question_group.questions[index].content,\"src\":_vm.data.question_group.questions[index].question_file,\"value\":_vm.audios[index].audioBlob\n ? _vm.audios[index].audioBlob\n : answer.audio_file},on:{\"input\":function($event){return _vm.onInput($event, index)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span')]},proxy:true}],null,true)})],1)}),_c('v-col',{staticClass:\"text-center mt-8\",attrs:{\"cols\":\"12\"}},[(!_vm.answered)?_c('v-btn',{staticClass:\"white--text text-capitalize\",attrs:{\"color\":\"#29284c\",\"loading\":_vm.loading,\"disabled\":_vm.answered},on:{\"click\":_vm.save}},[_vm._v(\" Save \")]):_c('ProgressResetButton',{attrs:{\"small\":false,\"depressed\":false,\"stepType\":_vm.stepType,\"stepUuid\":_vm.data.uuid},on:{\"reset\":_vm.onReset}}),(_vm.isTeacher)?_c('v-btn',{staticClass:\"white--text ml-2 text-capitalize\",attrs:{\"color\":\"#29284c\",\"loading\":_vm.loadingAssign,\"disabled\":_vm.finished || _vm.disabled},on:{\"click\":function($event){return _vm.assign(_vm.data.uuid)}}},[_vm._v(\" \"+_vm._s(_vm.finished || _vm.disabled ? 'Already assigned' : (\"Assign to \" + (_vm.student.first_name) + \" \" + (_vm.student.last_name)))+\" \")]):_vm._e()],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('app-comment-group',{attrs:{\"divider\":\"\",\"uuid\":_vm.data.comment_group}})],1)],2)],1),(!_vm.isTeacher && _vm.qualification.note)?_c('app-student-note',{attrs:{\"note\":_vm.qualification.note,\"absolute\":\"\"}}):_vm._e(),(_vm.isTeacher && !_vm.qualification.note && _vm.qualification.uuid)?_c('app-qualification',{attrs:{\"qualification\":_vm.qualification,\"absolute\":\"\"},on:{\"new-qual\":function($event){_vm.qualification = $event}}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Save\n \n \n {{\n finished || disabled\n ? 'Already assigned'\n : `Assign to ${student.first_name} ${student.last_name}`\n }}\n \n \n \n \n \n \n
\n\n\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recording.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recording.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Recording.vue?vue&type=template&id=7e66102c&\"\nimport script from \"./Recording.vue?vue&type=script&lang=js&\"\nexport * from \"./Recording.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VContainer,VRow})\n","import VResponsive from './VResponsive'\n\nexport { VResponsive }\nexport default VResponsive\n","import './VAvatar.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Measurable from '../../mixins/measurable'\nimport Roundable from '../../mixins/roundable'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n Colorable,\n Measurable,\n Roundable,\n /* @vue/component */\n).extend({\n name: 'v-avatar',\n\n props: {\n left: Boolean,\n right: Boolean,\n size: {\n type: [Number, String],\n default: 48,\n },\n },\n\n computed: {\n classes (): object {\n return {\n 'v-avatar--left': this.left,\n 'v-avatar--right': this.right,\n ...this.roundedClasses,\n }\n },\n styles (): object {\n return {\n height: convertToUnit(this.size),\n minWidth: convertToUnit(this.size),\n width: convertToUnit(this.size),\n ...this.measurableStyles,\n }\n },\n },\n\n render (h): VNode {\n const data = {\n staticClass: 'v-avatar',\n class: this.classes,\n style: this.styles,\n on: this.$listeners,\n }\n\n return h('div', this.setBackgroundColor(this.color, data), this.$slots.default)\n },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"value\":_vm.value,\"persistent\":\"\",\"max-width\":\"800\"},on:{\"input\":function($event){return _vm.$emit('input', $event)}}},[_c('app-feedback',{ref:\"feedback\",on:{\"new-comment\":_vm.onNewComment,\"input\":function($event){return _vm.$emit('input', $event)}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n \n
\n \n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n Remove Teacher's note \n mdi-delete \n \n \n \n \n \n \n \n \n \n \n \n \n mdi-plus Add New Teacher's note\n \n \n Confirm to delete Teacher's note?\n
\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommentGroup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommentGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CommentGroup.vue?vue&type=template&id=4d8c9908&scoped=true&\"\nimport script from \"./CommentGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./CommentGroup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CommentGroup.vue?vue&type=style&index=0&id=4d8c9908&scoped=true&lang=css&\"\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 \"4d8c9908\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VContainer,VDivider,VIcon,VRow,VSpacer})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"half-radius pa-2 border custom-note\",class:_vm.absolute ? 'absolute-note' : 'fixed-note'},[_c('span',{staticClass:\"title custom-text\"},[_vm._v(\"Your Grade: \"+_vm._s(_vm.computedNote))]),_c('v-icon',{staticClass:\"pb-1\",attrs:{\"color\":\"#29284c\",\"right\":\"\"}},[_vm._v(\"mdi-calendar-edit\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n Student's Answer\n \n mdi-arrow-down-bold\n \n
\n \n