{"version":3,"sources":["webpack:///./src/utils/format.js","webpack:///./src/components/shared/card/CardSubjectInfo.vue?67a5","webpack:///src/components/shared/card/CardSubjectInfo.vue","webpack:///./src/components/shared/card/CardSubjectInfo.vue?0b8e","webpack:///./src/components/shared/card/CardSubjectInfo.vue","webpack:///./src/views/Home/Components/DropDownMenu/OtherMenuDropDown.vue?b55c","webpack:///src/views/Home/Components/DropDownMenu/OtherMenuDropDown.vue","webpack:///./src/views/Home/Components/DropDownMenu/OtherMenuDropDown.vue?7ae5","webpack:///./src/views/Home/Components/DropDownMenu/OtherMenuDropDown.vue","webpack:///./src/utils/table.js","webpack:///./src/views/pages/Teacher/StudentAssignment/index.vue?b917","webpack:///src/views/pages/Teacher/StudentAssignment/index.vue","webpack:///./src/views/pages/Teacher/StudentAssignment/index.vue?9151","webpack:///./src/views/pages/Teacher/StudentAssignment/index.vue"],"names":["dateTimeFormat","yyyymmdd","yyyymmddhhmm","yyyymmddhhmmss","hhmm","momentYYYYMMDD","momentYYYYMMDDhhmmss","momentYYYYMMDDhhmm","momenthhmmsss","momenthhmm","formatSecondToHHMMSS","time","hrs","mins","secs","ret","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","currentPage","attrs","on","navigateToHomeWork","_e","navigateToSubmitScore","navigateToStudentStat","classSectionCompute","subject","code","nameLocal","creditCalGrade","creditDesc","courseOutlineRegistration","periodCode","sectionNo","learnSpanNo","staticRenderFns","component","linkToCourseFaq","linkToWebBoard","linkToVirtualClassExample","tableConfig","minItemsPerPage","maxItemsPerPage","ddlItemsPerPage","$route","params","classSectionId","$vs","rtl","classAssignments","onClassAssignmentChange","scopedSlots","_u","key","fn","ref","topicLocal","option","model","value","callback","$$v","selectedClassAssignment","expression","filterTeacherReceive","onFilterTeacherReceiveChange","selectedFilterTeacherReceive","$event","onDownloadAssigmentClick","studentEnrollDetailsFilter","selectedItemsPerPage","data","_l","tr","indextr","index","getAvatarUrl","student","picturePath","firstNameLocal","lastNameLocal","dropType","formatDate","studentSendDate","teacherReceiveDate","latitude","longitude","onMapClick","remark","onDownloadClick","onEditClick","$set","slot","onBackClick","table","thead","indexth","id","width","title","store","getterType","mutationType","props","type","String","require","components","vSelect","Loader","vsTableMod","CardSubjectInfo","moment","header","selectedFilterHasHomeWork","studentEnrollDetails","studentAssignments","isProcessing","computed","watch","classAssignmentProcessing","studentEnrollDetailProcessing","studentAssignmentProcessing","studentAssignmentSuccess","studentAssignmentError","methods","window","open","url","$router","push","name","filterClassAssignment","onFilterHasHomeWorkClick","geoUri","rsc","entity","e_code","stage","r_stage","date","formatTime","forEach","e","classAssignment","_this","result","studentAssignmentId","assignment","isTeacherReceive","uploadPath","uploadPathUri","uploadFileName","item","filter"],"mappings":"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","file":"js/chunk-9c18c70a.66c8400b.js","sourcesContent":["export const dateTimeFormat = {\n  yyyymmdd: 'yyyy-MM-dd',\n  yyyymmddhhmm: 'yyyy-MM-dd hh:mms',\n  yyyymmddhhmmss: 'yyyy-MM-dd hh:mm:ss',\n  hhmm: 'hh:mm',\n  momentYYYYMMDD: 'YYYY-MM-DD',\n  momentYYYYMMDDhhmmss: 'YYYY-MM-DD HH:mm:ss',\n  momentYYYYMMDDhhmm: 'YYYY-MM-DD HH:mm',\n  momenthhmmsss: 'HH:mm:ss',\n  momenthhmm: 'HH:mm',\n};\n\nexport const configDateTimePicker = {\n  enableTime: true,\n  enableSeconds: true,\n  noCalendar: true\n};\nexport const configDatePicker = {\n  wrap: true, // set wrap to true only when using 'input-group'\n  altFormat: 'M j, Y',\n  altInput: true,\n  dateFormat: 'Y-m-d',\n};\n\nexport const formatSecondToHHMMSS = function (time) {\n  // Hours, minutes and seconds\n  let hrs = ~~(time / 3600);\n  let mins = ~~((time % 3600) / 60);\n  let secs = ~~time % 60;\n\n  // Output like \"1:01\" or \"4:03:59\" or \"123:03:59\"\n  let ret = \"\";\n  if (hrs > 0) {\n    ret += \"\" + hrs + \":\" + (mins < 10 ? \"0\" : \"\");\n  }\n  ret += \"\" + mins + \":\" + (secs < 10 ? \"0\" : \"\");\n  ret += \"\" + secs;\n  return ret;\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2\"},[_c('h5',[_vm._v(\" \"+_vm._s(_vm.$t('class-room.course-outline-desc')))])]),_c('div',{staticClass:\"vx-col sm:w-1/2 text-right\"},[_c('div',{staticClass:\"flex float-right flex-end flex-wrap\"},[(_vm.currentPage !== 'HOME_WORK')?_c('vs-button',{staticClass:\"mr-2\",attrs:{\"color\":\"success\",\"icon\":\"icon-book\",\"icon-pack\":\"feather\",\"size\":\"small\"},on:{\"click\":_vm.navigateToHomeWork}},[_vm._v(\" \"+_vm._s(_vm.$t('teacher-dash-board.home-work'))+\" \")]):_vm._e(),(_vm.currentPage !== 'SUBMIT_SCORE')?_c('vs-button',{staticClass:\"mr-2\",attrs:{\"color\":\"warning\",\"icon\":\"icon-upload\",\"icon-pack\":\"feather\",\"size\":\"small\"},on:{\"click\":_vm.navigateToSubmitScore}},[_vm._v(\" \"+_vm._s(_vm.$t('teacher-dash-board.submit-score'))+\" \")]):_vm._e(),(_vm.currentPage !== 'STUDENT_STAT')?_c('vs-button',{attrs:{\"color\":\"danger\",\"icon\":\"icon-users\",\"icon-pack\":\"feather\",\"size\":\"small\"},on:{\"click\":_vm.navigateToStudentStat}},[_vm._v(\" \"+_vm._s(_vm.$t('teacher-dash-board.student-stat'))+\" \")]):_vm._e(),(_vm.classSectionCompute)?_c('other-menu-drop-down',{attrs:{\"item\":_vm.classSectionCompute}}):_vm._e()],1)])]),_c('vs-divider'),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col flex-1\"},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('course-outline-registration.subject-code')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[(_vm.subject)?_c('span',[_vm._v(_vm._s(_vm.subject.code))]):_c('span',[_vm._v(\"-\")])])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('course-outline-registration.subject-name')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[(_vm.subject)?_c('span',[_vm._v(_vm._s(_vm.subject.nameLocal))]):_c('span',[_vm._v(\"-\")])])])]),_c('div',{staticClass:\"vx-col flex-1\"},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('course-outline-registration.credit')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[(_vm.subject)?_c('span',[_vm._v(_vm._s(_vm.subject.creditCalGrade + ' ' + _vm.subject.creditDesc))]):_c('span',[_vm._v(\"-\")])])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('course-outline-registration.academic-period-short')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[(_vm.courseOutlineRegistration)?_c('span',[_vm._v(_vm._s(_vm.courseOutlineRegistration.periodCode))]):_c('span',[_vm._v(\"-\")])])])]),_c('div',{staticClass:\"vx-col flex-1\"},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('class-room.class-section')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[(_vm.classSectionCompute)?_c('span',[_vm._v(_vm._s(_vm.classSectionCompute.sectionNo))]):_vm._e()])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\" \"+_vm._s(_vm.$t('class-room.class-section-learn-span-no')))])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[(_vm.classSectionCompute)?_c('span',[_vm._v(_vm._s(_vm.classSectionCompute.learnSpanNo))]):_c('span',[_vm._v(\"-\")])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <vx-card class=\"mb-base\">\n      <div class=\"vx-row\">\n        <div class=\"vx-col sm:w-1/2\">\n          <h5> {{ $t('class-room.course-outline-desc') }}</h5>\n        </div>\n        <div class=\"vx-col sm:w-1/2 text-right\">\n\n          <div class=\"flex float-right flex-end flex-wrap\">\n\n            <vs-button @click=\"navigateToHomeWork\"\n                       class=\"mr-2\"\n                       color=\"success\" icon=\"icon-book\" icon-pack=\"feather\"\n                       size=\"small\" v-if=\"currentPage !== 'HOME_WORK'\">\n              {{ $t('teacher-dash-board.home-work') }}\n            </vs-button>\n\n            <vs-button @click=\"navigateToSubmitScore\"\n                       class=\"mr-2\"\n                       color=\"warning\" icon=\"icon-upload\" icon-pack=\"feather\"\n                       size=\"small\" v-if=\"currentPage !== 'SUBMIT_SCORE'\">\n              {{ $t('teacher-dash-board.submit-score') }}\n            </vs-button>\n\n            <vs-button @click=\"navigateToStudentStat\"\n                       color=\"danger\"\n                       icon=\"icon-users\" icon-pack=\"feather\"\n                       size=\"small\" v-if=\"currentPage !== 'STUDENT_STAT'\">\n              {{ $t('teacher-dash-board.student-stat') }}\n            </vs-button>\n\n            <other-menu-drop-down v-if=\"classSectionCompute\" :item=\"classSectionCompute\"></other-menu-drop-down>\n\n          </div>\n\n          <!--<div class=\"vx-row\">\n\n            <div class=\"vx-col sm:w-1/3\">\n              <vs-button color=\"success\" size=\"small\"\n                         icon-pack=\"feather\" icon=\"icon-book\">\n                {{ $t('teacher-dash-board.home-work') }}\n              </vs-button>\n            </div>\n            <div class=\"vx-col sm:w-1/3\">\n              <vs-button color=\"warning\" size=\"small\"\n                         icon-pack=\"feather\" icon=\"icon-upload\">\n                {{ $t('teacher-dash-board.submit-score') }}\n              </vs-button>\n            </div>\n            <div class=\"vx-col sm:w-1/3\">\n              <vs-button color=\"danger\" size=\"small\"\n                         icon-pack=\"feather\" icon=\"icon-users\">\n                {{ $t('teacher-dash-board.student-stat') }}\n              </vs-button>\n            </div>\n\n          </div>-->\n\n        </div>\n      </div>\n\n      <vs-divider/>\n\n      <div class=\"vx-row\">\n\n        <!-- Information - Col 1 -->\n        <div class=\"vx-col flex-1\">\n\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span class=\"font-semibold\"> {{ $t('course-outline-registration.subject-code') }}</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <span v-if=\"subject\">{{ subject.code }}</span>\n              <span v-else>-</span>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span class=\"font-semibold\"> {{ $t('course-outline-registration.subject-name') }}</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <span v-if=\"subject\">{{ subject.nameLocal }}</span>\n              <span v-else>-</span>\n            </div>\n          </div>\n\n        </div>\n\n        <!-- Information - Col 2 -->\n        <div class=\"vx-col flex-1\">\n\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span class=\"font-semibold\"> {{ $t('course-outline-registration.credit') }}</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <span v-if=\"subject\">{{ subject.creditCalGrade + ' ' + subject.creditDesc}}</span>\n              <span v-else>-</span>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span class=\"font-semibold\"> {{ $t('course-outline-registration.academic-period-short') }}</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <span v-if=\"courseOutlineRegistration\">{{ courseOutlineRegistration.periodCode }}</span>\n              <span v-else>-</span>\n            </div>\n          </div>\n\n        </div>\n\n        <!-- Information - Col 3 -->\n        <div class=\"vx-col flex-1\">\n\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span class=\"font-semibold\"> {{ $t('class-room.class-section') }}</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <span v-if=\"classSectionCompute\">{{ classSectionCompute.sectionNo }}</span>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-6\">\n            <div class=\"vx-col sm:w-1/3 w-full\">\n              <span class=\"font-semibold\"> {{ $t('class-room.class-section-learn-span-no') }}</span>\n            </div>\n            <div class=\"vx-col sm:w-2/3 w-full\">\n              <span v-if=\"classSectionCompute\">{{ classSectionCompute.learnSpanNo }}</span>\n              <span v-else>-</span>\n            </div>\n          </div>\n\n\n        </div>\n\n\n      </div>\n  </vx-card>\n\n</template>\n\n<script>\n  import _store from '@/store';\n  import ClassSection from '@/store/modules/courses/class-section/index';\n  import {createNamespacedHelpers} from \"vuex\";\n  import {createHelpers} from \"vuex-map-fields\";\n  import OtherMenuDropDown from \"../../../views/Home/Components/DropDownMenu/OtherMenuDropDown\";\n\n  if (!_store.state.ClassSection) _store.state.registerModule(`ClassSection`, ClassSection);\n\n  const {\n    mapActions: mapClassSectionActions,\n  } = createNamespacedHelpers(`ClassSection`);\n\n\n  const {\n    mapFields: mapClassSectionFields,\n  } = createHelpers({\n    getterType: `ClassSection/getField`,\n    mutationType: `ClassSection/updateField`,\n  });\n\n  export default {\n    props: {\n      classSectionId: {\n        type: String,\n        require: true,\n      },\n      currentPage: {\n        type: String,\n        require: true,\n      }\n\n    },\n    components: {\n      OtherMenuDropDown,\n    },\n    data() {\n      return {\n        classSection: {},\n      }\n    },\n    computed: {\n      ...mapClassSectionFields({\n        studentAssignmentProcessing: 'processing',\n      }),\n      courseOutlineRegistration() {\n        return this.classSection ? this.classSection.courseOutlineRegistration : null;\n      },\n      classSectionCompute() {\n        return this.classSection ? this.classSection : null;\n      },\n      subject() {\n        return this.classSection && this.classSection.courseOutlineRegistration\n          ? this.classSection.courseOutlineRegistration.subject : null;\n      },\n\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapClassSectionActions({\n        getClassSection: 'getClassSection',\n      }),\n      //---------------------------------------- Event Function ------------------------------------------------------//\n      navigateToHomeWork() {\n        this.$router.push({\n          name: 'student-assignment',\n          params: {\n            classSectionId: this.classSection.id\n          }\n        })\n          .catch(() => {\n          })\n      },\n      navigateToSubmitScore() {\n        this.$router.push({\n          name: 'student-score',\n          params: {\n            classSectionId: this.classSection.id\n          }\n        })\n          .catch(() => {\n          })\n      },\n      navigateToStudentStat() {\n        this.$router.push({\n          name: 'student-stats',\n          params: {\n            classSectionId: this.classSection.id\n          }\n        })\n          .catch(() => {\n          })\n      },\n      //---------------------------------------- Local Function ------------------------------------------------------//\n      async initData() {\n        this.classSection = await this.getClassSection({id: this.classSectionId});\n      },\n    },\n    async mounted() {\n      await this.initData();\n    }\n  }\n</script>\n\n<style scoped>\n\n</style>\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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardSubjectInfo.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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardSubjectInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardSubjectInfo.vue?vue&type=template&id=8cb5a38a&scoped=true&\"\nimport script from \"./CardSubjectInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./CardSubjectInfo.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  \"8cb5a38a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-dropdown',[_c('vs-button',{staticClass:\"btn-drop p-2\",attrs:{\"size\":\"small\",\"type\":\"flat\"}},[_c('more-vertical-icon',{attrs:{\"size\":\"2x\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',{attrs:{\"to\":_vm.linkToCourseFaq}},[_vm._v(\" \"+_vm._s(_vm.$t('teacher-dash-board.faqs'))+\" \")]),_c('vs-dropdown-item',{attrs:{\"to\":_vm.linkToWebBoard}},[_vm._v(\" \"+_vm._s(_vm.$t('teacher-dash-board.web-board'))+\" \")]),_c('vs-dropdown-item',{attrs:{\"to\":_vm.linkToVirtualClassExample}},[_vm._v(\" \"+_vm._s(_vm.$t('teacher-dash-board.virtual-class-example'))+\" \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vs-dropdown>\n\n    <vs-button class=\"btn-drop p-2\" size=\"small\" type=\"flat\">\n      <more-vertical-icon size=\"2x\"></more-vertical-icon>\n    </vs-button>\n\n    <vs-dropdown-menu>\n      <!--FAQS-->\n      <vs-dropdown-item :to=\"linkToCourseFaq\">\n        {{ $t('teacher-dash-board.faqs') }}\n      </vs-dropdown-item>\n\n      <!--WEB BOARD-->\n      <vs-dropdown-item :to=\"linkToWebBoard\">\n        {{ $t('teacher-dash-board.web-board') }}\n      </vs-dropdown-item>\n\n      <!--CHAT-->\n      <!--<vs-dropdown-item to=\"/myLink\">\n        {{ $t('teacher-dash-board.chat') }}\n      </vs-dropdown-item>-->\n\n      <!--VIRTUAL CLASS EXAMPLE-->\n      <vs-dropdown-item :to=\"linkToVirtualClassExample\">\n        {{ $t('teacher-dash-board.virtual-class-example') }}\n      </vs-dropdown-item>\n\n    </vs-dropdown-menu>\n  </vs-dropdown>\n</template>\n\n<script>\n  import {MoreVerticalIcon} from 'vue-feather-icons'\n\n  export default {\n    name: \"OtherMenuDropdown\",\n    props: [\n      'item'\n    ],\n    components: {\n      MoreVerticalIcon\n    },\n    computed:{\n      linkToCourseFaq(){\n        if(this.item){\n          let courseOutline, classSection;\n          if(this.item.courseOutlineRegistration && this.item.courseOutlineRegistration.courseOutline){\n            courseOutline = this.item.courseOutlineRegistration.courseOutline;\n            classSection = this.item.classSection;\n          }else if(this.item.courseOutline){\n            courseOutline = this.item.courseOutline;\n            classSection = this.item;\n          }\n          if(courseOutline && classSection){\n            return {\n              path: `/course-faq/${classSection.id}/${courseOutline.id}`,\n              params: {\n                classSectionId: classSection.id,\n                courseOutlineId: courseOutline.id,\n              },\n            };\n          }\n        }\n\n        return '';\n      },\n      linkToWebBoard(){\n        if(this.item){\n          let classSection;\n          if(this.item.classSection){\n            classSection = this.item.classSection;\n          }else if(this.item.courseOutline){\n            classSection = this.item;\n          }\n          if(classSection){\n            return {\n              path: `/web-board/${classSection.id}`,\n              params: {\n                classSectionId: classSection.id,\n              },\n            };\n          }\n        }\n\n        return '';\n      },\n      linkToVirtualClassExample(){\n        if(this.item){\n          let classSection;\n          if(this.item.classSection){\n            classSection = this.item.classSection;\n          }else if(this.item.courseOutline){\n            classSection = this.item;\n          }\n          if(classSection){\n            return {\n              path: `/e-learning/virtual-class/${classSection.id}`,\n              params: {\n                classSectionId: classSection.id,\n              },\n            };\n          }\n        }\n\n        return '';\n      },\n    },\n  }\n</script>\n\n<style scoped>\n\n</style>\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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OtherMenuDropDown.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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OtherMenuDropDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OtherMenuDropDown.vue?vue&type=template&id=5ca5b860&scoped=true&\"\nimport script from \"./OtherMenuDropDown.vue?vue&type=script&lang=js&\"\nexport * from \"./OtherMenuDropDown.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  \"5ca5b860\",\n  null\n  \n)\n\nexport default component.exports","\nexport const tableConfig = {\n  minItemsPerPage: 10,\n  maxItemsPerPage: 20,\n  ddlItemsPerPage: [20,50,100,150,200],\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.isProcessing)?_c('Loader',{attrs:{\"cover\":\"\"}}):_vm._e(),_c('card-subject-info',{attrs:{\"classSectionId\":_vm.$route.params.classSectionId,\"currentPage\":\"HOME_WORK\"}}),_c('vx-card',[_c('div',{staticClass:\"vx-row mb-4\"},[_c('div',{staticClass:\"vx-col md:w-1/3 sm:w-1/2\"},[_c('label',{staticClass:\"text-sm opacity-75\"},[_vm._v(_vm._s(_vm.$t('student-assignment.assignment')))]),_c('v-select',{attrs:{\"clearable\":false,\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr',\"options\":_vm.classAssignments,\"label\":\"topicLocal\",\"selectOnTab\":\"\"},on:{\"input\":_vm.onClassAssignmentChange},scopedSlots:_vm._u([{key:\"selected-option\",fn:function(ref){\nvar topicLocal = ref.topicLocal;\nreturn [_vm._v(\" \"+_vm._s(topicLocal)+\" \")]}},{key:\"option\",fn:function(option){return [_vm._v(\" \"+_vm._s(option.topicLocal)+\" \")]}}]),model:{value:(_vm.selectedClassAssignment),callback:function ($$v) {_vm.selectedClassAssignment=$$v},expression:\"selectedClassAssignment\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/3 sm:w-1/2\"},[_c('label',{staticClass:\"text-sm opacity-75\"},[_vm._v(_vm._s(_vm.$t('student-assignment.filter-teacher-receive')))]),_c('v-select',{attrs:{\"clearable\":false,\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr',\"options\":_vm.filterTeacherReceive,\"selectOnTab\":\"\"},on:{\"input\":_vm.onFilterTeacherReceiveChange},model:{value:(_vm.selectedFilterTeacherReceive),callback:function ($$v) {_vm.selectedFilterTeacherReceive=$$v},expression:\"selectedFilterTeacherReceive\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/3 sm:w-1/2\"},[_c('vs-button',{staticClass:\"float-right mt-5\",attrs:{\"color\":\"primary\",\"icon-pack\":\"feather\",\"icon\":\"icon-download\"},on:{\"click\":function($event){return _vm.onDownloadAssigmentClick()}}},[_vm._v(\" \"+_vm._s(_vm.$t('student-assignment.download-assignment'))+\" \")])],1)]),_c('vs-table-mod',{attrs:{\"data\":_vm.studentEnrollDetailsFilter,\"max-items\":_vm.selectedItemsPerPage,\"pagination\":\"\",\"search\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":{ data: tr, index: indextr }}},[_c('vs-td',[_c('div',{staticClass:\"flex items-center\"},[_c('vs-avatar',{staticClass:\"flex-shrink-0 mr-2\",attrs:{\"src\":_vm.getAvatarUrl(tr.student.picturePath),\"size\":\"30px\"}}),_vm._v(\" \"+_vm._s(tr.student.firstNameLocal + ' ' + tr.student.lastNameLocal)+\" \"),_c('br'),_vm._v(\" \"+_vm._s(tr.student.code)+\" \"),(tr.isDrop)?_c('span',[_vm._v(\"(\"+_vm._s(tr.dropType)+\")\")]):_vm._e()],1)]),_c('vs-td',[_vm._v(\" \"+_vm._s(_vm.$t('student-assignment.send-date'))+\" \"+_vm._s(_vm.formatDate(tr.studentSendDate))+\" \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.$t('student-assignment.receive-date'))+\" \"+_vm._s(_vm.formatDate(tr.teacherReceiveDate))+\" \")]),_c('vs-td',[(tr.latitude != null && tr.longitude != null)?_c('a',[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"MapPinIcon\",\"svgClasses\":\"w-5 h-5 text-primary stroke-current\"},on:{\"click\":function($event){return _vm.onMapClick(tr.latitude, tr.longitude)}}})],1):_vm._e()]),_c('vs-td',[_vm._v(\" \"+_vm._s(tr.remark)+\" \"),_c('br'),(tr.uploadPathUri)?_c('feather-icon',{staticClass:\"ml-1 cursor-pointer\",attrs:{\"icon\":\"DownloadIcon\",\"svgClasses\":\"w-5 h-5 text-primary stroke-current\"},on:{\"click\":function($event){return _vm.onDownloadClick(tr)}}}):_vm._e()],1),_c('vs-td',{staticClass:\"whitespace-no-wrap\"},[(tr.studentAssignmentId)?_c('vs-switch',{attrs:{\"color\":\"success\"},on:{\"input\":function($event){return _vm.onEditClick(tr)}},model:{value:(tr.isTeacherReceive),callback:function ($$v) {_vm.$set(tr, \"isTeacherReceive\", $$v)},expression:\"tr.isTeacherReceive\"}},[_c('span',{attrs:{\"slot\":\"on\"},slot:\"on\"},[_vm._v(_vm._s(_vm.$t('student-assignment.receive')))]),_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(_vm._s(_vm.$t('student-assignment.reject')))])]):_vm._e()],1)],1)})}}])},[_c('template',{slot:\"header-left\"},[_c('div',{staticClass:\"vx-col md:w-1/6 sm:w-full \"},[_c('v-select',{staticClass:\"mb-4 md:mb-0\",attrs:{\"clearable\":false,\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr',\"options\":_vm.maxItemsPerPage,\"selectOnTab\":\"\"},model:{value:(_vm.selectedItemsPerPage),callback:function ($$v) {_vm.selectedItemsPerPage=$$v},expression:\"selectedItemsPerPage\"}})],1)]),_c('template',{slot:\"header\"},[_c('vx-tooltip',{attrs:{\"text\":_vm.$t('general.back')}},[_c('vs-button',{staticClass:\"ml-2\",attrs:{\"color\":\"success\",\"icon\":\"icon-arrow-left\",\"icon-pack\":\"feather\",\"radius\":\"\",\"type\":\"filled\"},on:{\"click\":_vm.onBackClick}})],1)],1),_vm._l((_vm.table.header),function(thead,indexth){return _c('template',{slot:\"thead\"},[_c('vs-th',{key:indexth,staticClass:\"text-center\",attrs:{\"sort-key\":thead.id,\"width\":thead.width}},[_vm._v(\" \"+_vm._s(_vm.$t(thead.title))+\" \")])],1)})],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n\n    <Loader v-if=\"isProcessing\" cover/>\n\n    <card-subject-info :classSectionId=\"$route.params.classSectionId\" currentPage=\"HOME_WORK\"></card-subject-info>\n\n    <vx-card>\n      <div class=\"vx-row mb-4\">\n\n        <div class=\"vx-col md:w-1/3 sm:w-1/2\">\n          <label class=\"text-sm opacity-75\">{{ $t('student-assignment.assignment') }}</label>\n          <v-select v-model=\"selectedClassAssignment\" :clearable=\"false\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\"\n                    :options=\"classAssignments\"\n                    label=\"topicLocal\"\n                    selectOnTab\n                    @input=\"onClassAssignmentChange\">\n\n            <!--label option-->\n            <template #selected-option=\"{ topicLocal }\">\n              {{ topicLocal }}\n            </template>\n\n            <!--option list-->\n            <template v-slot:option=\"option\">\n              {{ option.topicLocal }}\n            </template>\n\n          </v-select>\n        </div>\n\n        <div class=\"vx-col md:w-1/3 sm:w-1/2\">\n          <label class=\"text-sm opacity-75\">{{ $t('student-assignment.filter-teacher-receive') }}</label>\n          <v-select v-model=\"selectedFilterTeacherReceive\" :clearable=\"false\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\"\n                    :options=\"filterTeacherReceive\"\n                    selectOnTab\n                    @input=\"onFilterTeacherReceiveChange\">\n          </v-select>\n        </div>\n\n        <div class=\"vx-col md:w-1/3 sm:w-1/2\">\n          <vs-button @click=\"onDownloadAssigmentClick()\"\n                     class=\"float-right mt-5\"\n                     color=\"primary\"\n                     icon-pack=\"feather\"\n                     icon=\"icon-download\">\n            {{ $t('student-assignment.download-assignment') }}\n          </vs-button>\n        </div>\n\n      </div>\n\n      <vs-table-mod :data=\"studentEnrollDetailsFilter\"\n                    :max-items=\"selectedItemsPerPage\"\n                    pagination\n                    search\n      >\n        <template slot=\"header-left\">\n          <div class=\"vx-col md:w-1/6 sm:w-full \">\n            <v-select v-model=\"selectedItemsPerPage\" :clearable=\"false\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\"\n                      :options=\"maxItemsPerPage\"\n                      class=\"mb-4 md:mb-0\"\n                      selectOnTab>\n            </v-select>\n          </div>\n        </template>\n\n        <template slot=\"header\">\n          <vx-tooltip :text=\"$t('general.back')\">\n            <vs-button\n              class=\"ml-2\"\n              color=\"success\" icon=\"icon-arrow-left\" icon-pack=\"feather\" radius type=\"filled\"\n              @click=\"onBackClick\"></vs-button>\n          </vx-tooltip>\n        </template>\n\n        <template v-for=\"(thead, indexth) in table.header\"\n                  slot=\"thead\"\n        >\n          <vs-th :key=\"indexth\" :sort-key=\"thead.id\" :width=\"thead.width\" class=\"text-center\">\n            {{ $t(thead.title) }}\n          </vs-th>\n        </template>\n\n        <template slot-scope=\"{data}\">\n          <vs-tr\n            v-for=\"(tr, indextr) in data\"\n            :key=\"indextr\"\n            :data=\"{ data: tr, index: indextr }\"\n          >\n<!--            <vs-td>\n              {{ tr.student.code }}\n            </vs-td>-->\n            <vs-td>\n              <div class=\"flex items-center\">\n                <vs-avatar :src=\"getAvatarUrl(tr.student.picturePath)\" class=\"flex-shrink-0 mr-2\"\n                           size=\"30px\"\n                />\n                {{ tr.student.firstNameLocal + ' ' + tr.student.lastNameLocal }}\n                <br>\n                {{ tr.student.code }} <span v-if=\"tr.isDrop\">({{ tr.dropType }})</span>\n              </div>\n            </vs-td>\n            <vs-td>\n              {{ $t('student-assignment.send-date') }} {{ formatDate(tr.studentSendDate) }}\n              <br>\n              {{ $t('student-assignment.receive-date') }} {{ formatDate(tr.teacherReceiveDate) }}\n            </vs-td>\n            <vs-td>\n              <a v-if=\"tr.latitude != null && tr.longitude != null\">\n                <feather-icon class=\"cursor-pointer\" icon=\"MapPinIcon\"\n                              svgClasses=\"w-5 h-5 text-primary stroke-current\"\n                              @click=\"onMapClick(tr.latitude, tr.longitude)\"/>\n              </a>\n            </vs-td>\n<!--            <vs-td>\n            </vs-td>-->\n            <vs-td>\n              {{ tr.remark }}\n              <br>\n              <feather-icon v-if=\"tr.uploadPathUri\"\n                            class=\"ml-1 cursor-pointer\" icon=\"DownloadIcon\"\n                            svgClasses=\"w-5 h-5 text-primary stroke-current\"\n                            @click=\"onDownloadClick(tr)\"/>\n            </vs-td>\n\n            <vs-td class=\"whitespace-no-wrap\">\n              <vs-switch v-if=\"tr.studentAssignmentId\"\n                         v-model=\"tr.isTeacherReceive\" color=\"success\"\n                         @input=\"onEditClick(tr)\">\n                <span slot=\"on\">{{ $t('student-assignment.receive') }}</span>\n                <span slot=\"off\">{{ $t('student-assignment.reject') }}</span>\n              </vs-switch>\n            </vs-td>\n\n\n          </vs-tr>\n        </template>\n      </vs-table-mod>\n\n    </vx-card>\n\n  </div>\n</template>\n\n<script>\nimport store from '@/store';\nimport {tableConfig} from '@/utils/table'\nimport {showStateNotification} from '@/utils/notification'\nimport moment from 'moment';\nimport {dateTimeFormat} from '@/utils/format';\n\nimport StudentAssignment from '@/store/modules/student-assignment/index';\nimport StudentEnrollDetail from '@/store/modules/student-enroll-detail/index';\nimport ClassAssignment from '@/store/modules/courses/class-assignment/index';\nimport {createHelpers} from 'vuex-map-fields';\nimport {createNamespacedHelpers} from \"vuex\";\nimport vSelect from \"vue-select\";\nimport {getAvatarUrl, config} from \"@/utils/upload\";\nimport CardSubjectInfo from \"@/components/shared/card/CardSubjectInfo\";\nimport {APIServerPrisma2} from \"@/constants/config\";\n\nif (!store.state.StudentAssignment) store.state.registerModule(`StudentAssignment`, StudentAssignment);\nif (!store.state.StudentEnrollDetail) store.state.registerModule(`StudentEnrollDetail`, StudentEnrollDetail);\nif (!store.state.ClassAssignment) store.state.registerModule(`ClassAssignment`, ClassAssignment);\n\nconst {\n  mapActions: mapClassAssignmentActions,\n} = createNamespacedHelpers(`ClassAssignment`);\nconst {\n  mapActions: mapStudentAssignmentActions,\n} = createNamespacedHelpers(`StudentAssignment`);\nconst {\n  mapActions: mapStudentEnrollDetailActions,\n} = createNamespacedHelpers(`StudentEnrollDetail`);\n\n\nconst {\n  mapFields: mapClassAssignmentFields,\n} = createHelpers({\n  getterType: `ClassAssignment/getField`,\n  mutationType: `ClassAssignment/updateField`,\n});\nconst {\n  mapFields: mapStudentAssignmentFields,\n} = createHelpers({\n  getterType: `StudentAssignment/getField`,\n  mutationType: `StudentAssignment/updateField`,\n});\nconst {\n  mapFields: mapStudentEnrollDetailFields,\n} = createHelpers({\n  getterType: `StudentEnrollDetail/getField`,\n  mutationType: `StudentEnrollDetail/updateField`,\n});\n\nexport default {\n  props: {\n    classSectionId: {\n      type: String,\n      require: true,\n    }\n  },\n  components: {\n    vSelect,\n    Loader: () => import('@/components/common-ui/loader-block/index.vue'),\n    vsTableMod: () => import('@/components/vuesax-mod/components/vsTable/vsTable.vue'),\n    CardSubjectInfo,\n  },\n  data() {\n    return {\n      moment: moment,\n      dateTimeFormat: dateTimeFormat,\n      getAvatarUrl: getAvatarUrl,\n      table: {\n        header: [\n          // {title: 'live-class-schedule.no', id: 'no'},\n          {title: 'student-assignment.student', id: 'studentCode', width: 220},\n          // {title: 'student-enroll.student-name', id: 'studentName'},\n          {title: 'student-assignment.send-receive-date', id: 'send', width: 220},\n          {title: 'student-assignment.send-from', id: 'sendFrom', width: 220},\n          // {title: 'student-assignment.receive-date', id: 'receive'},\n          {title: 'student-assignment.desc', id: 'remark', width: 460},\n          {title: 'student-assignment.receive', id: 'isEnabled', width: 150},\n        ]\n      },\n      maxItemsPerPage: tableConfig.ddlItemsPerPage,\n      selectedItemsPerPage: tableConfig.maxItemsPerPage,\n      filterTeacherReceive: [\n        this.$t('student-assignment.all'),\n        this.$t('student-assignment.not-receive'),\n        this.$t('student-assignment.received'),\n        this.$t('student-assignment.not-send'),\n      ],\n      selectedFilterHasHomeWork: true,\n      selectedFilterTeacherReceive: this.$t('student-assignment.all'),\n\n      studentEnrollDetails: [],\n      studentEnrollDetailsFilter: [],\n      studentAssignments: [],\n      classAssignments: [],\n      selectedClassAssignment: null,\n      isProcessing: true,\n    }\n  },\n  computed: {\n    ...mapClassAssignmentFields({classAssignmentProcessing: 'processing'}),\n    ...mapStudentEnrollDetailFields({studentEnrollDetailProcessing: 'processing'}),\n    ...mapStudentAssignmentFields({\n      studentAssignmentProcessing: 'processing',\n      studentAssignmentSuccess: 'success',\n      studentAssignmentError: 'error'\n    }),\n  },\n  watch: {\n    classAssignmentProcessing(data) {\n      this.isProcessing = data;\n    },\n    studentEnrollDetailProcessing(data) {\n      this.isProcessing = data;\n    },\n    studentAssignmentProcessing(data) {\n      this.isProcessing = data;\n    },\n    studentAssignmentSuccess(data) {\n      showStateNotification(this.$vs, data);\n    },\n    studentAssignmentError(data) {\n      showStateNotification(this.$vs, data);\n    },\n  },\n  methods: {\n    //---------------------------------------- State Function ------------------------------------------------------//\n    ...mapClassAssignmentActions({\n      getClassAssignmentsByFilter: 'getClassAssignmentsByFilter',\n    }),\n    ...mapStudentAssignmentActions({\n      getStudentAssignmentsByFilter: 'getStudentAssignmentsByFilter',\n      updateStudentAssignmentTeacherReceive: 'updateStudentAssignmentTeacherReceive',\n    }),\n    ...mapStudentEnrollDetailActions({\n      getStudentEnrollDetailsByFilterForHomeWork: 'getStudentEnrollDetailsByFilterForHomeWork',\n    }),\n    //---------------------------------------- Event Function ------------------------------------------------------//\n    async onEditClick(tr) {\n      let payload = {\n        id: tr.studentAssignmentId,\n        studentAssignmentInput: {\n          isTeacherReceive: tr.isTeacherReceive\n        }\n      }\n\n      let result = await this.updateStudentAssignmentTeacherReceive(payload);\n      if (result) {\n        let index = this.studentEnrollDetails.findIndex(item => item.id === result.studentEnrollDetail.id);\n        this.studentEnrollDetails[index] = {\n          ...this.studentEnrollDetails[index],\n          studentAssignmentId: result.id,\n          remark: result.remark,\n          studentSendDate: result.studentSendDate,\n          teacherReceiveDate: result.teacherReceiveDate,\n          isTeacherReceive: result.isTeacherReceive,\n          uploadPath: result.uploadPath,\n          uploadPathUri: result.uploadPathUri,\n          uploadFileName: result.uploadFileName,\n          classAssignment: result.classAssignment\n        }\n\n        let indexFilter = this.studentEnrollDetailsFilter.findIndex(item => item.id === result.studentEnrollDetail.id);\n        this.studentEnrollDetailsFilter[indexFilter] = {\n          ...this.studentEnrollDetailsFilter[indexFilter],\n          studentAssignmentId: result.id,\n          remark: result.remark,\n          studentSendDate: result.studentSendDate,\n          teacherReceiveDate: result.teacherReceiveDate,\n          isTeacherReceive: result.isTeacherReceive,\n          uploadPath: result.uploadPath,\n          uploadPathUri: result.uploadPathUri,\n          uploadFileName: result.uploadFileName,\n          classAssignment: result.classAssignment\n        }\n\n      }\n    },\n    onDownloadClick(tr) {\n      let url = config.url.downloadFile + tr.uploadPathUri;\n      window.open(url, '_blank');\n    },\n    onBackClick() {\n      this.$router.push({\n        name: 'home',\n      })\n    },\n    onClassAssignmentChange() {\n      this.studentEnrollDetailsFilter = this.filterClassAssignment();\n    },\n    onFilterTeacherReceiveChange() {\n      this.studentEnrollDetailsFilter = this.filterClassAssignment();\n    },\n    onFilterHasHomeWorkClick() {\n      this.studentEnrollDetailsFilter = this.filterClassAssignment();\n    },\n    onMapClick(latitude, longitude) {\n      const geoUri = \"http://maps.google.com/maps?q=loc:\" + latitude + \",\" + longitude;\n      //open new tab\n      window.open(geoUri, '_blank');\n    },\n    onDownloadAssigmentClick() {\n      this.isProcessing = true;\n\n      const rsc = JSON.parse(localStorage.getItem(\"rsc\"));\n      let entity, stage\n      if (rsc) {\n        entity = rsc.e_code;\n        stage = rsc.r_stage;\n      }\n      let url = APIServerPrisma2\n        + '/api/export_excel_student_assignment'\n        + '/' + this.$route.params.classSectionId\n        + '/' + entity\n        + '/' + stage;\n      window.open(url, '_blank');\n\n      this.isProcessing = false;\n    },\n    //---------------------------------------- Local Function ------------------------------------------------------//\n    formatDate(date) {\n      if (date) {\n        return moment(date).format(dateTimeFormat.momentYYYYMMDDhhmmss)\n      }\n      return '-'\n    },\n    formatTime(date) {\n      if (date) {\n        return moment(date).format(dateTimeFormat.momenthhmmsss)\n      }\n      return '-'\n    },\n    filterClassAssignment() {\n      const _this = this;\n\n      let result = []\n      //loop student\n      this.studentEnrollDetails.forEach(item => {\n        //assignment of current loop student\n        let studentAssignments = _this.studentAssignments.filter(e => {\n          return e.classAssignment.id === _this.selectedClassAssignment.id\n            && e.studentCode === item.student.code\n        });\n\n        if(studentAssignments && studentAssignments.length > 0) {\n          //add all assignment to array\n          studentAssignments.forEach(assignment => {\n            result.push({\n              ...item,\n              studentAssignmentId: assignment.id,\n              remark: assignment.remark,\n              studentSendDate: assignment.studentSendDate,\n              teacherReceiveDate: assignment.teacherReceiveDate,\n              isTeacherReceive: assignment.isTeacherReceive,\n              uploadPath: assignment.uploadPath,\n              uploadPathUri: assignment.uploadPathUri,\n              uploadFileName: assignment.uploadFileName,\n              classAssignment: assignment.classAssignment,\n              latitude: assignment.latitude,\n              longitude: assignment.longitude,\n            });\n          });\n        }else {\n          result.push(item);\n        }\n      });\n\n      if(this.selectedFilterTeacherReceive ===  this.$t('student-assignment.not-receive')){\n        result = result.filter(item => {\n          return item.isTeacherReceive === false && item.uploadPathUri;\n        })\n      }else if (this.selectedFilterTeacherReceive ===  this.$t('student-assignment.received')){\n        result = result.filter(item => {\n          return item.isTeacherReceive === true;\n        })\n      }else if (this.selectedFilterTeacherReceive ===  this.$t('student-assignment.not-send')){\n        result = result.filter(item => {\n          return !item.studentAssignmentId;\n        })\n      }\n\n      return result;\n    },\n    async initData() {\n      let payload = {\n        classAssignmentFilterInput: {\n          classSectionId: this.$route.params.classSectionId,\n        }\n      };\n      let result = await this.getClassAssignmentsByFilter(payload);\n\n      this.classAssignments = result;\n\n      if (result && result.length > 0) {\n        this.selectedClassAssignment = result[0];\n      }\n    },\n    async loadData() {\n\n      let payload = {\n        studentEnrollDetailFilterInput: {\n          classSectionId: this.$route.params.classSectionId,\n          // isDrop: false\n        }\n      };\n\n      let result = await this.getStudentEnrollDetailsByFilterForHomeWork(payload);\n      if (result) {\n        this.studentEnrollDetails = result;\n        // loop get studentAssignment\n        let newArray = [];\n        if (result.length > 0) {\n          result.forEach(item => {\n            if (item.studentAssignments && item.studentAssignments.length > 0) {\n              newArray = newArray.concat(item.studentAssignments);\n            }\n          });\n        }\n        this.studentAssignments = newArray;\n\n        this.studentEnrollDetailsFilter = this.filterClassAssignment();\n      }\n    },\n  },\n  async mounted() {\n    await this.initData();\n    await this.loadData();\n  },\n}\n</script>\n\n<style scoped>\n\n</style>\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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=64e8d270&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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  \"64e8d270\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}