{"version":3,"sources":["webpack:///./src/views/Thread.vue?12ff","webpack:///src/views/Thread.vue","webpack:///./src/views/Thread.vue?eae3","webpack:///./src/views/Thread.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","items","length","staticClass","_v","_s","title","attrs","_l","item","key","_id","Owner","getUser","email","split","Access","on","$event","doEditReply","_e","domProps","showContent","Content","theme","model","value","callback","$$v","expression","undefined","editReply","doReply","doUpdateReply","doCancelUpdate","loading","staticRenderFns","components","Header","quillEditor","data","editor","Box","Valid","loader","computed","methods","content","replace","id","doLoad","mounted","component","VAlert","VBtn","VCard","VCardText","VCardTitle","VContainer","VDivider","VIcon","VList","VListItem","VListItemContent","VListItemSubtitle","VListItemTitle"],"mappings":"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","file":"js/chunk-2d20f90a.45da823a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.items.length > 0)?_c('v-card',[_c('v-card-title',[_c('span',{staticClass:\"text-h6\"},[_vm._v(\" Bài viết: \"+_vm._s(_vm.title)+\" \")])]),_c('v-card-text',[_c('v-container',[(_vm.items.length > 0)?_c('v-list',{attrs:{\"three-line\":\"\"}},[_vm._l((_vm.items),function(item){return [_c('div',{key:item._id},[_c('v-list-item',[_c('v-list-item-content',[_c('v-list-item-subtitle',[_c('span',{staticClass:\"text-body blue--text\"},[_vm._v(_vm._s(item.Owner))]),(item.Owner === _vm.getUser.email.split('@')[0] || _vm.getUser.Access === 'admin')?[_c('v-btn',{staticClass:\"mx-2\",attrs:{\"fab\":\"\",\"dark\":\"\",\"x-small\":\"\",\"color\":\"blue\"},on:{\"click\":function($event){return _vm.doEditReply(item)}}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\" mdi-comment-edit-outline \")])],1)]:_vm._e()],2),_c('v-list-item-title',[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.showContent(item.Content))}})])],1)],1),_c('v-divider')],1)]}),_c('v-list-item',[_c('v-list-item-content',[_c('v-list-item-title',[_c('quill-editor',{attrs:{\"options\":{theme: 'snow'}},model:{value:(_vm.Content),callback:function ($$v) {_vm.Content=$$v},expression:\"Content\"}}),_c('br'),(_vm.editReply === undefined)?_c('v-btn',{attrs:{\"color\":\"green\",\"disabled\":!_vm.Content},on:{\"click\":_vm.doReply}},[_vm._v(\" Đăng \")]):[_c('v-btn',{staticClass:\"mx-2\",attrs:{\"color\":\"blue\",\"disabled\":!_vm.Content},on:{\"click\":_vm.doUpdateReply}},[_vm._v(\" Cập nhật \")]),_c('v-btn',{staticClass:\"mx-2\",attrs:{\"color\":\"orange\"},on:{\"click\":_vm.doCancelUpdate}},[_vm._v(\" Hủy \")])]],2)],1)],1)],2):[_c('v-alert',{attrs:{\"border\":\"right\",\"colored-border\":\"\",\"type\":\"info\"}},[_c('span',{staticClass:\"blue--text text-center\"},[_vm._v(\" CHƯA CÓ BÀI VIẾT \")])])]],2)],1)],1):_vm._e(),(_vm.items.length === 0)?_c('v-container',[_c('span',{staticClass:\"text-h4\"},[_vm._v(\"Đang tải dữ liệu...\")])]):_vm._e(),(_vm.items === false)?_c('v-container',[_c('span',{staticClass:\"text-h4 red--text\"},[_vm._v(\"Không tìm thấy bài viết !!!\")])]):_vm._e(),_c('loading',{attrs:{\"status\":_vm.loading}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-card v-if=\"items.length > 0\">\n      <v-card-title>\n        <span class=\"text-h6\">\n          Bài viết: {{title}}\n        </span>\n      </v-card-title>\n      <v-card-text>\n        <v-container>\n          <v-list three-line v-if=\"items.length > 0\">\n            <template v-for=\"(item) in items\">\n              <div :key=\"item._id\">\n                <v-list-item\n                >\n                  <v-list-item-content>\n                      <v-list-item-subtitle>\n                        <span class=\"text-body blue--text\">{{item.Owner}}</span>\n                        <template v-if=\"item.Owner === getUser.email.split('@')[0] || getUser.Access === 'admin'\">\n                          <v-btn\n                            class=\"mx-2\"\n                            fab\n                            dark\n                            x-small\n                            color=\"blue\"\n                            @click=\"doEditReply(item)\"\n                          >\n                            <v-icon dark>\n                              mdi-comment-edit-outline\n                            </v-icon>\n                          </v-btn>\n                        </template>\n                      </v-list-item-subtitle>\n                      <v-list-item-title>\n                          <div v-html=\"showContent(item.Content)\"></div>\n                      </v-list-item-title>\n                  </v-list-item-content>\n                </v-list-item>\n                <v-divider />\n              </div>\n            </template>\n            <v-list-item\n            >\n              <v-list-item-content>\n                  <v-list-item-title>\n                    <quill-editor v-model=\"Content\" :options=\"{theme: 'snow'}\" />\n                    <br />\n                    <v-btn\n                      v-if=\"editReply === undefined\"\n                      color=\"green\"\n                      :disabled=\"!Content\"\n                      @click=\"doReply\"\n                    >\n                      Đăng\n                    </v-btn>\n                    <template v-else>\n                      <v-btn\n                        class=\"mx-2\"\n                        color=\"blue\"\n                        :disabled=\"!Content\"\n                        @click=\"doUpdateReply\"\n                      >\n                        Cập nhật\n                      </v-btn>\n                      <v-btn\n                        class=\"mx-2\"\n                        color=\"orange\"\n                        @click=\"doCancelUpdate\"\n                      >\n                        Hủy\n                      </v-btn>\n                    </template>\n                  </v-list-item-title>\n              </v-list-item-content>\n            </v-list-item>\n          </v-list>\n          <template v-else>\n            <v-alert\n              border=\"right\"\n              colored-border\n              type=\"info\"\n            >\n              <span\n                class=\"blue--text text-center\"\n              >\n                CHƯA CÓ BÀI VIẾT\n              </span>\n            </v-alert>\n          </template>\n        </v-container>\n      </v-card-text>\n    </v-card>\n    <v-container v-if=\"items.length === 0\">\n      <span class=\"text-h4\">Đang tải dữ liệu...</span>\n    </v-container>\n    <v-container v-if=\"items === false\">\n      <span class=\"text-h4 red--text\">Không tìm thấy bài viết !!!</span>\n    </v-container>\n    <loading :status=\"loading\" />\n  </div>\n</template>\n\n<script>\nimport validations from '@/helpers/validations.js'\nimport TopicService from '@/modules/baiviet.js'\nimport Header from '@/components/base/pagehead.vue'\nimport loading from '@/components/base/loading.vue'\nimport 'quill/dist/quill.core.css'\nimport 'quill/dist/quill.snow.css'\nimport 'quill/dist/quill.bubble.css'\nimport { quillEditor } from 'vue-quill-editor'\nimport {mapGetters} from 'vuex'\nexport default {\n  components: {\n    Header,\n    loading,\n    quillEditor,\n  },\n  data () {\n    return {\n      editor: null,\n      editReply:undefined,\n      Content:undefined,\n      loading:false,\n      items:[],\n      title:undefined,\n      Box:false,\n      Valid:false,\n      loader:false,\n    }\n  },\n  computed:{\n    ...mapGetters(['getUser']),\n  },\n  methods:{\n    ...validations,\n    showContent(content){\n      return content.replace('\\n','<br />');\n    },\n    doCancelUpdate(){\n      this.Content = undefined;\n      this.editReply = undefined;\n    },\n    doEditReply(item){\n      this.Content = item.Content;\n      this.editReply = item._id;\n    },\n    doReply(){\n      this.loading = true;\n      const request = {\n        id:this.$route.params.id,\n        Content: this.Content\n      }\n      TopicService.NewReply(request).then(resp=>{\n        const {success} = resp;\n        if(success){\n          this.doLoad();\n          this.Content = undefined;\n        }\n      })\n    },\n    doUpdateReply(){\n      this.loading = true;\n      const request = {\n        id:this.editReply,\n        Content: this.Content\n      }\n      this.Content = undefined; this.editReply = undefined;\n      TopicService.UpdateReply(request).then(resp=>{\n        const {success} = resp;\n        if(success){\n          this.doLoad();\n        }\n      })\n    },\n    doLoad(){\n      this.loading = true;\n      const id = this.$route.params.id;\n      TopicService.GetReply({id}).then(resp=>{\n        const {data} = resp;\n        if(data){\n          this.items = data.items;\n          this.title = data.title;\n        }\n        else this.items = false;\n      }).finally(()=>{\n        this.loading = false;\n      })\n    }\n  },\n  mounted(){\n    this.doLoad();\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!./Thread.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!./Thread.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Thread.vue?vue&type=template&id=3bc6fa1c&\"\nimport script from \"./Thread.vue?vue&type=script&lang=js&\"\nexport * from \"./Thread.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemSubtitle } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\ninstallComponents(component, {VAlert,VBtn,VCard,VCardText,VCardTitle,VContainer,VDivider,VIcon,VList,VListItem,VListItemContent,VListItemSubtitle,VListItemTitle})\n"],"sourceRoot":""}