{"version":3,"sources":["webpack:///./src/views/StudentList.vue","webpack:///./src/views/StudentList.vue?a19e"],"names":["class","style","colspan","xmlns","viewBox","fill","fill-rule","d","clip-rule","loading","course","type_name","program_code","year","to","$route","params","cid","enroll","student","index","key","id","code","name","topic_th","topic_en","deleteStudent","components","NavBar","data","projects","role","created","document","title","$store","getters","payload","$router","push","dispatch","course_id","prev_course","courses","methods","user","user_id","confirm","success","alert","location","reload","deleteAllStudent","__exports__","render"],"mappings":"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","file":"js/chunk-2d215c05.bd868a2d.js","sourcesContent":["<template>\n  <div class=\"main\">\n    <NavBar />\n    <!-- Loading -->\n    <div v-if=\"loading\" class=\"content\">\n      <div class=\"loader m-auto\"></div>\n    </div>\n\n    <!-- Content -->\n    <div v-else class=\"content\">\n      <!-- Header -->\n      <div class=\"row\">\n        <p class=\"project-header mr-auto\">รายชื่อนักศึกษาของรายวิชา {{ this.course.type_name }} ({{ this.course.program_code }})  ปีการศึกษา {{ this.course.year }}</p>\n        <!-- <button v-if=\"course.prev_course == null\" v-on:click=\"deleteAllStudent()\" class=\"delete-button\">ลบนักศึกษาทั้งหมด</button> -->\n        <router-link :to=\"'/course/' + this.$route.params.cid +'/student/add/'\" class=\"ml-8\">\n          <button class=\"edit-button\" style=\"background-color:#0085ff\">เพิ่มนักศึกษา</button>\n        </router-link>\n      </div>\n\n      <!-- Student list (Table) -->\n      <table>\n        <!-- Table header -->\n        <thead>\n          <tr>\n            <th class=\"w-1/12\">ลำดับ</th>\n            <th class=\"w-2/12\">รหัสนักศึกษา</th>\n            <th class=\"w-3/12\">ชื่อ-นามสกุล</th>\n            <th class=\"w-5/12\">หัวข้อโครงงาน</th>\n          </tr>\n        </thead>\n        <!-- Table data -->\n        <tbody>\n          <tr><td colspan=\"7\"><hr></td></tr>\n          <tr v-for=\"(student, index) in enroll\" :key=\"student.id\">\n            <td>{{ index + 1 }}</td>\n            <td>{{ student.code }}</td>\n            <td>{{ student.name }}</td>\n            <td v-if=\"student.topic_th\" class=\"text-left\">{{ student.topic_th }}<br>({{ student.topic_en }})</td>\n            <td v-else class=\"text-center\">ไม่พบข้อมูล</td>\n            <td class=\"text-right\">\n              <button v-on:click=\"deleteStudent(student)\" class=\"view-button mx-auto\" style=\"background-color: red\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5 mx-auto\" viewBox=\"0 0 20 20\" fill=\"white\"><path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\" /></svg>\n              </button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script>\nimport NavBar from \"@/components/NavBar\"\nimport { enrollList, changeTypeName } from \"../mixins/other\"\n\nexport default {\n  name: \"StudentList\",\n  components: {\n    NavBar,\n  },\n  data () {\n    return {\n      loading: true,\n      course: {\n        type_name: '',\n      },\n      enroll: null,\n      projects: null,\n      role: null\n    }\n  },\n  async created() {\n    document.title = \"รายชื่อนักศึกษา | Carbon\" \n    this.role = this.$store.getters.payload.role\n    // Permission\n    if (this.role !== \"STF\") {\n      this.$router.push(\"/\")\n    }\n    this.course = await this.$store.dispatch(\"getCourseById\", this.$route.params.cid)\n    this.course_id = this.course.prev_course != null ? this.course.prev_course : this.course.id\n    this.enroll = await this.$store.dispatch(\"getStudentByCourseId\", this.course_id)\n    this.projects = await this.$store.dispatch(\"getFilteredProject\", { courses: [this.course_id] })\n    enrollList(this.enroll, this.projects, this.course_id)\n    this.course.type_name = changeTypeName(this.course, '')\n    this.loading = false\n  },\n  methods: {\n    async deleteStudent(user) {\n      const data = { course_id: this.course_id, user_id: user.user_id }\n      if (confirm(\"ต้องการลบ \" + user.name + \" (\" + user.code + \") จากรายวิชานี้หรือไม่\\nหากทำการลบนักศึกษา ระบบจะทำการลบรายชื่อนักศึกษารายนี้จากโครงงานที่\\nนักศึกษารับผิดชอบด้วย\") == true) {\n        const success = await this.$store.dispatch(\"deleteStudentByUserId\", data)\n        if(success) {\n          alert(\"ลบนักศึกษาออกจากรายวิชาเสร็จสิ้น\")\n          location.reload()\n        }\n      }\n    },\n    async deleteAllStudent() {\n      if (confirm(\"ต้องการลบนักศึกษาทั้งหมดจากรายวิชานี้หรือไม่ \\nระบบจะทำการลบรายชื่อนักศึกษาจากโครงงานที่นักศึกษารับผิดชอบด้วย\") == true) {\n        const success = await this.$store.dispatch(\"deleteAllStudentByCourseId\", this.course_id)\n        if(success) {\n          alert(\"ลบนักศึกษาทั้งหมดออกจากรายวิชาเสร็จสิ้น\")\n          location.reload()\n        }\n      }\n    }\n  }\n}\n</script>","import { render } from \"./StudentList.vue?vue&type=template&id=07483d71\"\nimport script from \"./StudentList.vue?vue&type=script&lang=js\"\nexport * from \"./StudentList.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}