{"version":3,"sources":["webpack:///./src/views/content/Content.vue?61ec","webpack:///src/views/content/Content.vue","webpack:///./src/views/content/Content.vue?83a5","webpack:///./src/views/content/Content.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","newcontent","icons","mdiMagnify","model","value","callback","$$v","search","expression","headers","contents","scopedSlots","_u","key","fn","ref","item","status","_s","getstatustext","style","display","$event","viewcontent","editcontent","mdiPencilOutline","deleteeditcontent","mdiDeleteOutline","dialog","v","currentcontent","$set","mainpage","contentgroupidtotext","contentgroup_id","contentgroups","findcontentgroupname","statusitems","thumbnail","_e","removethumbnail","changethumbnail","thumbnailtmp","plugins","file_picker_types","file_picker_callback","updateimg","height","toolbar","_g","_b","mdiPlusBox","addcomponent","_l","component","ci","staticStyle","type","removecomponent","mdiMinusBox","findcontenttitle","text","ctp","p","removeparagraph","push","savecontent","viewdemo","width","justifyContent","viewref","staticRenderFns","components","TiptapVuetify","editor","setup","mdiPlus","mdiClose","mdiCamera","data","covertmp","imgdialog","extensions","History","Blockquote","Link","options","imageSources","name","Underline","Strike","Italic","ListItem","Heading","levels","Bold","Code","HorizontalRule","Paragraph","HardBreak","label","align","content","dialogmode","contentcomponents","watch","val","params","title","created","methods","confirm","_id","console","cb","meta","input","window","file","e","image","arr","index","g","content_id","findcontentgroups","changecover","img","reader","getcontents","action","updatedAt","createdAt","statusvalue","contentform","VAutocomplete","VBtn","VBtnToggle","VCard","VCardActions","VCardText","VCardTitle","VChip","VCol","VCombobox","VDataTable","VDialog","VFileInput","VForm","VIcon","VImg","VList","VListItem","VListItemTitle","VMenu","VRow","VSelect","VSpacer","VSwitch","VTab","VTabItem","VTabs","VTextField","VTextarea","VToolbar","VToolbarTitle"],"mappings":"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","file":"js/chunk-2d0cc2a6.2fcdfe86.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',[_c('v-col',{staticClass:\"mb-6\",attrs:{\"cols\":\"12\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\" บทความ \"),_c('v-spacer'),_vm._v(\" \"),_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":_vm.newcontent}},[_vm._v(\" เพิ่มบทความ \")])],1),_c('v-row',{staticClass:\"ma-0 pb-1 px-2 align-center\"},[_c('v-col',[_c('v-text-field',{attrs:{\"label\":\"ค้นหา บทความ\",\"dense\":\"\",\"prepend-icon\":_vm.icons.mdiMagnify,\"hide-details\":\"\",\"outlined\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1),_c('v-row',{staticClass:\"ma-0 pb-1 px-2 align-center\"},[_c('v-col',[_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"search\":_vm.search,\"headers\":_vm.headers,\"items\":_vm.contents,\"items-per-page\":25},scopedSlots:_vm._u([{key:\"item.status\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-chip',{attrs:{\"color\":item.status === 'active' ? 'info': item.status === 'finish' ? 'success': item.status === 'draft' ? 'warning': 'error'}},[_vm._v(\" \"+_vm._s(_vm.getstatustext(item.status))+\" \")])]}},{key:\"item.action\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',{style:({ display: 'flex' })},[_c('v-btn',{attrs:{\"icon\":\"\",\"color\":\"warning\"},on:{\"click\":function($event){return _vm.viewcontent(item)}}},[_c('v-icon',[_vm._v(_vm._s(_vm.icons.mdiMagnify))])],1),_c('v-btn',{attrs:{\"icon\":\"\",\"color\":\"info\"},on:{\"click\":function($event){return _vm.editcontent(item)}}},[_c('v-icon',[_vm._v(_vm._s(_vm.icons.mdiPencilOutline))])],1),_c('v-btn',{attrs:{\"icon\":\"\",\"color\":\"error\"},on:{\"click\":function($event){return _vm.deleteeditcontent(item)}}},[_c('v-icon',[_vm._v(_vm._s(_vm.icons.mdiDeleteOutline))])],1)],1)]}}],null,true)})],1)],1)],1)],1),_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"retain-focus\":false,\"persistent\":\"\",\"max-width\":\"100%\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',[_c('span',{staticClass:\"text-h5\"},[_vm._v(\"บทความ\")])]),_c('v-card-text',[_c('v-form',{ref:\"currentcontent\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"Title* (ไม่ควรเกิน 60 ตัวอักษร)\",\"counter\":\"\",\"dense\":\"\",\"outlined\":\"\",\"rules\":[function (v){ return !!v || 'Required'; }]},model:{value:(_vm.currentcontent.title),callback:function ($$v) {_vm.$set(_vm.currentcontent, \"title\", $$v)},expression:\"currentcontent.title\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"คำอธิบาย* (ไม่ควรเกิน 120 ตัวอักษร)\",\"counter\":\"\",\"dense\":\"\",\"outlined\":\"\",\"rules\":[function (v){ return !!v || 'Required'; }]},model:{value:(_vm.currentcontent.description),callback:function ($$v) {_vm.$set(_vm.currentcontent, \"description\", $$v)},expression:\"currentcontent.description\"}})],1),_c('v-col',[_c('v-text-field',{attrs:{\"prefix\":((_vm.mainpage.domain) + \"/content/\" + (_vm.contentgroupidtotext(_vm.currentcontent.contentgroup_id)) + \"/\"),\"label\":\"ลิ้งค์\",\"dense\":\"\",\"hide-details\":\"\",\"outlined\":\"\",\"rules\":[function (v){ return !!v || 'Required'; }]},model:{value:(_vm.currentcontent.ref),callback:function ($$v) {_vm.$set(_vm.currentcontent, \"ref\", $$v)},expression:\"currentcontent.ref\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"3\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.contentgroups,\"search-input\":_vm.findcontentgroupname,\"hide-no-data\":\"\",\"hide-selected\":\"\",\"dense\":\"\",\"outlined\":\"\",\"item-text\":\"name\",\"item-value\":\"_id\",\"label\":\"หมวดหมู่\"},on:{\"update:searchInput\":function($event){_vm.findcontentgroupname=$event},\"update:search-input\":function($event){_vm.findcontentgroupname=$event}},model:{value:(_vm.currentcontent.contentgroup_id),callback:function ($$v) {_vm.$set(_vm.currentcontent, \"contentgroup_id\", $$v)},expression:\"currentcontent.contentgroup_id\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"2\"}},[_c('v-select',{attrs:{\"label\":\"สถานะ\",\"dense\":\"\",\"hide-details\":\"\",\"outlined\":\"\",\"rules\":[function (v){ return !!v || 'Required'; }],\"item-text\":\"label\",\"item-value\":\"value\",\"items\":_vm.statusitems},model:{value:(_vm.currentcontent.status),callback:function ($$v) {_vm.$set(_vm.currentcontent, \"status\", $$v)},expression:\"currentcontent.status\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-combobox',{attrs:{\"multiple\":\"\",\"chips\":\"\",\"deletable-chips\":\"\",\"label\":\"Keywords\",\"hide-details\":\"\",\"outlined\":\"\"},model:{value:(_vm.currentcontent.keywords),callback:function ($$v) {_vm.$set(_vm.currentcontent, \"keywords\", $$v)},expression:\"currentcontent.keywords\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"12\"}},[_c('v-card',[_c('v-toolbar',{attrs:{\"flat\":\"\",\"color\":\"primary\",\"dark\":\"\"}},[_c('v-toolbar-title',[_vm._v(\"Picture\")])],1),_c('v-tabs',{attrs:{\"vertical\":\"\"}},[_c('v-tab',[_vm._v(\" ภาพปก \")]),_c('v-tab-item',[_c('v-card',[(_vm.currentcontent.thumbnail)?_c('v-img',{attrs:{\"contain\":\"\",\"src\":_vm.currentcontent.thumbnail,\"height\":\"250\"}}):_vm._e(),_c('v-card-title',[_c('v-btn',{attrs:{\"color\":\"error\"},on:{\"click\":_vm.removethumbnail}},[_vm._v(\" ลบรูปภาพ \")]),_c('v-file-input',{attrs:{\"label\":\"600 x 600 เป็น JPG หรือ PNG เท่านั้น\",\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\"},on:{\"change\":_vm.changethumbnail},model:{value:(_vm.thumbnailtmp),callback:function ($$v) {_vm.thumbnailtmp=$$v},expression:\"thumbnailtmp\"}})],1)],1)],1)],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-switch',{attrs:{\"label\":\"โหมดแก้ไขเอง\",\"hide-details\":\"\",\"dense\":\"\"},model:{value:(_vm.currentcontent.iscustom),callback:function ($$v) {_vm.$set(_vm.currentcontent, \"iscustom\", $$v)},expression:\"currentcontent.iscustom\"}})],1),(_vm.currentcontent.iscustom)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('editor',{attrs:{\"api-key\":\"meyc5j7whq9ffae2lbneuptktk8r1nielyhx17lisx11exc2\",\"init\":{\n                    plugins: ['wordcount','link', 'image','lists'],\n                    file_picker_types: 'image',\n                    file_picker_callback: _vm.updateimg,\n                    height: 800,\n                    toolbar: 'undo redo | styleselect | bold italic | link image | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent'\n                  }},model:{value:(_vm.currentcontent.content),callback:function ($$v) {_vm.$set(_vm.currentcontent, \"content\", $$v)},expression:\"currentcontent.content\"}})],1):_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',[_c('v-toolbar',{attrs:{\"flat\":\"\",\"color\":\"primary\",\"dark\":\"\"}},[_c('v-toolbar-title',[_vm._v(\"SEO Mode\")]),_c('v-spacer'),_c('v-menu',{attrs:{\"offset-y\":\"\",\"top\":\"\",\"left\":\"\",\"open-on-hover\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n                  var on = ref.on;\n                  var attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"mx-2\",attrs:{\"large\":\"\",\"icon\":\"\",\"color\":\"indigo\"}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\" \"+_vm._s(_vm.icons.mdiPlusBox)+\" \")])],1)]}}])},[_c('v-list',[_c('v-list-item',{on:{\"click\":function($event){return _vm.addcomponent('Relate')}}},[_c('v-list-item-title',[_vm._v(\"บทเชื่อม\")])],1),_c('v-list-item',{on:{\"click\":function($event){return _vm.addcomponent('Refine')}}},[_c('v-list-item-title',[_vm._v(\"บทขยาย\")])],1)],1)],1)],1),_c('div',{staticClass:\"px-2 pt-2 pb-6\"},_vm._l((_vm.currentcontent.contentcomponents),function(component,ci){return _c('v-card',{key:ci,staticStyle:{\"margin-top\":\"1.25rem\"}},[_c('v-toolbar',{attrs:{\"dense\":\"\",\"flat\":\"\",\"color\":\"primary\",\"dark\":\"\"}},[_c('v-toolbar-title',{staticClass:\"mr-3\"},[_vm._v(\" \"+_vm._s(component.type)+\" \")]),_c('v-btn-toggle',{attrs:{\"mandatory\":\"\",\"rounded\":\"\",\"dense\":\"\"},model:{value:(component.titletype),callback:function ($$v) {_vm.$set(component, \"titletype\", $$v)},expression:\"component.titletype\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"value\":\"h1\"}},[_vm._v(\" h1 \")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"value\":\"h2\"}},[_vm._v(\" h2 \")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"value\":\"h3\"}},[_vm._v(\" h3 \")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"value\":\"h4\"}},[_vm._v(\" h4 \")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"value\":\"h5\"}},[_vm._v(\" h5 \")])],1),_c('v-spacer'),_c('v-btn',{attrs:{\"large\":\"\",\"icon\":\"\",\"color\":\"indigo\"},on:{\"click\":function($event){return _vm.removecomponent(ci)}}},[_c('v-icon',[_vm._v(\" \"+_vm._s(_vm.icons.mdiMinusBox)+\" \")])],1)],1),_c('v-row',{staticClass:\"px-2 py-2\"},[_c('v-col',[_c('v-text-field',{attrs:{\"label\":\"Title* (ไม่ควรเกิน 60 ตัวอักษร)\",\"counter\":\"\",\"dense\":\"\",\"outlined\":\"\",\"rules\":[function (v){ return !!v || 'Required'; }]},model:{value:(component.title),callback:function ($$v) {_vm.$set(component, \"title\", $$v)},expression:\"component.title\"}})],1),(component.type === 'Relate')?_c('v-col',[_c('v-autocomplete',{attrs:{\"items\":_vm.contents,\"search-input\":_vm.findcontenttitle,\"hide-no-data\":\"\",\"hide-selected\":\"\",\"dense\":\"\",\"outlined\":\"\",\"item-text\":\"title\",\"item-value\":\"_id\",\"label\":\"Content ที่เชื่อม\",\"rules\":[function (v){ return !!v || 'Required'; }]},on:{\"update:searchInput\":function($event){_vm.findcontenttitle=$event},\"update:search-input\":function($event){_vm.findcontenttitle=$event}},model:{value:(component.content_id),callback:function ($$v) {_vm.$set(component, \"content_id\", $$v)},expression:\"component.content_id\"}})],1):_vm._e(),_vm._l((component.p),function(text,ctp){return _c('v-col',{key:ctp,attrs:{\"cols\":\"12\"}},[_c('v-textarea',{attrs:{\"label\":\"Paragraph\",\"hide-details\":\"\",\"dense\":\"\",\"outlined\":\"\"},model:{value:(component.p[ctp]),callback:function ($$v) {_vm.$set(component.p, ctp, $$v)},expression:\"component.p[ctp]\"}}),_c('v-btn',{staticClass:\"mt-1 mr-2\",attrs:{\"depressed\":\"\",\"color\":\"error\"},on:{\"click\":function($event){return _vm.removeparagraph(component.p, ctp)}}},[_vm._v(\" ลบ Paragraph \")]),_c('v-btn',{staticClass:\"mt-1\",attrs:{\"depressed\":\"\",\"color\":\"info\"},on:{\"click\":function () { component.p.push('') }}},[_vm._v(\" เพิ่ม Paragraph \")])],1)})],2)],1)}),1)],1)],1)],1)],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"error\",\"text\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\" Close \")]),_c('v-btn',{attrs:{\"color\":\"success\"},on:{\"click\":_vm.savecontent}},[_vm._v(\" Save \")])],1)],1)],1)],1),_c('v-dialog',{model:{value:(_vm.viewdemo),callback:function ($$v) {_vm.viewdemo=$$v},expression:\"viewdemo\"}},[_c('v-card',[_c('v-card-title',[_c('span',{staticClass:\"text-h5\"},[_vm._v(\"View\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"error\",\"text\":\"\"},on:{\"click\":function($event){_vm.viewdemo = false}}},[_vm._v(\" X \")])],1),_c('v-card-text',[_c('div',{style:({ width: '100%', display: 'flex', justifyContent: 'center'})},[_c('iframe',{style:({width: '450px', height: '650px'}),attrs:{\"src\":(\"https://\" + (_vm.mainpage.domain) + \"/\" + _vm.viewref)}})])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-row>\n    <v-col\n      cols=\"12\"\n      class=\"mb-6\"\n    >\n      <v-card>\n        <v-card-title>\n          บทความ <v-spacer></v-spacer> <v-btn\n            color=\"primary\"\n            @click=\"newcontent\"\n          >\n            เพิ่มบทความ\n          </v-btn>\n        </v-card-title>\n        <v-row class=\"ma-0 pb-1 px-2 align-center\">\n          <v-col>\n            <v-text-field\n              v-model=\"search\"\n              label=\"ค้นหา บทความ\"\n              dense\n              :prepend-icon=\"icons.mdiMagnify\"\n              hide-details\n              outlined\n            ></v-text-field>\n          </v-col>\n        </v-row>\n        <v-row class=\"ma-0 pb-1 px-2 align-center\">\n          <v-col>\n            <v-data-table\n              :search=\"search\"\n              :headers=\"headers\"\n              :items=\"contents\"\n              :items-per-page=\"25\"\n              class=\"elevation-1\"\n            >\n              <template v-slot:[`item.status`]=\"{ item }\">\n                <v-chip :color=\"item.status === 'active' ? 'info': item.status === 'finish' ? 'success': item.status === 'draft' ? 'warning': 'error'\">\n                  {{ getstatustext(item.status) }}\n                </v-chip>\n              </template>\n              <template v-slot:[`item.action`]=\"{ item }\">\n                <div :style=\"{ display: 'flex' }\">\n                  <v-btn\n                    icon\n                    color=\"warning\"\n                    @click=\"viewcontent(item)\"\n                  >\n                    <v-icon>{{ icons.mdiMagnify }}</v-icon>\n                  </v-btn>\n                  <v-btn\n                    icon\n                    color=\"info\"\n                    @click=\"editcontent(item)\"\n                  >\n                    <v-icon>{{ icons.mdiPencilOutline }}</v-icon>\n                  </v-btn>\n                  <v-btn\n                    icon\n                    color=\"error\"\n                    @click=\"deleteeditcontent(item)\"\n                  >\n                    <v-icon>{{ icons.mdiDeleteOutline }}</v-icon>\n                  </v-btn>\n                </div>\n              </template>\n            </v-data-table>\n          </v-col>\n        </v-row>\n      </v-card>\n    </v-col>\n    <v-row justify=\"center\">\n      <v-dialog\n        v-model=\"dialog\"\n        :retain-focus=\"false\"\n        persistent\n        max-width=\"100%\"\n      >\n        <v-card>\n          <v-card-title>\n            <span class=\"text-h5\">บทความ</span>\n          </v-card-title>\n          <v-card-text>\n            <v-form ref=\"currentcontent\">\n              <v-row>\n                <v-col\n                  cols=\"12\"\n                >\n                  <v-text-field\n                    v-model=\"currentcontent.title\"\n                    label=\"Title* (ไม่ควรเกิน 60 ตัวอักษร)\"\n                    counter\n                    dense\n                    outlined\n                    :rules=\"[v=> !!v || 'Required']\"\n                  ></v-text-field>\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                >\n                  <v-text-field\n                    v-model=\"currentcontent.description\"\n                    label=\"คำอธิบาย* (ไม่ควรเกิน 120 ตัวอักษร)\"\n                    counter\n                    dense\n                    outlined\n                    :rules=\"[v=> !!v || 'Required']\"\n                  ></v-text-field>\n                </v-col>\n                <v-col>\n                  <v-text-field\n                    v-model=\"currentcontent.ref\"\n                    :prefix=\"`${mainpage.domain}/content/${contentgroupidtotext(currentcontent.contentgroup_id)}/`\"\n                    label=\"ลิ้งค์\"\n                    dense\n                    hide-details\n                    outlined\n                    :rules=\"[v=> !!v || 'Required']\"\n                  ></v-text-field>\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  sm=\"6\"\n                  md=\"3\"\n                >\n                  <v-autocomplete\n                    v-model=\"currentcontent.contentgroup_id\"\n                    :items=\"contentgroups\"\n                    :search-input.sync=\"findcontentgroupname\"\n                    hide-no-data\n                    hide-selected\n                    dense\n                    outlined\n                    item-text=\"name\"\n                    item-value=\"_id\"\n                    label=\"หมวดหมู่\"\n                  ></v-autocomplete>\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  sm=\"6\"\n                  md=\"2\"\n                >\n                  <v-select\n                    v-model=\"currentcontent.status\"\n                    label=\"สถานะ\"\n                    dense\n                    hide-details\n                    outlined\n                    :rules=\"[v=> !!v || 'Required']\"\n                    item-text=\"label\"\n                    item-value=\"value\"\n                    :items=\"statusitems\"\n                  ></v-select>\n                </v-col>\n                <v-col cols=\"12\">\n                  <v-combobox\n                    v-model=\"currentcontent.keywords\"\n                    multiple\n                    chips\n                    deletable-chips\n                    label=\"Keywords\"\n                    hide-details\n                    outlined\n                  ></v-combobox>\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  md=\"12\"\n                >\n                  <v-card>\n                    <v-toolbar\n                      flat\n                      color=\"primary\"\n                      dark\n                    >\n                      <v-toolbar-title>Picture</v-toolbar-title>\n                    </v-toolbar>\n                    <v-tabs vertical>\n                      <!-- <v-tab>\n                        ภาพหลัก\n                      </v-tab> -->\n                      <v-tab>\n                        ภาพปก\n                      </v-tab>\n\n                      <!-- <v-tab-item>\n                        <v-card>\n                          <v-img\n                            v-if=\"currentcontent.cover\"\n                            contain\n                            :src=\"currentcontent.cover\"\n                            height=\"250\"\n                          ></v-img>\n                          <v-card-title>\n                            <v-file-input\n                              v-model=\"covertmp\"\n                              label=\"650 x 240\"\n                              outlined\n                              dense\n                              @change=\"changecover\"\n                            ></v-file-input>\n                          </v-card-title>\n                        </v-card>\n                      </v-tab-item> -->\n                      <v-tab-item>\n                        <v-card>\n                          <v-img\n                            v-if=\"currentcontent.thumbnail\"\n                            contain\n                            :src=\"currentcontent.thumbnail\"\n                            height=\"250\"\n                          ></v-img>\n                          <v-card-title>\n                            <v-btn\n                              color=\"error\"\n                              @click=\"removethumbnail\"\n                            >\n                              ลบรูปภาพ\n                            </v-btn>\n                            <v-file-input\n                              v-model=\"thumbnailtmp\"\n                              label=\"600 x 600 เป็น JPG หรือ PNG เท่านั้น\"\n                              outlined\n                              dense\n                              hide-details\n                              @change=\"changethumbnail\"\n                            ></v-file-input>\n                          </v-card-title>\n                        </v-card>\n                      </v-tab-item>\n                    </v-tabs>\n                  </v-card>\n                </v-col>\n\n                <v-col\n                  cols=\"12\"\n                >\n                  <v-switch\n                    v-model=\"currentcontent.iscustom\"\n                    label=\"โหมดแก้ไขเอง\"\n                    hide-details\n                    dense\n                  ></v-switch>\n                </v-col>\n                <v-col\n                  v-if=\"currentcontent.iscustom\"\n                  cols=\"12\"\n                >\n                  <editor\n                    v-model=\"currentcontent.content\"\n                    api-key=\"meyc5j7whq9ffae2lbneuptktk8r1nielyhx17lisx11exc2\"\n                    :init=\"{\n                      plugins: ['wordcount','link', 'image','lists'],\n                      file_picker_types: 'image',\n                      file_picker_callback: updateimg,\n                      height: 800,\n                      toolbar: 'undo redo | styleselect | bold italic | link image | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent'\n                    }\"\n                  />\n                  <!-- undo redo | link image | numlist bullist -->\n\n                  <!-- <tiptap-vuetify\n                    v-model=\"currentcontent.content\"\n                    :extensions=\"extensions\"\n                    :toolbar-attributes=\"{ color: 'info' }\"\n                  /> -->\n                </v-col>\n                <v-col\n                  v-else\n                  cols=\"12\"\n                >\n                  <v-card>\n                    <v-toolbar\n                      flat\n                      color=\"primary\"\n                      dark\n                    >\n                      <v-toolbar-title>SEO Mode</v-toolbar-title>\n                      <v-spacer></v-spacer>\n                      <v-menu\n                        offset-y\n                        top\n                        left\n                        open-on-hover\n                      >\n                        <template v-slot:activator=\"{ on, attrs }\">\n                          <v-btn\n                            v-bind=\"attrs\"\n                            class=\"mx-2\"\n                            large\n                            icon\n                            color=\"indigo\"\n                            v-on=\"on\"\n                          >\n                            <v-icon>\n                              {{ icons.mdiPlusBox }}\n                            </v-icon>\n                          </v-btn>\n                        </template>\n                        <v-list>\n                          <v-list-item @click=\"addcomponent('Relate')\">\n                            <v-list-item-title>บทเชื่อม</v-list-item-title>\n                          </v-list-item>\n                          <v-list-item @click=\"addcomponent('Refine')\">\n                            <v-list-item-title>บทขยาย</v-list-item-title>\n                          </v-list-item>\n                        </v-list>\n                      </v-menu>\n                    </v-toolbar>\n                    <div class=\"px-2 pt-2 pb-6\">\n                      <v-card\n                        v-for=\"(component, ci) in currentcontent.contentcomponents\"\n                        :key=\"ci\"\n                        style=\"margin-top: 1.25rem;\"\n                      >\n                        <v-toolbar\n                          dense\n                          flat\n                          color=\"primary\"\n                          dark\n                        >\n                          <v-toolbar-title class=\"mr-3\">\n                            {{ component.type }}\n                          </v-toolbar-title>\n                          <v-btn-toggle\n                            v-model=\"component.titletype\"\n                            mandatory\n                            rounded\n                            dense\n                          >\n                            <v-btn\n                              color=\"primary\"\n                              value=\"h1\"\n                            >\n                              h1\n                            </v-btn>\n                            <v-btn\n                              color=\"primary\"\n                              value=\"h2\"\n                            >\n                              h2\n                            </v-btn>\n                            <v-btn\n                              color=\"primary\"\n                              value=\"h3\"\n                            >\n                              h3\n                            </v-btn>\n                            <v-btn\n                              color=\"primary\"\n                              value=\"h4\"\n                            >\n                              h4\n                            </v-btn>\n                            <v-btn\n                              color=\"primary\"\n                              value=\"h5\"\n                            >\n                              h5\n                            </v-btn>\n                          </v-btn-toggle>\n                          <v-spacer></v-spacer>\n                          <v-btn\n                            large\n                            icon\n                            color=\"indigo\"\n                            @click=\"removecomponent(ci)\"\n                          >\n                            <v-icon>\n                              {{ icons.mdiMinusBox }}\n                            </v-icon>\n                          </v-btn>\n                          <!-- <v-btn\n                            large\n                            icon\n                            color=\"indigo\"\n                            @click=\"() => { component.p.push('') }\"\n                          >\n                            <v-icon>\n                              {{ icons.mdiPlusBox }}\n                            </v-icon>\n                          </v-btn> -->\n                        </v-toolbar>\n                        <v-row class=\"px-2 py-2\">\n                          <v-col>\n                            <v-text-field\n                              v-model=\"component.title\"\n                              label=\"Title* (ไม่ควรเกิน 60 ตัวอักษร)\"\n                              counter\n                              dense\n                              outlined\n                              :rules=\"[v=> !!v || 'Required']\"\n                            ></v-text-field>\n                          </v-col>\n                          <v-col v-if=\"component.type === 'Relate'\">\n                            <v-autocomplete\n                              v-model=\"component.content_id\"\n                              :items=\"contents\"\n                              :search-input.sync=\"findcontenttitle\"\n                              hide-no-data\n                              hide-selected\n                              dense\n                              outlined\n                              item-text=\"title\"\n                              item-value=\"_id\"\n                              label=\"Content ที่เชื่อม\"\n                              :rules=\"[v=> !!v || 'Required']\"\n                            ></v-autocomplete>\n                          </v-col>\n                          <v-col\n                            v-for=\"(text, ctp) in component.p\"\n                            :key=\"ctp\"\n                            cols=\"12\"\n                          >\n                            <v-textarea\n                              v-model=\"component.p[ctp]\"\n                              label=\"Paragraph\"\n                              hide-details\n                              dense\n                              outlined\n                            ></v-textarea>\n                            <v-btn\n                              class=\"mt-1 mr-2\"\n                              depressed\n                              color=\"error\"\n                              @click=\"removeparagraph(component.p, ctp)\"\n                            >\n                              ลบ Paragraph\n                            </v-btn>\n                            <v-btn\n                              class=\"mt-1\"\n                              depressed\n                              color=\"info\"\n                              @click=\"() => { component.p.push('') }\"\n                            >\n                              เพิ่ม Paragraph\n                            </v-btn>\n                          </v-col>\n                        </v-row>\n                      </v-card>\n                    </div>\n                  </v-card>\n                </v-col>\n              </v-row>\n            </v-form>\n          </v-card-text>\n          <v-card-actions>\n            <v-spacer></v-spacer>\n            <v-btn\n              color=\"error\"\n              text\n              @click=\"dialog = false\"\n            >\n              Close\n            </v-btn>\n            <v-btn\n              color=\"success\"\n              @click=\"savecontent\"\n            >\n              Save\n            </v-btn>\n          </v-card-actions>\n        </v-card>\n      </v-dialog>\n    </v-row>\n    <v-dialog\n      v-model=\"viewdemo\"\n    >\n      <v-card>\n        <v-card-title>\n          <span class=\"text-h5\">View</span>\n          <v-spacer></v-spacer>\n          <v-btn\n            color=\"error\"\n            text\n            @click=\"viewdemo = false\"\n          >\n            X\n          </v-btn>\n        </v-card-title>\n        <v-card-text>\n          <div :style=\"{ width: '100%', display: 'flex', justifyContent: 'center'}\">\n            <iframe\n              :style=\"{width: '450px', height: '650px'}\"\n              :src=\"`https://${mainpage.domain}/${viewref}`\"\n            ></iframe>\n          </div>\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n  </v-row>\n</template>\n\n<script>\nimport {\n  mdiPlus,\n  mdiPencilOutline,\n  mdiDeleteOutline,\n  mdiClose,\n  mdiCamera,\n  mdiMagnify, mdiPlusBox, mdiMinusBox,\n} from '@mdi/js'\n\nimport {\n  TiptapVuetify,\n  Heading,\n  Bold,\n  Italic,\n  Strike,\n  Underline,\n  Code,\n  Paragraph,\n\n  // BulletList,\n  // OrderedList,\n  ListItem,\n  Image,\n  Link,\n  Blockquote,\n  HardBreak,\n  HorizontalRule,\n  History,\n} from 'tiptap-vuetify'\nimport moment from 'moment'\n\nimport Gallery from '@/components/Gallery.vue'\nimport Editor from '@tinymce/tinymce-vue'\n\nexport default {\n  components: { TiptapVuetify, editor: Editor },\n  setup() {\n    return {\n      icons: {\n        mdiPlus,\n        mdiPencilOutline,\n        mdiDeleteOutline,\n        mdiClose,\n        mdiCamera,\n        mdiMagnify,\n        mdiPlusBox,\n        mdiMinusBox,\n      },\n    }\n  },\n  data() {\n    return {\n      covertmp: null,\n      thumbnailtmp: null,\n      search: '',\n      dialog: false,\n      viewdemo: false,\n      imgdialog: false,\n      viewref: '',\n      findcontentgroupname: '',\n      contentgroups: [],\n      extensions: [\n        History,\n        Blockquote,\n        Link,\n        [Image,\n          {\n            options: {\n              imageSources: [\n                { component: Gallery, name: 'Gallery' },\n              ],\n            },\n          }],\n        Underline,\n        Strike,\n        Italic,\n        ListItem,\n\n        // BulletList,\n        // OrderedList,\n        [\n          Heading,\n          {\n            options: {\n              levels: [1, 2, 3],\n            },\n          },\n        ],\n        Bold,\n        Code,\n        HorizontalRule,\n        Paragraph,\n        HardBreak,\n      ],\n      statusitems: [\n        { label: 'กำลังทำ', value: 'draft' },\n        { label: 'เสร็จ', value: 'finish' },\n        { label: 'เผยแพร่', value: 'active' },\n        { label: 'ต้องปรับแก้', value: 'reject' },\n      ],\n      headers: [\n        { text: 'ชื่อ', align: 'start', value: 'title' },\n        { text: 'เกริ่นนำ', value: 'description' },\n        { text: 'ลิ้งค์', value: 'ref' },\n        { text: 'หมวด', value: 'contentgroup.name' },\n        { text: 'สถานะ', value: 'status' },\n        { text: 'วันที่อัพเดท', value: 'updatedAt' },\n        { text: 'Action', value: 'action', width: '100' },\n      ],\n      contents: [],\n      content: '',\n      findcontenttitle: '',\n      mainpage: {\n\n      },\n      dialogmode: 'new',\n      currentcontent: {\n        content: '<p></p>',\n        contentcomponents: [],\n        status: 'draft',\n      },\n    }\n  },\n  watch: {\n    async findcontentgroupname(val) {\n      if (this.contentgroups.length > 0) return\n      const { data: { contentgroups } } = await this.axios.get('/admin/contents/title', {\n        params: { title: val },\n      })\n      this.contentgroups = contentgroups\n    },\n    async findcontenttitle(val) {\n      if (this.contents.length > 0) return\n      const { data: { contents } } = await this.axios.get('/admin/contents/title', {\n        params: { title: val },\n      })\n      this.contents = contents\n    },\n  },\n  async created() {\n    const { data } = await this.axios.get('/admin/mainpage')\n    this.mainpage = data.website\n    this.getcontents()\n    this.findcontentgroups()\n  },\n  methods: {\n    async removethumbnail() {\n      if (confirm('ยืนยันการลบรูปภาพ')) {\n        await this.axios.delete('/admin/content/thumbnail', {\n          params: { _id: this.currentcontent._id },\n        })\n        await this.getcontents()\n        this.dialog = false\n      }\n    },\n    viewcontent(item) {\n      console.log(item)\n      this.viewref = `${item.contentgroup.ref}/${item.ref}`\n      this.viewdemo = true\n    },\n    async updateimg(cb, value, meta) {\n      const input = window.document.createElement('input')\n      input.setAttribute('type', 'file')\n      input.setAttribute('accept', 'image/*')\n\n      input.addEventListener('change', async e => {\n        const file = e.target.files[0]\n\n        const image = new FormData()\n        image.append('img', file)\n        image.append('alt', file.name)\n        const { data } = await this.axios.post('/admin/image', image)\n\n        cb(`https://laokda.deepcdn.net/${data.img.Key}`, { title: file.name })\n      })\n\n      input.click()\n    },\n    removeparagraph(arr, index) {\n      arr.splice(index, 1)\n    },\n    removecomponent(index) {\n      this.currentcontent.contentcomponents.splice(index, 1)\n    },\n    contentgroupidtotext(_id) {\n      let g = {}\n      if (this.contentgroups && this.contentgroups.length) {\n        g = this.contentgroups.find(group => group._id === _id)\n      }\n\n      return g?.ref || ''\n    },\n    addcomponent(type) {\n      if (type === 'Relate') {\n        this.currentcontent.contentcomponents.push({\n          type: 'Relate', content_id: '', title: '', p: [''],\n        })\n      } else {\n        this.currentcontent.contentcomponents.push({\n          type: 'Refine', title: '', p: [''],\n        })\n      }\n      console.log(type)\n    },\n    async findcontentgroups() {\n      const { data: { contentgroups } } = await this.axios.get('/admin/contentgroups/name')\n      this.contentgroups = contentgroups\n    },\n    changecover(img) {\n      const reader = new FileReader()\n      reader.onload = e => {\n        this.currentcontent.cover = e.target.result\n        this.$forceUpdate()\n      }\n      reader.readAsDataURL(img)\n    },\n    changethumbnail(img) {\n      const reader = new FileReader()\n      reader.onload = e => {\n        this.currentcontent.thumbnail = e.target.result\n        this.$forceUpdate()\n      }\n      reader.readAsDataURL(img)\n    },\n    editcontent(item) {\n      this.dialogmode = 'edit'\n      this.currentcontent = item\n      this.dialog = true\n    },\n    newcontent() {\n      this.dialogmode = 'new'\n      this.dialog = true\n      this.currentcontent = {\n        status: 'draft',\n        contentcomponents: [],\n      }\n    },\n    async getcontents() {\n      let { data: { contents } } = await this.axios.get('/admin/contents')\n      contents = contents.map(content => ({\n        ...content,\n        action: '',\n        updatedAt: moment(content.createdAt).format('YYYY-MM-DD HH:mm:ss'),\n        createdAt: moment(content.createdAt).format('YYYY-MM-DD HH:mm:ss'),\n      }))\n      this.contents = contents\n    },\n    getstatustext(statusvalue) {\n      const status = this.statusitems.find(item => item.value === statusvalue)\n\n      return status.label\n    },\n    async savecontent() {\n      if (this.$refs.currentcontent.validate()) {\n        try {\n          // const currentcontent = {\n          //   title: this.currentcontent.title,\n          //   description: this.currentcontent.description,\n          //   ref: this.currentcontent.ref,\n          //   group: this.currentcontent.group,\n          //   status: this.currentcontent.status,\n          //   keywords: this.currentcontent.keywords,\n          //   content: this.currentcontent.content,\n          // }\n          const contentform = new FormData()\n          contentform.append('title', this.currentcontent.title)\n          contentform.append('description', this.currentcontent.description)\n          contentform.append('ref', this.currentcontent.ref)\n          contentform.append('group', this.currentcontent.group)\n          contentform.append('status', this.currentcontent.status)\n          contentform.append('keywords', this.currentcontent.keywords)\n          contentform.append('content', this.currentcontent.content)\n          contentform.append('contentgroup_id', this.currentcontent.contentgroup_id)\n          contentform.append('iscustom', this.currentcontent.iscustom)\n          contentform.append('contentcomponents', JSON.stringify(this.currentcontent.contentcomponents))\n\n          if (this.covertmp) {\n            contentform.append('coverimg', this.covertmp)\n          }\n          if (this.thumbnailtmp) {\n            contentform.append('thumbnailimg', this.thumbnailtmp)\n          }\n          if (this.dialogmode === 'edit') {\n            await this.axios.put('/admin/content', contentform, { params: { _id: this.currentcontent._id } })\n          } else {\n            await this.axios.post('/admin/content', contentform)\n          }\n          await this.getcontents()\n        } catch (error) {\n          if (error.response.status === 401) {\n            this.$cookies.set('t', '')\n            this.$router.push({ name: 'Login' })\n          }\n        }\n        this.dialog = false\n      }\n    },\n    async deleteeditcontent(item) {\n      await this.axios.delete('/admin/content', { params: { _id: item._id } })\n      await this.getcontents()\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!./Content.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!./Content.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Content.vue?vue&type=template&id=910f52e6&\"\nimport script from \"./Content.vue?vue&type=script&lang=js&\"\nexport * from \"./Content.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 { VAutocomplete } from 'vuetify/lib/components/VAutocomplete';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VBtnToggle } from 'vuetify/lib/components/VBtnToggle';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VCombobox } from 'vuetify/lib/components/VCombobox';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VFileInput } from 'vuetify/lib/components/VFileInput';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VSwitch } from 'vuetify/lib/components/VSwitch';\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabItem } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAutocomplete,VBtn,VBtnToggle,VCard,VCardActions,VCardText,VCardTitle,VChip,VCol,VCombobox,VDataTable,VDialog,VFileInput,VForm,VIcon,VImg,VList,VListItem,VListItemTitle,VMenu,VRow,VSelect,VSpacer,VSwitch,VTab,VTabItem,VTabs,VTextField,VTextarea,VToolbar,VToolbarTitle})\n"],"sourceRoot":""}