{"version":3,"sources":["webpack:///./src/developing/components/communication/subcomponents/CommonTopicListItem.vue?b50b","webpack:///./src/developing/components/communication/subcomponents/Webboard/TopicList.vue?d948","webpack:///src/developing/components/communication/subcomponents/Webboard/TopicList.vue","webpack:///./src/developing/components/communication/subcomponents/Webboard/TopicList.vue?3b9d","webpack:///./src/developing/components/communication/subcomponents/Webboard/TopicList.vue","webpack:///./src/developing/components/communication/subcomponents/CommonTopicListItem.vue?1395","webpack:///src/developing/components/communication/subcomponents/CommonTopicListItem.vue","webpack:///./src/developing/components/communication/subcomponents/CommonTopicListItem.vue?1cf7","webpack:///./src/developing/components/communication/subcomponents/CommonTopicListItem.vue?1848"],"names":["render","_vm","this","_h","$createElement","_c","_self","key","_v","topics","length","_l","topic","index","String","id","staticClass","style","transitionDelay","attrs","dataAdapter","_s","$t","staticRenderFns","components","CommonTopicListItem","TopicHeader","data","localData","loading","debug","watch","Array","isArray","topicList","$forceUpdate","methods","_topic","type","subject","subjectName","subjectCode","senderUUID","fromUser","photo","sender_name","sender_code","unread","readDate","time","sendDate","isStarred","content","message","messageAdapter","component","on","$event","selectMessage","$slots","_t","class","staticStyle","_e","replace","label","labelColor","_f","stopPropagation","model","value","callback","$$v","isSelectedMessage","expression","toggleIsStarred","props","Object","default","isSelected","Boolean","required","computed","isMessageContentActive","existMessageIndex","currentViewingMessages","splice","unshift","currentViewingMessageType","pop","currentViewingMessageCursor","currentTopic"],"mappings":"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","file":"js/chunk-0d93ca20.fab411a5.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!./CommonTopicListItem.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',{key:'webboard-thread-list'},[(_vm.loading)?_c('div',[_vm._v(\"Loading\")]):(_vm.topics.length > 0)?_vm._l((_vm.topics),function(topic,index){return _c('li',{key:String(topic.id),staticClass:\"cursor-pointer email__mail-item\",style:({transitionDelay: (index * 0.1) + 's'})},[_c('CommonTopicListItem',{attrs:{\"index\":index,\"data\":_vm.dataAdapter(topic),\"isSelected\":false}},[_c('TopicHeader',{attrs:{\"data\":_vm.dataAdapter(topic)}})],1)],1)}):_c('div',[_vm._v(\" \"+_vm._s(_vm.$t(\"no-webboard\"))+\" \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :key=\"'webboard-thread-list'\">\n    <div v-if=\"loading\">Loading</div>\n\n    <!-- Debug -->\n    <!-- <div v-if=\"debug\">\n      {{ topic }}\n    </div> -->\n\n    <li v-else-if=\"topics.length > 0\" class=\"cursor-pointer email__mail-item\"   \n      v-for=\"(topic, index) in topics\"\n      :key=\"String(topic.id)\" :style=\"{transitionDelay: (index * 0.1) + 's'}\">\n     \n      <CommonTopicListItem :index=\"index\" :data=\"dataAdapter(topic)\" :isSelected=\"false\">\n        <TopicHeader :data=\"dataAdapter(topic)\" />\n      </CommonTopicListItem>\n    </li>\n    <div v-else>\n      {{ $t(\"no-webboard\") }}\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable vue/no-unused-components */\nimport { state } from \"../../data\";\nimport CommonTopicListItem from \"../CommonTopicListItem.vue\";\nimport { constructTopicsFromList } from \"../../data\";\n\nexport default {\n  components: {\n    CommonTopicListItem,\n    TopicHeader: () => import(\"./TopicHeader.vue\")\n  },\n  data() {\n    return {\n      localData: state.local,\n      topics: [],\n      loading: true,\n      debug: false\n    }\n  },\n  watch: {\n    async 'localData.activeListType'(type) {\n      await this.refreshTopicList(type);\n      this.loading = false;\n    },\n    topics(topicList) {                         \n      if (Array.isArray(topicList)) {           \n        if (topicList.length > 0) {             \n          this.$forceUpdate();                  \n        }                                       \n      }                                         \n    }                                           \n  },                                            \n  // computed: {                                \n  //   messages() {                             \n  //     return this.localData.messagePool[\"pm\"]\n  //   }                                        \n  // },                                         \n  methods: {                                    \n    dataAdapter(_topic) {                            \n      if (!_topic) { return null }              \n                                                \n      if (_topic.data) {                        \n        const { id, topic, sendDate, readDate, fromUser, fromUserCode, message, courseOutlineRegistration } = _topic.data;\n                                                \n        const { subject, subjectCode, subjectName } = courseOutlineRegistration;\n                                                \n        const sender_name =                     \n          `${fromUser ? fromUser.nameLocal : \"\" }\n            ${fromUser ? fromUser.surnameLocal : \"\" }`;\n        const sender_code =                     \n          `${fromUserCode ? fromUserCode : \"\"}` \n                                                \n        return {                                \n          ..._topic.data,                       \n          id,                                   \n          type: \"pm\",                           \n          topic,                                \n          subject,                              \n          subjectName,                          \n          subjectCode,                          \n          senderUUID: fromUser ? fromUser.photo : null,\n          sender_name,                          \n          sender_code,                          \n          unread: readDate ? false : true,      \n          time: sendDate,                       \n          isStarred: true,                      \n          content: message                      \n        }                                       \n      }                                         \n      return null                               \n    },                                          \n    messageAdapter(message) {                   \n      const { id, topic, sendDate, readDate, fromUser, fromUserCode, courseOutlineRegistration } = message;\n      const { subject, subjectCode, subjectName } = courseOutlineRegistration;\n      const sender_name =                       \n        `${fromUser ? fromUser.nameLocal : \"\" } \n          ${fromUser ? fromUser.surnameLocal : \"\" }`;\n      const sender_code =                       \n        `${fromUserCode ? fromUserCode : \"\"}`   \n      return {                                  \n        ...message,                             \n        id,                                     \n        type: \"pm\",                             \n        topic,                                  \n        subject,                                \n        subjectName,                            \n        subjectCode,                            \n        senderUUID: fromUser ? fromUser.photo : null,\n        sender_name,                                        \n        sender_code,                                        \n        unread: readDate ? false : true,                    \n        time: sendDate,                                     \n        isStarred: true,                                    \n        content: message.message                            \n      }                                                     \n    },                                                      \n    async refreshTopicList() {                              \n      this.topics = await constructTopicsFromList(\"webboard\", \"all\");\n      const topics = await constructTopicsFromList(\"webboard\", this.localData.activeListType);\n                                                            \n      if (topics) {                                         \n        this.topics = topics                                \n      } else {                                              \n        this.localData.activeListType = \"all\"               \n      }                                                     \n      this.loading = false;                                 \n    }                                                       \n  },                                                        \n  async mounted() {                                         \n    await this.refreshTopicList();                          \n  },                                                        \n  async beforeUpdated() {                                   \n    await this.refreshTopicList();                          \n  }                                                         \n}                                                           \n</script>                                                   \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!./TopicList.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!./TopicList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopicList.vue?vue&type=template&id=0c7542a2&\"\nimport script from \"./TopicList.vue?vue&type=script&lang=js&\"\nexport * from \"./TopicList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.data)?_c('div',{on:{\"click\":function($event){return _vm.selectMessage(_vm.data)}}},[(_vm.$slots.default)?_c('div',{attrs:{\"data\":_vm.data}},[_vm._t(\"default\")],2):_c('div',{staticClass:\"mail__mail-item sm:px-4 px-2 py-6\",class:{'mail__opened-mail': !_vm.data.unread}},[_c('div',{staticClass:\"flex w-full\"},[_c('vs-avatar',{staticClass:\"sender__avatar flex-shrink-0 mr-3 border-2 border-solid border-white\",attrs:{\"src\":'http://files.xtrathai.com/' + _vm.data.senderUUID,\"size\":\"40px\"}}),_c('div',{staticClass:\"flex w-full justify-between items-start\"},[_c('div',{staticClass:\"mail__details\"},[_c('div',{staticClass:\"mb-1 flex flex-inline justify-between\"},[(_vm.data.topic)?_c('h5',[_vm._v(\" \"+_vm._s(_vm.data.topic))]):_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('no-subject'))+\" \")]),(_vm.data.unread)?_c('vs-chip',{staticClass:\"ml-2 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"warning\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('general.unread')))])]):_vm._e(),(!_vm.data.fromUser)?_c('vs-chip',{staticClass:\"ml-2 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"danger\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('general.read-only')))])]):_vm._e()],1),_c('span',{staticClass:\"mt-2 font-bold\"},[_vm._v(_vm._s(_vm.data.sender_name))]),_c('span',{staticClass:\"mt-2 font-semibold\",class:{ '_auto_parentheses' : _vm.data.sender_name.replace(/\\s/g, '') }},[_vm._v(_vm._s(_vm.$t('general.code'))+\" \"+_vm._s(_vm.data.sender_code))])]),_c('div',{staticClass:\"mail-item__meta flex items-center\"},[_c('div',{staticClass:\"email__labels hidden sm:flex items-center\"},_vm._l((_vm.data.labels),function(label,index){return _c('div',{key:index,staticClass:\"h-2 w-2 rounded-full mr-2\",class:'bg-' + _vm.labelColor(label)})}),0),_c('span',[_vm._v(_vm._s(_vm._f(\"date\")(_vm.data.time)))])])])],1),_c('div',{staticClass:\"flex w-full\"},[_c('div',{staticClass:\"flex items-center ml-1\"},[_c('vs-checkbox',{staticClass:\"vs-checkbox-small ml-0 mr-1\",on:{\"click\":function($event){$event.stopPropagation();}},model:{value:(_vm.isSelectedMessage),callback:function ($$v) {_vm.isSelectedMessage=$$v},expression:\"isSelectedMessage\"}}),_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"StarIcon\",\"svgClasses\":[{'text-warning fill-current stroke-current': _vm.data.isStarred}, 'w-5', 'h-5']},on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleIsStarred($event)}}})],1),_c('div',{staticClass:\"mail__message truncate ml-3\"},[_c('span',[_vm._v(_vm._s(_vm._f(\"filter_tags\")(_vm.data.content)))])]),_c('div',{staticClass:\"mb-1 flex flex-inline justify-between\"},[(_vm.data.subject)?_c('vs-chip',{staticClass:\"ml-2 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"success\"}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.data.subjectCode)+\" \"+_vm._s(_vm.data.subjectName)+\" \")])]):_vm._e()],1)])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n=========================================================================================\n  Message List Item\n==========================================================================================\n-->\n\n<template>\n  <div v-if=\"data\" @click=\"selectMessage(data)\">\n    <!-- Custom View via Slot -->\n    <div v-if=\"$slots.default\" v-bind:data=\"data\">\n      <slot />\n    </div>\n\n    <!-- Default View -->\n    <div\n      v-else\n      class=\"mail__mail-item sm:px-4 px-2 py-6\"\n      :class=\"{'mail__opened-mail': !data.unread}\"\n    >\n      <!-- MESSAGE ROW 1 : META -->\n      <div class=\"flex w-full\">\n        <vs-avatar\n          class=\"sender__avatar flex-shrink-0 mr-3 border-2 border-solid border-white\"\n          :src=\"'http://files.xtrathai.com/' + data.senderUUID\" size=\"40px\" />\n\n        <div class=\"flex w-full justify-between items-start\">\n            <div class=\"mail__details\">\n\n              <div class=\"mb-1 flex flex-inline justify-between\">\n                <h5 v-if=\"data.topic\">\n                  {{ data.topic }}</h5>\n                <span v-else>\n                  {{ $t('no-subject') }}\n                </span>\n                <vs-chip v-if=\"data.unread\" transparent color=\"warning\" class=\"ml-2 my-auto\" style=\"min-height: 20px;\">\n                  <span>{{ $t('general.unread') }}</span>\n                </vs-chip>\n\n                <vs-chip v-if=\"!data.fromUser\" transparent color=\"danger\" class=\"ml-2 my-auto\" style=\"min-height: 20px;\">\n                  <span>{{ $t('general.read-only') }}</span>\n                </vs-chip>\n              </div>\n\n              <span class=\"mt-2 font-bold\">{{ data.sender_name }}</span>\n              <span class=\"mt-2 font-semibold\"\n                :class=\"{ '_auto_parentheses' : data.sender_name.replace(/\\s/g, '') }\" >{{ $t('general.code') }} {{ data.sender_code }}</span>\n            </div>\n\n            <div class=\"mail-item__meta flex items-center\">\n                <div class=\"email__labels hidden sm:flex items-center\">\n                  <div class=\"h-2 w-2 rounded-full mr-2\"\n                    :class=\"'bg-' + labelColor(label)\"\n                    v-for=\"(label, index) in data.labels\" :key=\"index\" />\n                </div>\n                <span>{{ data.time | date }}</span>\n            </div>\n        </div>\n      </div>\n      <!-- / MESSAGE ROW 1 -->\n\n      <!-- MESSAGE ROW 2 : MSG & ACTIONS -->\n      <div class=\"flex w-full\">\n        <div class=\"flex items-center ml-1\">\n          <vs-checkbox\n            v-model=\"isSelectedMessage\"\n            @click.stop class=\"vs-checkbox-small ml-0 mr-1\" />\n          <feather-icon icon=\"StarIcon\"\n            class=\"cursor-pointer\"\n            :svgClasses=\"[{'text-warning fill-current stroke-current': data.isStarred}, 'w-5', 'h-5']\"\n            @click.stop=\"toggleIsStarred\" />\n        </div>\n        <div class=\"mail__message truncate ml-3\">\n          <span>{{ data.content | filter_tags }}</span>\n        </div>\n          <div class=\"mb-1 flex flex-inline justify-between\">\n            <vs-chip v-if=\"data.subject\" transparent color=\"success\" class=\"ml-2 my-auto\" style=\"min-height: 20px;\">\n              <span>\n                {{ data.subjectCode }} {{ data.subjectName }}\n              </span>\n            </vs-chip>\n          </div>\n      </div>\n      <!-- / MESSAGE ROW 2 -->\n    </div>\n  </div>\n</template>\n\n<script>\nimport { state } from \"../data\";\n\nexport default {\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    isSelected: {\n      type: Boolean,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      isSelectedMessage: this.isSelected,\n      localData: state.local,\n    }\n  },\n  watch: {\n    // isSelected(value) {\n    //   this.isSelectedMessage = value\n    // },\n    /* isSelectedMessage(val) {\n      val ? this.$emit('addToSelected', this.message.id) : this.$emit('removeSelected', this.message.id)\n    } */\n  },\n  computed: {\n    labelColor() {\n      return (label) => {\n        return label || \"primary\";\n        // const tags = this.$store.state.emessage.mailTags\n        // return tags.find((tag) => {\n        //   return tag.value == label\n        // }).color\n      }\n    },\n  },\n  methods: {\n    // toggleIsStarred() {\n      // const payload = { mailId: this.message.id, value: !this.message.isStarred }\n      // this.$store.dispatch('email/toggleIsMailStarred', payload)\n    // },\n    selectMessage(message) {\n\n      // Activate Message Content Pane.\n      this.localData.isMessageContentActive = true;\n\n      // Check if the selected message is already in the list, pop it out.\n      const existMessageIndex = this.localData.currentViewingMessages.findIndex(m => m === message.id);\n      if (existMessageIndex > -1) this.localData.currentViewingMessages.splice(existMessageIndex, 1);\n\n      this.localData.currentViewingMessages.unshift(message.id);\n\n      if (message.type) this.localData.currentViewingMessageType = message.type;\n\n      // // Pop last message out, Store only latest 10.\n      if (this.localData.currentViewingMessages.length > 10) this.localData.currentViewingMessages.pop();\n\n      // // Set viewing cursor to position 0;\n      this.localData.currentViewingMessageCursor = 0;\n\n      // TODO: Set as read\n      this.localData.currentTopic = message;\n\n    },\n    type() {\n      return this.localData.currentViewingMessageType;\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n._auto_parentheses {\n  &::before {\n    content: \"\\00a0\\00a0 (\"\n  };\n  &::after {\n    content: \") \"\n  }\n  font-weight: 600;\n  font-size: 0.9rem;\n  letter-spacing: 0.5px;\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!./CommonTopicListItem.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!./CommonTopicListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CommonTopicListItem.vue?vue&type=template&id=ae5834ca&\"\nimport script from \"./CommonTopicListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CommonTopicListItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CommonTopicListItem.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"],"sourceRoot":""}