{"version":3,"sources":["webpack:///./src/workspaces/admin/views/post/Detail.vue?5b28","webpack:///./src/workspaces/admin/views/post/Detail.vue","webpack:///./src/workspaces/admin/views/post/AddPostCategory.vue","webpack:///src/workspaces/admin/views/post/AddPostCategory.vue","webpack:///./src/workspaces/admin/views/post/AddPostCategory.vue?b2c7","webpack:///./src/workspaces/admin/views/post/AddPostCategory.vue?e1bf","webpack:///src/workspaces/admin/views/post/Detail.vue","webpack:///./src/workspaces/admin/views/post/Detail.vue?b60c","webpack:///./src/workspaces/admin/views/post/Detail.vue?87cd"],"names":["render","_vm","this","_c","_self","attrs","size","order","staticClass","titleEditing","detail","title","on","$event","titleUpdate","updatePost","finally","_v","id","loading","_e","scopedSlots","_u","key","fn","proxy","isDescriptionChange","disabled","content","model","value","callback","$$v","expression","description","files","length","updateImage","_s","creator","name","creator_id","created_at","publish","showModalAddCategory","categories","_l","cat","updateCategory","staticRenderFns","show","category_id","$emit","add","component"],"mappings":"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","file":"js/chunk-5773b107.ff4ac496.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Detail.vue?vue&type=style&index=0&id=3594e32a&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('CRow',[_c('CCol',{attrs:{\"col\":{ size: 12, order: 2 },\"lg\":{ size: 9, order: 1 }}},[_c('CCard',[_c('CCardHeader',{staticClass:\"d-flex align-items-center\"},[(!_vm.titleEditing)?_c('TMessage',{attrs:{\"content\":\"Detail\",\"bold\":\"\"}},[[_c('div',{staticClass:\"d-flex\"},[_c('CBadge',{staticClass:\"d-flex my-auto\",attrs:{\"color\":\"info\"}},[_vm._v(\" #\"),_c('TMessageText',{attrs:{\"value\":_vm.detail.id}})],1),_c('TMessageText',{staticClass:\"h5 ml-1 my-auto\",attrs:{\"value\":_vm.detail.title}})],1)]],2):_c('div',{staticClass:\"d-flex w-100 mr-2\"},[_c('TInputText',{staticClass:\"w-100\",attrs:{\"value\":_vm.detail.title},on:{\"update:value\":function($event){_vm.titleUpdate = $event}}}),_c('TButtonSave',{on:{\"click\":function($event){_vm.updatePost('title', _vm.titleUpdate).finally(() => {\n                _vm.titleEditing = false;\n              })}}}),_c('TButtonClose',{on:{\"click\":function($event){_vm.titleEditing = false}}})],1),_c('TSpinner',{attrs:{\"loading\":_vm.loading}}),(!_vm.titleEditing)?_c('TButtonEdit',{staticClass:\"ml-auto\",attrs:{\"variant\":\"outline\"},on:{\"click\":function($event){_vm.titleEditing = true}}}):_vm._e()],1),_c('CCardBody',[_c('CCol',{attrs:{\"col\":\"12\"}},[_c('div',{staticClass:\"d-flex\"},[_c('TMessage',{staticClass:\"mb-3\",attrs:{\"content\":\"Content\",\"uppercase\":\"\"},scopedSlots:_vm._u([{key:\"suffix\",fn:function(){return [_vm._v(\":\")]},proxy:true}])}),_c('div',{staticClass:\"ml-auto my-auto\"},[(!_vm.isDescriptionChange)?_c('TButtonEdit',{attrs:{\"variant\":\"outline\"},on:{\"click\":function($event){_vm.isDescriptionChange = !_vm.isDescriptionChange}}}):_vm._e(),(_vm.isDescriptionChange)?_c('TButtonSave',{staticClass:\"ml-1 btn-outline-info\",attrs:{\"options\":{ disabled: _vm.loading },\"variant\":\"outline\"},on:{\"click\":function($event){return _vm.updatePost('content', _vm.content)}}}):_vm._e(),(_vm.isDescriptionChange)?_c('TButtonClose',{staticClass:\"ml-1 btn-outline-danger\",attrs:{\"variant\":\"outline\"},on:{\"click\":function($event){_vm.isDescriptionChange = !_vm.isDescriptionChange}}}):_vm._e()],1)],1),_c('quillEditor',{staticClass:\"editor\",attrs:{\"disabled\":!_vm.isDescriptionChange},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}})],1)],1)],1),_c('CCard',{staticClass:\"w-100 ml- mb-2\",attrs:{\"borderColor\":\"\"}},[_c('CCardHeader',{staticClass:\"d-flex\",attrs:{\"color\":\"inf\",\"textColor\":\"whit\"}},[_c('TMessage',{attrs:{\"content\":\"Description\",\"bold\":\"\"}})],1),_c('CCardBody',[_c('TMessageTextarea',{attrs:{\"value\":_vm.detail.description,\"editable\":\"\"},on:{\"change\":function($event){return _vm.updatePost('description', $event)}}})],1)],1)],1),_c('CCol',{attrs:{\"col\":{ size: 12, order: 1 },\"lg\":{ size: 3, order: 2 },\"order\":{}}},[_c('CCard',[_c('CCardHeader',{staticClass:\"d-flex align-items-center p-3\"},[_c('TMessage',{attrs:{\"content\":\"Info\",\"bold\":\"\"}})],1),_c('CCardBody',[_c('TInputFile',{staticClass:\"w-100\",attrs:{\"accept\":\"image/*\",\"value\":_vm.files,\"multiple\":!_vm.files.length ? false : true,\"theme\":\"default\",\"label\":\"Featured image\",\"maxFiles\":1,\"meta\":false},on:{\"update:value\":[function($event){_vm.files=$event},_vm.updateImage]}}),_c('TMessage',{staticClass:\"mt-3\",attrs:{\"content\":\"Creator\",\"bold\":\"\"}}),_c('CBadge',{attrs:{\"color\":\"info\"}},[_vm._v(\" \"+_vm._s(_vm.detail.creator ? _vm.detail.creator.name : _vm.detail.creator_id)+\" \")]),_c('TMessage',{staticClass:\"mt-3 mb-1\",attrs:{\"content\":\"Created at\",\"bold\":\"\"}}),_c('TMessageDateTime',{attrs:{\"content\":_vm.detail.created_at}}),_c('TMessage',{staticClass:\"mt-3 mb-1\",attrs:{\"content\":\"Publish\",\"bold\":\"\"}}),_c('TSwitch',{attrs:{\"checked\":_vm.detail.publish ? true : false,\"disabled\":_vm.loading},on:{\"change\":function($event){return _vm.updatePost('publish', $event ? 1 : 0)}}})],1)],1),_c('CCard',[_c('CCardHeader',{staticClass:\"d-flex align-items-center p-3\"},[_c('TMessage',{attrs:{\"content\":\"Category\",\"bold\":\"\"}}),_c('TButtonAdd',{staticClass:\"ml-auto\",attrs:{\"variant\":\"outline\"},on:{\"click\":function($event){_vm.showModalAddCategory = true}}})],1),_c('CCardBody',[(_vm.detail.categories && _vm.detail.categories.length)?_c('div',{staticClass:\"d-flex flex-wrap mt-2 mb-3\"},_vm._l((_vm.detail.categories),function(cat){return _c('div',{key:cat.id,staticClass:\"d-flex align-items-center rounded p-2 mb-1 border-info w-100\",attrs:{\"color\":\"primary\"}},[_c('strong',[_vm._v(\" \"+_vm._s(cat.name ? cat.name : cat.id))]),_c('TButtonRemove',{staticClass:\"ml-auto\",on:{\"click\":function($event){return _vm.updateCategory(cat.id, 'remove')}}})],1)}),0):_c('TMessageNotFound')],1),_c('AddPostCategory',{attrs:{\"show\":_vm.showModalAddCategory},on:{\"update:show\":function($event){_vm.showModalAddCategory=$event},\"update:category\":function($event){return _vm.updateCategory($event, 'add')}}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('TModal',{attrs:{\"title\":\"Add category\",\"show\":_vm.show,\"creating\":_vm.category_id ? false : true},on:{\"update:show\":function($event){return _vm.$emit('update:show', $event)},\"click-create\":_vm.add},scopedSlots:_vm._u([{key:\"actions\",fn:function(){return [_c('TButton',{attrs:{\"content\":\"Create\",\"options\":{ disabled: !_vm.category_id },\"icon\":\"cil-plus\"},on:{\"click\":_vm.add}})]},proxy:true}])},[_c('SSelectPostCategory',{attrs:{\"label\":\"Category\",\"prepend\":[],\"value\":_vm.category_id},on:{\"update:value\":[function($event){_vm.category_id=$event},function($event){_vm.category_id = $event}]}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <TModal\n    title=\"Add category\"\n    :show=\"show\"\n    @update:show=\"$emit('update:show', $event)\"\n    @click-create=\"add\"\n    :creating=\"category_id ? false : true\"\n  >\n    <template #actions>\n      <TButton\n        content=\"Create\"\n        :options=\"{ disabled: !category_id }\"\n        icon=\"cil-plus\"\n        @click=\"add\"\n      />\n    </template>\n    <SSelectPostCategory\n      label=\"Category\"\n      :prepend=\"[]\"\n      :value.sync=\"category_id\"\n      @update:value=\"category_id = $event\"\n    />\n  </TModal>\n</template>\n\n<script>\nexport default {\n  props: {\n    show: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      category_id: \"\",\n    };\n  },\n  methods: {\n    add() {\n      this.$emit(\"update:category\", this.category_id);\n      this.$emit(\"update:show\", false);\n      this.category_id = \"\";\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddPostCategory.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddPostCategory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddPostCategory.vue?vue&type=template&id=63d04ee0&\"\nimport script from \"./AddPostCategory.vue?vue&type=script&lang=js&\"\nexport * from \"./AddPostCategory.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","<template>\n  <CRow>\n    <CCol :col=\"{ size: 12, order: 2 }\" :lg=\"{ size: 9, order: 1 }\">\n      <CCard>\n        <CCardHeader class=\"d-flex align-items-center\">\n          <TMessage v-if=\"!titleEditing\" content=\"Detail\" bold>\n            <template>\n              <div class=\"d-flex\">\n                <CBadge color=\"info\" class=\"d-flex my-auto\">\n                  #<TMessageText :value=\"detail.id\" />\n                </CBadge>\n                <TMessageText :value=\"detail.title\" class=\"h5 ml-1 my-auto\" />\n              </div>\n            </template>\n          </TMessage>\n          <div v-else class=\"d-flex w-100 mr-2\">\n            <TInputText\n              :value=\"detail.title\"\n              class=\"w-100\"\n              @update:value=\"titleUpdate = $event\"\n            />\n            <TButtonSave\n              @click=\"\n                updatePost('title', titleUpdate).finally(() => {\n                  titleEditing = false;\n                })\n              \"\n            />\n            <TButtonClose @click=\"titleEditing = false\" />\n          </div>\n          <TSpinner :loading=\"loading\" />\n          <TButtonEdit\n            v-if=\"!titleEditing\"\n            variant=\"outline\"\n            class=\"ml-auto\"\n            @click=\"titleEditing = true\"\n          />\n        </CCardHeader>\n        <CCardBody>\n          <CCol col=\"12\">\n            <div class=\"d-flex\">\n              <TMessage content=\"Content\" class=\"mb-3\" uppercase>\n                <template #suffix>:</template>\n              </TMessage>\n              <div class=\"ml-auto my-auto\">\n                <TButtonEdit\n                  v-if=\"!isDescriptionChange\"\n                  variant=\"outline\"\n                  @click=\"isDescriptionChange = !isDescriptionChange\"\n                />\n                <TButtonSave\n                  v-if=\"isDescriptionChange\"\n                  :options=\"{ disabled: loading }\"\n                  class=\"ml-1 btn-outline-info\"\n                  variant=\"outline\"\n                  @click=\"updatePost('content', content)\"\n                />\n                <TButtonClose\n                  v-if=\"isDescriptionChange\"\n                  variant=\"outline\"\n                  class=\"ml-1 btn-outline-danger\"\n                  @click=\"isDescriptionChange = !isDescriptionChange\"\n                />\n              </div>\n            </div>\n            <quillEditor\n              v-model=\"content\"\n              class=\"editor\"\n              :disabled=\"!isDescriptionChange\"\n            >\n            </quillEditor>\n          </CCol>\n        </CCardBody>\n      </CCard>\n\n      <CCard class=\"w-100 ml- mb-2\" borderColor=\"\">\n        <CCardHeader class=\"d-flex\" color=\"inf\" textColor=\"whit\">\n          <TMessage content=\"Description\" bold />\n        </CCardHeader>\n        <CCardBody>\n          <TMessageTextarea\n            :value=\"detail.description\"\n            @change=\"updatePost('description', $event)\"\n            editable\n          />\n        </CCardBody>\n      </CCard>\n    </CCol>\n    <CCol :col=\"{ size: 12, order: 1 }\" :lg=\"{ size: 3, order: 2 }\" :order=\"{}\">\n      <CCard>\n        <CCardHeader class=\"d-flex align-items-center p-3\">\n          <TMessage content=\"Info\" bold />\n        </CCardHeader>\n        <CCardBody>\n          <TInputFile\n            accept=\"image/*\"\n            :value.sync=\"files\"\n            :multiple=\"!files.length ? false : true\"\n            class=\"w-100\"\n            theme=\"default\"\n            label=\"Featured image\"\n            :maxFiles=\"1\"\n            :meta=\"false\"\n            @update:value=\"updateImage\"\n          />\n          <TMessage content=\"Creator\" class=\"mt-3\" bold />\n          <CBadge color=\"info\">\n            {{ detail.creator ? detail.creator.name : detail.creator_id }}\n          </CBadge>\n          <TMessage content=\"Created at\" class=\"mt-3 mb-1\" bold />\n          <TMessageDateTime :content=\"detail.created_at\" />\n          <TMessage content=\"Publish\" class=\"mt-3 mb-1\" bold />\n          <TSwitch\n            :checked=\"detail.publish ? true : false\"\n            :disabled=\"loading\"\n            @change=\"updatePost('publish', $event ? 1 : 0)\"\n          />\n        </CCardBody>\n      </CCard>\n      <CCard>\n        <CCardHeader class=\"d-flex align-items-center p-3\">\n          <TMessage content=\"Category\" bold />\n          <TButtonAdd\n            class=\"ml-auto\"\n            variant=\"outline\"\n            @click=\"showModalAddCategory = true\"\n          />\n        </CCardHeader>\n        <CCardBody>\n          <div\n            v-if=\"detail.categories && detail.categories.length\"\n            class=\"d-flex flex-wrap mt-2 mb-3\"\n          >\n            <div\n              color=\"primary\"\n              class=\"d-flex align-items-center rounded p-2 mb-1 border-info w-100\"\n              v-for=\"cat in detail.categories\"\n              :key=\"cat.id\"\n            >\n              <strong> {{ cat.name ? cat.name : cat.id }}</strong>\n              <TButtonRemove\n                class=\"ml-auto\"\n                @click=\"updateCategory(cat.id, 'remove')\"\n              />\n            </div>\n          </div>\n          <TMessageNotFound v-else />\n        </CCardBody>\n        <AddPostCategory\n          :show.sync=\"showModalAddCategory\"\n          @update:category=\"updateCategory($event, 'add')\"\n        />\n      </CCard>\n    </CCol>\n  </CRow>\n</template>\n\n<script>\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\";\nimport AddPostCategory from \"./AddPostCategory.vue\";\nexport default {\n  components: {\n    quillEditor,\n    AddPostCategory,\n  },\n  data() {\n    return {\n      files: [],\n      titleUpdate: \"\",\n      titleEditing: false,\n      content: \"\",\n      isDescriptionChange: false,\n      showModalAddCategory: false,\n    };\n  },\n  watch: {\n    \"detail.content\": {\n      immediate: true,\n      handler(v) {\n        this.content = v;\n      },\n    },\n    \"detail.cover_url\": {\n      immediate: false,\n      handler(value) {\n        if (value)\n          this.files = [\n            {\n              id: 1,\n              name: this.detail.cover_path,\n              size: 0,\n              type: \"image/jpeg\",\n              ext: \"jpg\",\n              url: value,\n            },\n          ];\n        else this.files = [];\n      },\n    },\n  },\n  created() {\n    if (this.id) {\n      this.$store.dispatch(\"helper.posts.detail.fetch\", this.id);\n    }\n  },\n  destroyed() {\n    this.$store.commit(\"helper.posts.detail.purge\");\n  },\n  computed: {\n    ...mapGetters({\n      detail: \"helper.posts.detail\",\n      loading: \"helper.posts.detail.loading\",\n    }),\n    id() {\n      return this.$route.params.id;\n    },\n  },\n  methods: {\n    fetchDetail() {\n      this.$store.dispatch(\"helper.posts.detail.refresh\");\n    },\n    updatePost(field, value) {\n      return this.$store.dispatch(\"helper.posts.detail.update\", {\n        title: this.detail.title,\n        content: this.detail.content,\n        description: this.detail.description,\n        [field]: value,\n      });\n    },\n    updateImage(v) {\n      this.files = v;\n      if (v.length) this.updatePost(\"cover_file\", v[0].file);\n    },\n    updateCategory(id, type) {\n      let list = [...this.detail.categories];\n      let data = {\n        title: this.detail.title,\n        content: this.detail.content,\n        description: this.detail.description,\n      };\n      const itemIndex = list.findIndex((x) => x.id == id);\n      if (type == \"remove\") {\n        list.splice(itemIndex, 1);\n      }\n\n      if (type == \"add\" && itemIndex == -1) {\n        list.push({ id: id });\n      }\n      if (type == \"add\" && itemIndex != -1) return;\n\n      list.forEach((cat, index) => {\n        data = { ...data, [`categories[${index}]`]: cat.id };\n      });\n      if (!list.length) data = { ...data, categories: [] };\n      this.$store.dispatch(\"helper.posts.detail.update\", data).then(() => {\n        this.fetchDetail();\n      });\n    },\n  },\n};\n</script>\n\n<style scoped>\n* >>> textarea.form-control {\n  height: 80px;\n}\n* >>> .ql-container {\n  min-height: 200px;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Detail.vue?vue&type=template&id=3594e32a&scoped=true&\"\nimport script from \"./Detail.vue?vue&type=script&lang=js&\"\nexport * from \"./Detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Detail.vue?vue&type=style&index=0&id=3594e32a&prod&scoped=true&lang=css&\"\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  \"3594e32a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}