{"version":3,"sources":["webpack:///./src/developing/components/communication/subcomponents/Webboard/TopicHeader.vue?86f4","webpack:///src/developing/components/communication/subcomponents/Webboard/TopicHeader.vue","webpack:///./src/developing/components/communication/subcomponents/Webboard/TopicHeader.vue?1d87","webpack:///./src/developing/components/communication/subcomponents/Webboard/TopicHeader.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","key","topic","type","id","_v","_s","_e","staticClass","class","unread","attrs","senderUUID","$t","sender_name","replace","sender_code","showContent","_f","content","sendDate","staticStyle","fromUser","subjectCode","subjectName","_l","label","index","labelColor","staticRenderFns","props","data","Object","require","default","Boolean","debug","computed","component"],"mappings":"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","file":"js/chunk-2d0d2bdb.76c14d23.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.topic)?_c('div',{key:_vm.topic.type + '-' + _vm.topic.id},[(_vm.debug)?_c('div',[_vm._v(_vm._s(_vm.topic))]):_vm._e(),_c('div',{staticClass:\"mail__mail-item sm:pl-4 px-1 pt-6\",class:{'mail__opened-mail': !_vm.topic.unread}},[_c('div',{staticClass:\"vx-row flex w-full\"},[_c('div',{staticClass:\"vx-col flex-shrink w-36\"},[_c('vs-avatar',{staticClass:\"sender__avatar flex-shrink-0 mr-3 border-2 border-solid border-white\",attrs:{\"src\":'http://files.xtrathai.com/' + _vm.topic.senderUUID,\"size\":\"64px\"}})],1),_c('div',{staticClass:\"vx-col flex flex-grow px-0\"},[_c('div',{staticClass:\"mail__details w-full\"},[_c('div',{staticClass:\"mb-1 flex flex-inline\"},[(_vm.topic.topic)?_c('h5',[_vm._v(\" \"+_vm._s(_vm.topic.topic))]):_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('no-subject'))+\" \")])]),_c('div',{staticClass:\"flex flex-inline justify-start items-center w-full\"},[_c('div',[_c('span',{staticClass:\"font-bold\"},[_vm._v(_vm._s(_vm.topic.sender_name))]),_c('span',{staticClass:\"font-semibold\",class:{ '_auto_parentheses' : _vm.topic.sender_name.replace(/\\s/g, '') }},[_vm._v(_vm._s(_vm.$t('general.code'))+\" \"+_vm._s(_vm.topic.sender_code))])]),_c('span',{staticClass:\"ml-4\"},[_vm._v(\" วิชา ภาค ปี (ชี้เพื่อดู Info)\")])]),_c('div',{staticClass:\"mail__message truncate\"},[(_vm.showContent === true)?_c('span',[_vm._v(_vm._s(_vm._f(\"filter_tags\")(_vm.topic.content)))]):_vm._e()])])]),_c('div',{staticClass:\"vx-col flex pr-0\"},[_c('div',{staticClass:\"mail-item__meta flex items-start\"},[_c('div',{staticClass:\"flex flex-col justify-center\"},[_c('div',{staticClass:\"flex justify-center\"},[_c('span',{staticClass:\"text-left\"},[_vm._v(_vm._s(_vm._f(\"date\")(_vm.topic.sendDate,true)))]),_c('span',{staticClass:\"ml-1 text-right\"},[_vm._v(_vm._s(_vm._f(\"time\")(_vm.topic.sendDate)))])]),_c('div',{staticClass:\"flex flex-col justify-end\"},[(_vm.topic.unread)?_c('vs-chip',{staticClass:\"mt-1 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"UNREAD\")])]):_vm._e(),(!_vm.topic.fromUser)?_c('vs-chip',{staticClass:\"mt-1 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"danger\"}},[_c('span',[_vm._v(\"READ ONLY\")])]):_vm._e()],1)])])])]),_c('div',{staticClass:\"vx-row flex w-full pl-3 pb-4\"},[_c('div',{staticClass:\"vx-col w-24\"}),_c('div',{staticClass:\"vx-col flex flex-grow pl-0\"},[_c('div',{staticClass:\"email__labels hidden sm:flex items-center\"},[_c('div',{staticClass:\"mb-1 flex flex-inline justify-between\"},[(_vm.topic.subject)?_c('vs-chip',{staticClass:\"ml-2 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"success\"}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.topic.subjectCode)+\" \"+_vm._s(_vm.topic.subjectName)+\" \")])]):_vm._e()],1),_vm._l((_vm.topic.labels),function(label,index){return _c('div',{key:index,staticClass:\"h-2 w-2 rounded-full mr-2\",class:'bg-' + _vm.labelColor(label)},[(label)?_c('vs-chip',{staticClass:\"ml-2 my-auto\",staticStyle:{\"min-height\":\"20px\"},attrs:{\"transparent\":\"\",\"color\":\"warning\"}},[_c('span',[_vm._v(_vm._s(label))])]):_vm._e()],1)})],2)])])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"topic\" :key=\"topic.type + '-' + topic.id\">\n    <div v-if=\"debug\">{{ topic }}</div>\n    <div\n      class=\"mail__mail-item sm:pl-4 px-1 pt-6\"\n      :class=\"{'mail__opened-mail': !topic.unread}\"\n    >\n      <div class=\"vx-row flex w-full\">\n        <div class=\"vx-col flex-shrink w-36\">\n          <vs-avatar\n            class=\"sender__avatar flex-shrink-0 mr-3 border-2 border-solid border-white\"\n            :src=\"'http://files.xtrathai.com/' + topic.senderUUID\" size=\"64px\" />\n\n        </div>\n\n        <div class=\"vx-col flex flex-grow px-0\">\n\n          <div class=\"mail__details w-full\">\n            \n            <div class=\"mb-1 flex flex-inline\">\n              <h5 v-if=\"topic.topic\">\n                {{ topic.topic }}</h5>\n              <span v-else>\n                {{ $t('no-subject') }}\n              </span>\n            </div>\n\n            <div class=\"flex flex-inline justify-start items-center w-full\">\n              <div>\n                <span class=\"font-bold\">{{ topic.sender_name }}</span>\n                <span class=\"font-semibold\"\n                  :class=\"{ '_auto_parentheses' : topic.sender_name.replace(/\\s/g, '') }\" >{{ $t('general.code') }} {{ topic.sender_code }}</span>\n              </div>\n              <span class=\"ml-4\"> วิชา ภาค ปี (ชี้เพื่อดู Info)</span>\n            </div>\n\n\n            <div class=\"mail__message truncate\" >\n              <span v-if=\"showContent === true\">{{ topic.content | filter_tags }}</span>\n            </div>\n          \n          </div>\n        </div>\n\n        <div class=\"vx-col flex pr-0\">\n          <div class=\"mail-item__meta flex items-start\">\n            <div class=\"flex flex-col justify-center\">\n              <div class=\"flex justify-center\">\n                <span class=\"text-left\">{{ topic.sendDate | date(true) }}</span>\n                <span class=\"ml-1 text-right\">{{ topic.sendDate | time }}</span>\n              </div>\n\n              <div class=\"flex flex-col justify-end\">\n                <vs-chip v-if=\"topic.unread\" transparent color=\"warning\" class=\"mt-1 my-auto\" style=\"min-height: 20px;\">\n                  <span>UNREAD</span>\n                </vs-chip>\n\n                <vs-chip v-if=\"!topic.fromUser\" transparent color=\"danger\" class=\"mt-1 my-auto\" style=\"min-height: 20px;\">\n                  <span>READ ONLY</span>\n                </vs-chip>\n              </div>\n            </div>\n\n          </div>\n        </div>\n      </div>\n      \n      <!-- MESSAGE ROW 2 : ACTIONS -->\n      <div class=\"vx-row flex w-full pl-3 pb-4\">\n\n        <div class=\"vx-col w-24\">\n        </div>\n\n        <div class=\"vx-col flex flex-grow pl-0\">\n          <div class=\"email__labels hidden sm:flex items-center\">\n\n            <div class=\"mb-1 flex flex-inline justify-between\">\n              <vs-chip v-if=\"topic.subject\" transparent color=\"success\" class=\"ml-2 my-auto\" style=\"min-height: 20px;\">\n                <span>\n                  {{ topic.subjectCode }} {{ topic.subjectName }}\n                </span>\n              </vs-chip>\n            </div>\n\n            <div class=\"h-2 w-2 rounded-full mr-2\" \n              :class=\"'bg-' + labelColor(label)\"\n              v-for=\"(label, index) in topic.labels\" :key=\"index\">\n              <vs-chip v-if=\"label\" transparent color=\"warning\" class=\"ml-2 my-auto\" style=\"min-height: 20px;\">\n                <span>{{ label }}</span>\n              </vs-chip>\n            </div>\n          </div>\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': message.isStarred}, 'w-5', 'h-5']\"\n            @click.stop=\"toggleIsStarred\" /> -->\n        </div>\n      </div>\n      <!-- / MESSAGE ROW 2 -->\n    </div>\n\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    data: {\n      type: Object,\n      require: true,\n      default: null\n    },\n    showContent: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      debug: false\n    }\n  },\n  computed: {\n    topic() {\n      return this.data;\n    }\n  }\n}\n</script>\n\n<style>\n\n</style>","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!./TopicHeader.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!./TopicHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopicHeader.vue?vue&type=template&id=34d0b329&\"\nimport script from \"./TopicHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./TopicHeader.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":""}