{"version":3,"sources":["webpack:///./src/views/pages/Teacher/WebBoard/Components/WebBoard.vue?d455","webpack:///./src/components/common-ui/loader-block/index.vue?029d","webpack:///src/components/common-ui/loader-block/index.vue","webpack:///./src/components/common-ui/loader-block/index.vue?30d5","webpack:///./src/components/common-ui/loader-block/index.vue?e0df","webpack:///./src/utils/format.js","webpack:///./src/components/common-ui/loader-block/index.vue?be31","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/views/pages/Teacher/WebBoard/index.vue?ab28","webpack:///./src/views/pages/Teacher/WebBoard/Components/WebBoard.vue?b7d7","webpack:///src/views/pages/Teacher/WebBoard/Components/WebBoard.vue","webpack:///./src/views/pages/Teacher/WebBoard/Components/WebBoard.vue?05f6","webpack:///./src/views/pages/Teacher/WebBoard/Components/WebBoard.vue?235b","webpack:///src/views/pages/Teacher/WebBoard/index.vue","webpack:///./src/views/pages/Teacher/WebBoard/index.vue?d933","webpack:///./src/views/pages/Teacher/WebBoard/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","cover","small","attrs","name","_t","_e","_v","staticRenderFns","computed","hasDefaultSlot","$slots","default","props","type","String","defaultName","Boolean","close","methods","openLoader","$vs","loading","container","scale","closeLoader","mounted","makeid","length","component","dateTimeFormat","yyyymmdd","yyyymmddhhmm","yyyymmddhhmmss","hhmm","momentYYYYMMDD","momentYYYYMMDDhhmmss","momentYYYYMMDDhhmm","momenthhmmsss","momenthhmm","formatSecondToHHMMSS","time","hrs","mins","secs","ret","_s","$t","currentPage","on","navigateToHomeWork","navigateToSubmitScore","navigateToStudentStat","classSectionCompute","subject","code","nameLocal","creditCalGrade","creditDesc","courseOutlineRegistration","periodCode","sectionNo","learnSpanNo","linkToCourseFaq","linkToWebBoard","linkToVirtualClassExample","classSectionProcessing","$route","params","classSectionId","classSection","model","value","callback","$$v","postSearchQuery","expression","$event","addPostActive","newPost","timeFilter","staticStyle","handleTimeFilter","indexOf","_k","keyCode","key","preventDefault","tabberNewpost","ref","onAddNewPostClick","style","isLoading","_l","webBoard","index","refInFor","nativeOn","onCollapseClick","collapseChange","slot","getUserPhoto","getUserName","getUserTime","getWebBoardReplyQty","isCollapse","topic","includes","substr","lastIndexOf","webBoardReplies","slice","initialComment","webBoardReply","webBoardReplyIndex","replyMessage","onMoreCommentsClick","onLessCommentClick","undefined","commentBox","tabber","$set","onPostCommentClick"],"mappings":"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","file":"js/chunk-3ff79914.c9fc2001.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WebBoard.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"loader-block vs-con-loading__container\",class:{\n    '_cover': _vm.cover,\n    '_small': _vm.small\n  },attrs:{\"id\":(\"loader-block-\" + _vm.name)}},[(_vm.hasDefaultSlot)?_vm._t(\"default\"):_c('div',[(!_vm.small)?_c('h6',{staticClass:\"text-primary mt-32\"},[_vm._v(\"Loading\")]):_vm._e()])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :id=\"`loader-block-${name}`\"\n    class=\"loader-block vs-con-loading__container\"\n    :class=\"{\n      '_cover': cover,\n      '_small': small\n    }\"\n  >\n    <slot v-if=\"hasDefaultSlot\"/>\n    <div v-else>\n      <h6 v-if=\"!small\" class=\"text-primary mt-32\">Loading</h6>\n    </div>\n  </div>\n</template>\n\n<script>\nconst defaultName = makeid(5);\n\nexport default {\n  name: \"Loader\",\n  computed: {\n    hasDefaultSlot () {\n      return !!this.$slots.default\n    }\n  },\n  props: {\n    name: {\n      type: String,\n      default: defaultName\n    },\n    cover: {\n      type: Boolean,\n      default: false,\n    },\n    small: {\n      type: Boolean,\n      default: false\n    },\n    close: () => {\n      this.closeLoader();\n    }\n  },\n  methods: {\n    openLoader(){\n      this.$vs.loading({\n        container: `#loader-block-${this.name}`,\n        scale: 1\n      })\n    },\n    closeLoader() {\n      this.$vs.loading,close(`#loader-block-${this.name} > .con-vs-loading`)\n    }\n  },\n  mounted() {\n    this.openLoader();\n  }\n}\n\nfunction makeid(length) {\n   var result           = '';\n   var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n   var charactersLength = characters.length;\n   for ( var i = 0; i < length; i++ ) {\n      result += characters.charAt(Math.floor(Math.random() * charactersLength));\n   }\n   return result;\n}\n</script>\n\n<style lang=\"scss\">\n.loader-block {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &._cover {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n  }\n\n  &._small {\n    & .vs-loading {\n      transform: scale(0.7) !important;\n    }\n  }\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!./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=0f67833c&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","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","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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\"","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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.classSectionProcessing || _vm.classSectionProcessing)?_c('Loader',{attrs:{\"cover\":\"\"}}):_vm._e(),_c('card-subject-info',{attrs:{\"classSectionId\":_vm.$route.params.classSectionId,\"currentPage\":\"WEB_BOARD\"}}),_c('vx-card',[(_vm.classSection)?_c('web-board',{attrs:{\"classSection\":_vm.classSection}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"overflow-hidden\",attrs:{\"id\":\"search-page\"}},[_c('div',{staticClass:\"search-page__search-bar flex items-center\"},[_c('vs-input',{staticClass:\"w-full input-rounded-full\",attrs:{\"icon\":\"icon-search\",\"icon-no-border\":\"\",\"icon-pack\":\"feather\",\"placeholder\":\"Search\"},model:{value:(_vm.postSearchQuery),callback:function ($$v) {_vm.postSearchQuery=$$v},expression:\"postSearchQuery\"}})],1),_c('div',{staticClass:\"search-page__serch-menu flex flex-wrap items-center md:justify-between mt-6 mb-6\"},[_c('div',{staticClass:\"flex flex-wrap my-auto\"},[_c('div',{staticClass:\"flex justify-end\"},[_c('vs-button',{staticClass:\"px-4\",attrs:{\"icon\":\"icon-plus\",\"icon-pack\":\"feather\"},on:{\"click\":function($event){_vm.addPostActive = !_vm.addPostActive;_vm.newPost = ''}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.add-new-post'))+\" \")])],1)]),_c('div',{staticClass:\"ml-auto\"},[_c('vs-dropdown',{staticClass:\"cursor-pointer\",attrs:{\"vs-trigger-click\":\"\"}},[_c('span',{staticClass:\"flex items-center\"},[_c('span',[_vm._v(_vm._s(_vm.timeFilter))]),_c('feather-icon',{staticClass:\"cursor-pointer\",staticStyle:{\"width\":\"1rem\",\"height\":\"1rem\"},attrs:{\"icon\":\"ChevronDownIcon\"}})],1),_c('vs-dropdown-menu',{staticClass:\"w-48\"},[_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.any-time'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.any-time'))+\" \")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-hour'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-hour'))+\" \")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-24-hours'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-24-hours'))+\" \")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-week'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-week'))+\" \")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-month'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-month'))+\" \")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.handleTimeFilter(_vm.$t('web-board.past-year'))}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.past-year'))+\" \")])],1)],1)],1)]),_c('transition',{attrs:{\"mode\":\"out-in\",\"name\":\"fade\"}},[(_vm.addPostActive)?_c('div',{staticClass:\"vx-row px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\"},[_c('div',{staticClass:\"vx-col w-full\",staticStyle:{\"padding\":\"10px\"}},[_c('p',{staticClass:\"font-semibold text-lg mb-2\"},[_vm._v(\"# \"+_vm._s(_vm.$t('web-board.add-you-post')))]),_c('vs-textarea',{staticClass:\"responsive border rounded focus:outline-none focus:shadow-outline\",on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"tab\",9,$event.key,\"Tab\")){ return null; }$event.preventDefault();return _vm.tabberNewpost($event)}},model:{value:(_vm.newPost),callback:function ($$v) {_vm.newPost=$$v},expression:\"newPost\"}}),_c('vs-button',{ref:\"loadableNewPostButton\",staticClass:\"relative vs-con-loading__container\",attrs:{\"disabled\":_vm.newPost.length === 0,\"id\":\"button-new-post-with-loading\",\"type\":\"relief\",\"icon\":\"icon-edit-2\",\"icon-pack\":\"feather\"},on:{\"click\":_vm.onAddNewPostClick}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.post'))+\" \")])],1)]):_vm._e()]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\"},[_c('div',{staticClass:\"vs-con-loading__container w-full\",style:(_vm.isLoading ? 'height: 200px;':''),attrs:{\"id\":\"div-with-loading\"}})]),(!_vm.isLoading)?_c('div',{staticClass:\"vx-col w-full px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\"},[_c('vs-collapse',{attrs:{\"accordion\":\"\",\"type\":\"margin\"}},_vm._l((_vm.filteredPosts),function(webBoard,index){return _c('vs-collapse-item',{key:index,ref:(\"post\" + index),refInFor:true,staticClass:\"faq-bg rounded-lg pb-2\",nativeOn:{\"click\":function($event){return _vm.onCollapseClick(index, webBoard)}}},[_c('div',{attrs:{\"slot\":\"header\"},on:{\"click\":function($event){return _vm.collapseChange(index)}},slot:\"header\"},[_c('div',{staticClass:\"post-header flex justify-between mb-4 px-5\"},[_c('div',{staticClass:\"flex items-center\"},[_c('div',[_c('vs-avatar',{staticClass:\"m-0\",attrs:{\"src\":_vm.getUserPhoto(webBoard),\"size\":\"45px\"}})],1),_c('div',{staticClass:\"ml-4\"},[_c('h6',[_vm._v(_vm._s(_vm.getUserName(webBoard)))]),_c('small',[_vm._v(_vm._s(_vm.getUserTime(webBoard)))])])]),_c('div',{staticClass:\"flex items-center mr-5\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"MessageSquareIcon\",\"svgClasses\":\"h-5 w-5\"}}),_c('span',[_vm._v(_vm._s(_vm.getWebBoardReplyQty(webBoard)))])],1)]),_c('div',{staticClass:\"post-content px-5\",staticStyle:{\"white-space\":\"pre-wrap\",\"word-wrap\":\"break-word\"}},[(!webBoard.isCollapse && webBoard.topic.length >= 100)?_c('small',[_vm._v(\" \"+_vm._s(webBoard.topic.includes(' ') ? webBoard.topic.substr(0, webBoard.topic.lastIndexOf(' ',100)) : webBoard.topic.substr(0, 100))+\" ... \")]):_c('small',[_vm._v(_vm._s(webBoard.topic))])])]),_c('div',{staticClass:\"px-5 cursor-default\"},[_c('div',[_c('div',{staticClass:\"comments-container mt-4\"},[_c('ul',{staticClass:\"user-comments-list\"},_vm._l((webBoard.webBoardReplies.slice(webBoard.webBoardReplies.length >= 2 ? webBoard.webBoardReplies.length - _vm.initialComment : 0, webBoard.webBoardReplies.length)),function(webBoardReply,webBoardReplyIndex){return _c('li',{key:webBoardReplyIndex,staticClass:\"commented-user items-center mb-4\"},[_c('div',{staticClass:\"flex-none sm:flex md:flex lg:flex xl:flex mt-8\"},[_c('div',{staticClass:\"mr-3 mb-auto float-left\"},[_c('vs-avatar',{staticClass:\"m-0\",attrs:{\"src\":_vm.getUserPhoto(webBoardReply),\"size\":\"30px\"}})],1),_c('div',{staticClass:\"leading-tight mb-auto flex-none\"},[_c('span',{staticClass:\"font-medium cursor-pointer\"},[_vm._v(_vm._s(_vm.getUserName(webBoardReply)))])]),_c('div',{staticClass:\"mb-auto ml-auto leading-tight flex-none\"},[_c('p',{staticClass:\"text-xs\"},[_vm._v(_vm._s(_vm.getUserTime(webBoardReply)))])])]),_c('div',{staticClass:\"mt-2\",staticStyle:{\"white-space\":\"pre-wrap\",\"word-wrap\":\"break-word\"}},[_c('p',{staticClass:\"text-sm ml-auto\",staticStyle:{\"white-space\":\"pre-wrap\",\"word-wrap\":\"break-word\"}},[_vm._v(\" \"+_vm._s(webBoardReply.replyMessage))])])])}),0),_c('div',{staticClass:\"flex w-full justify-between\"},[(_vm.getWebBoardReplyQty(webBoard) > 2)?_c('span',{staticClass:\"flex justify-start\"},[(_vm.initialComment !== _vm.getWebBoardReplyQty(webBoard))?_c('a',{staticClass:\"inline-flex items-center text-sm\",on:{\"click\":function($event){return _vm.onMoreCommentsClick(index)}}},[_c('span',{staticClass:\"p-2 cursor-pointer px-0\"},[_vm._v(_vm._s(_vm.$t('web-board.view-more')))])]):_c('a',{staticClass:\"inline-flex items-center text-sm\",on:{\"click\":_vm.onLessCommentClick}},[_c('span',{staticClass:\"p-2 cursor-pointer px-1\"},[_vm._v(_vm._s(_vm.$t('web-board.view-less')))])])]):_vm._e()])]),_c('div',{staticClass:\"post-comment\"},[(webBoard.commentBox !== undefined)?_c('vs-textarea',{staticClass:\"mb-2\",attrs:{\"label\":_vm.$t('web-board.add-comment')},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"tab\",9,$event.key,\"Tab\")){ return null; }$event.preventDefault();return _vm.tabber($event,index)}},model:{value:(webBoard.commentBox),callback:function ($$v) {_vm.$set(webBoard, \"commentBox\", $$v)},expression:\"webBoard.commentBox\"}}):_vm._e(),_c('vs-button',{staticClass:\"vs-con-loading__container\",attrs:{\"disabled\":webBoard.commentBox.length === 0,\"id\":(\"button-new-comment-with-loading_\" + index),\"type\":\"relief\",\"icon\":\"icon-edit-2\",\"icon-pack\":\"feather\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.onPostCommentClick(index)}}},[_vm._v(\" \"+_vm._s(_vm.$t('web-board.comment'))+\" \")])],1)])])])}),1)],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"overflow-hidden\" id=\"search-page\">\n    <!--SEARCH-->\n    <div class=\"search-page__search-bar flex items-center\">\n      <vs-input class=\"w-full input-rounded-full\" icon=\"icon-search\" icon-no-border icon-pack=\"feather\"\n                placeholder=\"Search\" v-model=\"postSearchQuery\"/>\n    </div>\n    <!--FILTER-->\n    <div class=\"search-page__serch-menu flex flex-wrap items-center md:justify-between mt-6 mb-6\">\n      <div class=\"flex flex-wrap my-auto\">\n        <div class=\"flex justify-end\">\n          <!--ADD NEW POST-->\n          <vs-button @click=\"addPostActive = !addPostActive;newPost = ''\"\n                     class=\"px-4\"\n                     icon=\"icon-plus\" icon-pack=\"feather\">\n            {{ $t('web-board.add-new-post') }}\n          </vs-button>\n        </div>\n      </div>\n      <div class=\"ml-auto\">\n        <vs-dropdown class=\"cursor-pointer\" vs-trigger-click>\n                    <span class=\"flex items-center\">\n                        <span>{{timeFilter}}</span>\n                        <feather-icon class=\"cursor-pointer\" icon=\"ChevronDownIcon\"\n                                      style=\"width:1rem; height:1rem\"></feather-icon>\n                    </span>\n          <vs-dropdown-menu class=\"w-48\">\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.any-time'))\">\n              {{ $t('web-board.any-time') }}\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.past-hour'))\">\n              {{ $t('web-board.past-hour') }}\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.past-24-hours'))\">\n              {{ $t('web-board.past-24-hours') }}\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.past-week'))\">\n              {{ $t('web-board.past-week') }}\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.past-month'))\">\n              {{ $t('web-board.past-month') }}\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"handleTimeFilter($t('web-board.past-year'))\">\n              {{ $t('web-board.past-year') }}\n            </vs-dropdown-item>\n          </vs-dropdown-menu>\n        </vs-dropdown>\n      </div>\n    </div>\n\n    <!--NEW POST FORM-->\n    <transition mode=\"out-in\" name=\"fade\">\n      <div class=\"vx-row px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\" v-if=\"addPostActive\">\n        <div class=\"vx-col w-full\" style=\"padding:10px\">\n          <p class=\"font-semibold text-lg mb-2\"># {{ $t('web-board.add-you-post') }}</p>\n          <vs-textarea @keydown.tab.prevent=\"tabberNewpost($event)\"\n                       class=\"responsive border rounded focus:outline-none focus:shadow-outline\"\n                       v-model=\"newPost\"></vs-textarea>\n          <vs-button :disabled=\"newPost.length === 0\"\n                     ref=\"loadableNewPostButton\"\n                     id=\"button-new-post-with-loading\"\n                     class=\"relative vs-con-loading__container\"\n                     @click=\"onAddNewPostClick\"\n                     type=\"relief\"\n                     icon=\"icon-edit-2\"\n                     icon-pack=\"feather\">\n            {{ $t('web-board.post') }}\n          </vs-button>\n        </div>\n      </div>\n    </transition>\n\n    <!--WEB BOARD CONTENT-->\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\">\n        <div id=\"div-with-loading\"\n             class=\"vs-con-loading__container w-full\"\n             :style=\"isLoading ? 'height: 200px;':''\">\n        </div>\n      </div>\n      <div v-if=\"!isLoading\" class=\"vx-col w-full px-0 xl:px-5 lg:px-5 md:px-5 sm:px-2\">\n        <vs-collapse accordion type=\"margin\">\n          <vs-collapse-item :key=\"index\" :ref=\"`post${index}`\" class=\"faq-bg rounded-lg pb-2\"\n                            @click.native=\"onCollapseClick(index, webBoard)\"\n                            v-for=\"(webBoard, index) in filteredPosts\">\n            <!-- POST HEADER -->\n            <div @click=\"collapseChange(index)\" slot=\"header\">\n              <div class=\"post-header flex justify-between mb-4 px-5\">\n                <!--POST BY-->\n                <div class=\"flex items-center\">\n                  <div>\n                    <vs-avatar :src=\"getUserPhoto(webBoard)\" class=\"m-0\" size=\"45px\"></vs-avatar>\n                  </div>\n                  <!-- <div @click=\"goPost(post.id)\" class=\"ml-4 cursor-pointer\">-->\n                  <div class=\"ml-4\">\n                    <h6>{{ getUserName(webBoard) }}</h6>\n                    <small>{{ getUserTime(webBoard) }}</small>\n                  </div>\n                </div>\n                <!--COMMENT QTY-->\n                <div class=\"flex items-center mr-5\">\n                  <feather-icon class=\"mr-2\" icon=\"MessageSquareIcon\" svgClasses=\"h-5 w-5\"></feather-icon>\n                  <span>{{ getWebBoardReplyQty(webBoard) }}</span>\n                </div>\n              </div>\n              <div class=\"post-content px-5\" style=\"white-space: pre-wrap;word-wrap: break-word;\">\n                <small v-if=\"!webBoard.isCollapse && webBoard.topic.length >= 100\">\n                  {{\n                  webBoard.topic.includes(' ') ?\n                  webBoard.topic.substr(0, webBoard.topic.lastIndexOf(' ',100)) : webBoard.topic.substr(0, 100)\n                  }}\n                  ...\n                </small>\n                <small v-else>{{ webBoard.topic }}</small>\n              </div>\n            </div>\n            <div class=\"px-5 cursor-default\">\n              <!-- POST MEADIA CONTENT -->\n              <!--<div class=\"post-media-container mb-6 mt-4\" v-if=\"post.media.length\">\n                <ul class=\"flex post-media-list\">\n                  <li :key=\"mediaIdex\" class=\"post-media m-1 w-auto mx-auto\"\n                      v-for=\"(media, mediaIdex) in post.media.slice(0, 2)\">\n                    <img :src=\"media.img\" alt=\"user-upload\" class=\"responsive rounded lg:max-w-md\">\n                  </li>\n                </ul>\n                <span class=\"flex justify-end\" v-if=\"post.media.length > 2\">\n                          <a class=\"inline-flex items-center text-sm\" href=\"\">\n                            <span>{{ $t('web-board.view-all') }}</span>\n                            <feather-icon\n                            :icon=\"$vs.rtl ? 'ChevronsLeftIcon' : 'ChevronsRightIcon'\"\n                            svgClasses=\"h-4 w-4\"></feather-icon></a>\n                      </span>\n              </div>-->\n              <!-- POST ACTION DATA -->\n              <div>\n                <!--<div class=\"flex justify-between\">\n                  <div class=\"flex items-center\">\n                    &lt;!&ndash; <div class=\"flex items-center\">\n                      <feather-icon class=\"mr-2\" icon=\"HeartIcon\"\n                      :svgClasses=\"{'text-danger fill-current stroke-current': post.isLiked}\"\n                      @click=\"clickLike(index)\"></feather-icon>\n                      <span>{{ post.likes }}</span>\n                    </div>\n                    <ul v-if=\"post.usersLiked > 0\" class=\"users-liked user-list ml-3 sm:ml-6\">\n                        <li v-for=\"(user, userIndex) in post.usersLiked\" :key=\"userIndex\">\n                            <vx-tooltip :text=\"user.name\" position=\"bottom\">\n                                <vs-avatar :src=\"user.img\" size=\"30px\" class=\"border-2 border-white border-solid -m-1\"></vs-avatar>\n                            </vx-tooltip>\n                        </li>\n                    </ul>\n                    <small v-if=\"post.likes > 5\" class=\"ml-2\">+{{ post.likes - 5 }} more</small> &ndash;&gt;\n                  </div>\n                  <div class=\"flex items-center\">\n                    <feather-icon class=\"mr-2\" icon=\"MessageSquareIcon\" svgClasses=\"h-5 w-5\"></feather-icon>\n                    <span>{{ getWebBoardReplyQty(webBoard) }}</span>\n                  </div>\n                </div>-->\n                <div class=\"comments-container mt-4\">\n                  <ul class=\"user-comments-list\">\n                    <li\n                      :key=\"webBoardReplyIndex\"\n                      class=\"commented-user items-center mb-4\"\n                      v-for=\"(webBoardReply, webBoardReplyIndex) in webBoard.webBoardReplies.slice(webBoard.webBoardReplies.length >= 2 ? webBoard.webBoardReplies.length - initialComment : 0, webBoard.webBoardReplies.length)\">\n                      <div class=\"flex-none sm:flex md:flex lg:flex xl:flex mt-8\">\n                        <div class=\"mr-3 mb-auto float-left\">\n                          <vs-avatar :src=\"getUserPhoto(webBoardReply)\" class=\"m-0\" size=\"30px\"/>\n                        </div>\n                        <div class=\"leading-tight mb-auto flex-none\">\n                          <span class=\"font-medium cursor-pointer\">{{ getUserName(webBoardReply) }}</span>\n                        </div>\n                        <div class=\"mb-auto ml-auto leading-tight flex-none\">\n                          <!-- <div class=\"flex\">\n                              <feather-icon icon=\"HeartIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2 cursor-pointer\"></feather-icon>\n                              <feather-icon icon=\"MessageSquareIcon\" svgClasses=\"h-4 w-4\" class=\"cursor-pointer\"></feather-icon>\n                          </div> -->\n                          <p class=\"text-xs\">{{ getUserTime(webBoardReply) }}</p>\n                        </div>\n                      </div>\n                      <div class=\"mt-2\" style=\"white-space: pre-wrap;word-wrap: break-word;\">\n                        <p class=\"text-sm ml-auto\" style=\"white-space: pre-wrap;word-wrap: break-word;\">\n                          {{ webBoardReply.replyMessage }}</p>\n                      </div>\n                    </li>\n                  </ul>\n                  <div class=\"flex w-full justify-between\">\n                    <span class=\"flex justify-start\" v-if=\"getWebBoardReplyQty(webBoard) > 2\">\n                      <a @click=\"onMoreCommentsClick(index)\"\n                         class=\"inline-flex items-center text-sm\"\n                         v-if=\"initialComment !== getWebBoardReplyQty(webBoard)\"><span\n                        class=\"p-2 cursor-pointer px-0\">{{ $t('web-board.view-more') }}</span></a>\n                      <a @click=\"onLessCommentClick\" class=\"inline-flex items-center text-sm\" v-else>\n                        <span class=\"p-2 cursor-pointer px-1\">{{ $t('web-board.view-less') }}</span>\n                      </a>\n                    </span>\n                  </div>\n                </div>\n                <div class=\"post-comment\">\n                  <vs-textarea :label=\"$t('web-board.add-comment')\"\n                               @keydown.tab.prevent=\"tabber($event,index)\"\n                               class=\"mb-2\" v-if=\"webBoard.commentBox !== undefined\" v-model=\"webBoard.commentBox\"/>\n                  <vs-button :disabled=\"webBoard.commentBox.length === 0\"\n                             :id=\"`button-new-comment-with-loading_${index}`\"\n                             class=\"vs-con-loading__container\"\n                             @click=\"onPostCommentClick(index)\"\n                             type=\"relief\"\n                             icon=\"icon-edit-2\"\n                             icon-pack=\"feather\"\n                             size=\"small\">\n                    {{ $t('web-board.comment') }}\n                  </vs-button>\n                </div>\n              </div>\n            </div>\n          </vs-collapse-item>\n        </vs-collapse>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import moment from 'moment';\n  import store from '../../../../../store';\n  import {createHelpers} from 'vuex-map-fields';\n  import {createNamespacedHelpers} from \"vuex\";\n  import WebBoard from '../../../../../store/modules/web-board/index';\n  import WebBoardReply from '../../../../../store/modules/web-board-reply/index';\n  import {getAvatarUrl} from \"../../../../../utils/upload\";\n  import {dateTimeFormat} from \"../../../../../utils/format\";\n\n  if (!store.state.WebBoard) store.state.registerModule(`WebBoard`, WebBoard);\n  if (!store.state.WebBoardReply) store.state.registerModule(`WebBoardReply`, WebBoardReply);\n\n  const {\n    mapActions: mapWebBoardActions,\n  } = createNamespacedHelpers(`WebBoard`);\n  const {\n    mapActions: mapWebBoardReplyActions,\n  } = createNamespacedHelpers(`WebBoardReply`);\n\n  const {\n    mapFields: mapWebBoardFields,\n  } = createHelpers({\n    getterType: `WebBoard/getField`,\n    mutationType: `WebBoard/updateField`,\n  });\n\n  export default {\n    props: [\n      'classSection',\n    ],\n    data() {\n      return {\n        webBoards: [],\n        searchQuery: '',\n        newPost: '',\n        initialComment: 2,\n        addPostActive: false,\n        isNavOpen: false,\n        timeFilter: this.$t('web-board.any-time'),\n        selectType: '',\n        postSearchQuery: '',\n        connection: null,\n        number: null,\n        timeStamp: null,\n        Time: null,\n        moment: moment,\n        isLoading: false,\n        backgroundLoading:'primary',\n        colorLoading:'#fff',\n        filteredPostsTime: [],\n\n      }\n    },\n    computed: {\n      ...mapWebBoardFields({\n        webBoardProcessing: 'processing',\n        webBoardError: 'error',\n        webBoardSuccess: 'success'\n      }),\n      filteredPosts() {\n        if (this.webBoards && this.webBoards.length) {\n          return this.webBoards.filter((post) => {\n            return post.topic.toLowerCase().includes(\n              this.postSearchQuery.toLowerCase())\n              && this.webBoards.includes(post)\n              && this.filteredPostsTime.includes(post)\n          });\n        } else {\n          return [];\n        }\n      }\n    },\n    watch:{\n      isLoading(val){\n        if(val){\n          this.$vs.loading({\n            container: '#div-with-loading',\n            scale: 1\n          })\n        }else{\n          this.$vs.loading.close('#div-with-loading > .con-vs-loading')\n        }\n      }\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapWebBoardActions({\n        getWebBoardsByFilter: 'getWebBoardsByFilter',\n        addWebBoard: 'addWebBoard',\n        updateReplyToWebBoard: 'updateReplyToWebBoard',\n        updateWebBoardAlreadyRead: 'updateWebBoardAlreadyRead',\n        updateWebBoardHitCount: 'updateWebBoardHitCount',\n      }),\n      ...mapWebBoardReplyActions({\n        addWebBoardReply: 'addWebBoardReply',\n        updateWebBoardReply: 'updateWebBoardReply',\n        deleteWebBoardReply: 'deleteWebBoardReply',\n      }),\n      onMoreCommentsClick(index) {\n        const commentLength = this.filteredPosts[index].webBoardReplies.length\n        let minus = 5\n        if (this.initialComment + minus >= commentLength) {\n          minus = commentLength - this.initialComment\n        }\n        this.initialComment += minus\n      },\n      onLessCommentClick() {\n        this.initialComment = 2;\n      },\n      async onAddNewPostClick() {\n        const buttonId = \"#button-new-post-with-loading\";\n        this.startLoadingButton(buttonId);\n\n        const payload = {\n          courseOutlineRegistrationId: this.classSection.courseOutlineRegistration.id,\n          classSectionId: this.classSection.id,\n          academicPeriodId: this.classSection.courseOutlineRegistration.academicPeriod.id,\n          postBy: 'teacher',\n          webBoardInput: {\n            sectionNo: this.classSection.sectionNo,\n            topic: this.newPost,\n            hasNewReply: false,\n          }\n        }\n        let result = await this.addWebBoard(payload);\n        if (result) {\n          result = JSON.parse(JSON.stringify(result));\n          this.webBoards.unshift({\n            ...result,\n            commentBox: '',\n          });\n          this.handleTimeFilter(this.$t('web-board.any-time'));\n        }\n\n        this.addPostActive = false\n        this.newPost = ''\n        this.stopLoadingButton(buttonId);\n      },\n      async onPostCommentClick(index) {\n        const buttonId = `#button-new-comment-with-loading_${index}`;\n        this.startLoadingButton(buttonId);\n        const payload = {\n          webBoardId: this.webBoards[index].id,\n          postBy: 'teacher',\n          webBoardReplyInput: {\n            replyMessage: this.webBoards[index].commentBox,\n          }\n        };\n        let result = await this.addWebBoardReply(payload);\n        if (result) {\n          result = JSON.parse(JSON.stringify(result));\n          this.webBoards[index].commentBox = '';\n          this.webBoards[index].webBoardReplies.push(result);\n        }\n        this.stopLoadingButton(buttonId);\n      },\n      async onCollapseClick(index, webBoard){\n        const isActive = this.checkActiveCollapse(index);\n        if(isActive){\n          const payload = {\n            id: webBoard.id,\n          };\n          //update hit rate\n          await this.updateWebBoardHitCount(payload);\n          if(webBoard.hasNewReply){\n            //update has new reply to false\n            await this.updateWebBoardAlreadyRead(payload);\n          }\n        }\n      },\n      handleTimeFilter(time) {\n        let subtractTime = null\n        this.timeFilter = time;\n        let now = moment();\n        switch (time) {\n          case this.$t('web-board.any-time'):\n            subtractTime = this.moment.duration(1000,'y')\n            break;\n          case this.$t('web-board.past-hour'):\n            subtractTime = this.moment.duration(1,'h')\n            break;\n          case this.$t('web-board.past-24-hours'):\n            subtractTime = this.moment.duration(24,'h')\n            break;\n          case this.$t('web-board.past-week'):\n            subtractTime = this.moment.duration(1,'w')\n            break;\n          case this.$t('web-board.past-month'):\n            subtractTime = this.moment.duration(1,'M')\n            break;\n          case this.$t('web-board.past-year'):\n            subtractTime = this.moment.duration(1,'y')\n            break;\n        }\n        this.filteredPostsTime = this.webBoards.filter(value => {\n          return new Date(value.updatedAt) >= now.subtract(subtractTime)\n        })\n      },\n      tabberNewpost(event) {\n        if (event) {\n          event.preventDefault()\n          let startText = this.newPost.slice(0, event.target.selectionStart)\n          let endText = this.newPost.slice(event.target.selectionStart)\n          this.newPost = `${startText}\\t${endText}`\n          event.target.selectionEnd = event.target.selectionStart + 1\n        }\n      },\n      tabber(event, index) {\n        if (event) {\n          event.preventDefault()\n          let startText = this.webBoards[index].commentBox.slice(0, event.target.selectionStart)\n          let endText = this.webBoards[index].commentBox.slice(event.target.selectionStart)\n          this.webBoards[index].commentBox = `${startText}\\t${endText}`\n          event.target.selectionEnd = event.target.selectionStart + 1\n        }\n      },\n      goPost(id) {\n        this.$router.push(`/post/${id}`)\n      },\n      collapseChange(index) {\n        this.webBoards[index].isCollapse = !this.webBoards[index].isCollapse\n        this.initialComment = 2\n      },\n      checkActiveCollapse(index) {\n        return this.$refs[`post${index}`][0].$el.classList.contains('open-item')\n      },\n      async loadData() {\n        const payload = {\n          webBoardFilterInput: {\n            classSectionId: this.classSection.id,\n          },\n        };\n        await this.filterData(payload);\n      },\n      async filterData(payload) {\n        this.isLoading = true;\n        let result = await this.getWebBoardsByFilter(payload);\n        if (result && result.length > 0) {\n          result = JSON.parse(JSON.stringify(result));\n          this.webBoards = result.map(item => {\n            return {\n              ...item,\n              commentBox: '',\n            };\n          });\n          this.handleTimeFilter(this.$t('web-board.any-time'));\n        }\n        this.isLoading = false;\n      },\n      getUserPhoto(webBoardOrWebBoardReply) {\n        if (webBoardOrWebBoardReply) {\n          if (webBoardOrWebBoardReply.teacher) {\n            return getAvatarUrl(webBoardOrWebBoardReply.teacher.picturePath)\n          } else if (webBoardOrWebBoardReply.student) {\n            return getAvatarUrl(webBoardOrWebBoardReply.student.picturePath)\n          }\n        }\n        return getAvatarUrl('');\n      },\n      getUserName(webBoardOrWebBoardReply) {\n        if (webBoardOrWebBoardReply) {\n          if (webBoardOrWebBoardReply.teacher) {\n            return `${webBoardOrWebBoardReply.teacher.firstNameLocal} ${webBoardOrWebBoardReply.teacher.lastNameLocal}`\n          } else if (webBoardOrWebBoardReply.student) {\n            return `${webBoardOrWebBoardReply.student.firstNameLocal} ${webBoardOrWebBoardReply.student.lastNameLocal}`\n          }\n        }\n        return '';\n      },\n      getUserTime(webBoardOrWebBoardReply) {\n        if (webBoardOrWebBoardReply) {\n          return moment(webBoardOrWebBoardReply.updatedAt).format(dateTimeFormat.momentYYYYMMDDhhmmss);\n        }\n        return '-';\n      },\n      getWebBoardReplyQty(webBoard) {\n        if (webBoard && webBoard.webBoardReplies) {\n          return webBoard.webBoardReplies.length\n        }\n        return 0;\n      },\n      startLoadingButton(id){\n        this.$vs.loading({\n          background: this.backgroundLoading,\n          color: this.colorLoading,\n          container: id,\n          scale: 0.45\n        })\n      },\n      stopLoadingButton(id){\n        this.$vs.loading.close(`${id} > .con-vs-loading`);\n      },\n    },\n    created() {\n      localStorage.setItem('Webboard', JSON.stringify({\n        searchQuery: '',\n        newPost: '',\n        initialComment: 2,\n        addPostActive: false,\n        isNavOpen: false,\n        user_info: {\n          profile_img: '/static/images/avatar.png',\n          cover_img: '/static/images/avatar.png'\n        },\n        userLatestPhotos: [\n          '/static/images/avatar.png'\n        ],\n        userPosts: [\n          {\n            id: 1,\n            author: 'Leeanna Alvord',\n            time: 'May 2, 2020 10:30 AM',\n            isLiked: true,\n            isCollapse: false,\n            text: 'I love jujubes wafer pie ice cream tiramisu. Chocolate I love pastry pastry sesame snaps wafer. Pastry topping biscuit lollipop topping I love lemon drops sweet roll bonbon. Brownie donut icing.',\n            media: [{img: '/static/images/classroom-placeholder.jpg'}],\n            likes: 145,\n            comments: 10,\n            usersLiked: [\n              {name: 'Trina Lynes', img: '/static/images/avatar.png'},\n              {name: 'Lilian Nenez', img: '/static/images/avatar.png'},\n              {name: 'Alberto Glotzbach', img: '/static/images/avatar.png'},\n              {name: 'George Nordick', img: '/static/images/avatar.png'},\n              {name: 'Vennie Mostowy', img: '/static/images/avatar.png'}\n            ],\n            commentBox: '',\n            usersCommented: [\n              {\n                comment: 'Comment 1',\n                author: 'Kitty Allanson',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:56:05 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 2',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 3',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 4',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 5',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 6',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 7',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 8',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 9',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 10 <br/> asdasd',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              }\n            ]\n          },\n          {\n            id: 2,\n            author: 'Leeanna Alvord',\n            time: 'May 26, 2019 10:30 AM',\n            isLiked: false,\n            isCollapse: false,\n            text: 'Candy jelly beans powder brownie biscuit. Jelly marzipan oat cake cake. Cupcake I love wafer cake. Halvah I love powder jelly I love cheesecake cotton candy tiramisu brownie.',\n            media: [{img: '/static/images/classroom-placeholder.jpg'}],\n            likes: 276,\n            comments: 9,\n            usersLiked: [\n              {name: 'Lai Lewandowski', img: '/static/images/avatar.png'},\n              {name: 'Elicia Rieske', img: '/static/images/avatar.png'},\n              {name: 'Darcey Nooner', img: '/static/images/avatar.png'},\n              {name: 'Julee Rossignol', img: '/static/images/avatar.png'},\n              {name: 'Jeffrey Gerondale', img: '/static/images/avatar.png'}\n            ],\n            commentBox: '',\n            usersCommented: [\n              {\n                comment: 'Comment 1.1',\n                author: 'Kitty Allanson',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:56:05 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.2',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.3',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.4',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.5',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.6',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.7',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.8',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              },\n              {\n                comment: 'Comment 1.9',\n                author: 'Jeanie Bulgrin',\n                img: '/static/images/avatar.png',\n                time: 'Mon Dec 10 2018 08:55:00 GMT+0000 (GMT)'\n              }\n            ]\n          }\n        ],\n        wasSidebarOpen: null\n      }))\n    },\n    async beforeMount() {\n      await this.loadData();\n    },\n  }\n</script>\n\n<style lang=\"scss\">\n  @import \"@/assets/scss/vuexy/pages/search.scss\";\n\n  .vs-collapse-item.open-item .vs-collapse-item--content {\n    max-height: min-content !important;\n  }\n\n  .vs-icon {\n    font-size: x-large;\n  }\n\n  .fade-enter-active {\n    transition: all .3s ease;\n  }\n\n  .fade-leave-active {\n    transition: all .3s ease;\n  }\n\n  .fade-enter, .fade-leave-to {\n    transform: translateY(-50px);\n    opacity: 0;\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!./WebBoard.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!./WebBoard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WebBoard.vue?vue&type=template&id=600898b7&\"\nimport script from \"./WebBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./WebBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WebBoard.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <Loader cover v-if=\"classSectionProcessing || classSectionProcessing\"/>\n\n    <card-subject-info :classSectionId=\"$route.params.classSectionId\" currentPage=\"WEB_BOARD\"></card-subject-info>\n\n    <vx-card>\n\n      <web-board v-if=\"classSection\" :classSection=\"classSection\"></web-board>\n\n    </vx-card>\n\n  </div>\n</template>\n\n<script>\n  import store from '../../../../store';\n  import {createHelpers} from 'vuex-map-fields';\n  import {createNamespacedHelpers} from \"vuex\";\n  import Loader from '../../../../components/common-ui/loader-block/index.vue';\n  import ClassSection from '../../../../store/modules/courses/class-section/index';\n  import CardSubjectInfo from \"../../../../components/shared/card/CardSubjectInfo\";\n  import WebBoard from \"./Components/WebBoard\";\n\n  if (!store.state.ClassSection) store.state.registerModule(`ClassSection`, ClassSection);\n\n  const {\n    mapActions: mapClassSectionActions,\n  } = createNamespacedHelpers(`ClassSection`);\n\n  const {\n    mapFields: mapClassSectionFields,\n  } = createHelpers({\n    getterType: `ClassSection/getField`,\n    mutationType: `ClassSection/updateField`,\n  });\n\n  export default {\n    components: {\n      Loader,\n      CardSubjectInfo,\n      WebBoard,\n    },\n    data() {\n      return {\n        classSection: null,\n      }\n    },\n    computed: {\n      ...mapClassSectionFields({\n        classSectionProcessing: 'processing',\n      }),\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapClassSectionActions({\n        getClassSection: 'getClassSection',\n      }),\n      //---------------------------------------- Event Function ------------------------------------------------------//\n      onBackClick() {\n        this.$router.push({\n          name: 'home',\n        })\n      },\n      //---------------------------------------- Local Function ------------------------------------------------------//\n      async initData() {\n        const payload = {\n          id: this.$route.params.classSectionId,\n        };\n        this.classSection = await this.getClassSection(payload);\n      },\n    },\n    async beforeMount() {\n      await this.initData();\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=53db14c2&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  \"53db14c2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}