{"version":3,"sources":["webpack:///./src/developing/components/communication/subcomponents/CommonTopicListItem.vue?b50b","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","webpack:///./src/developing/components/communication/subcomponents/PM/TopicList.vue?9e59","webpack:///src/developing/components/communication/subcomponents/PM/TopicList.vue","webpack:///./src/developing/components/communication/subcomponents/PM/TopicList.vue?7b75","webpack:///./src/developing/components/communication/subcomponents/PM/TopicList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","on","$event","selectMessage","data","$slots","attrs","_t","staticClass","class","unread","senderUUID","_v","_s","topic","$t","staticStyle","_e","fromUser","sender_name","replace","sender_code","_l","label","index","key","labelColor","_f","time","stopPropagation","model","value","callback","$$v","isSelectedMessage","expression","isStarred","toggleIsStarred","content","subjectCode","subjectName","staticRenderFns","props","type","Object","default","isSelected","Boolean","required","localData","watch","computed","methods","isMessageContentActive","existMessageIndex","currentViewingMessages","splice","unshift","message","id","currentViewingMessageType","length","pop","currentViewingMessageCursor","currentTopic","component","topics","String","style","transitionDelay","dataAdapter","components","CommonTopicListItem","TopicHeader","loading","debug","Array","isArray","topicList","$forceUpdate","_topic","subject","photo","readDate","sendDate","messageAdapter"],"mappings":"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","file":"js/chunk-0d6bfbec.ad11dada.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 (_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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:'private-message-topic-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-pm\"))+\" \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :key=\"'private-message-topic-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-pm\") }}\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(\"pm\", \"all\");\n      const topics = await constructTopicsFromList(\"pm\", 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=2b24cd06&\"\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"],"sourceRoot":""}