{"version":3,"sources":["webpack:///./src/views/content/Contentgroup.vue?ad37","webpack:///src/views/content/Contentgroup.vue","webpack:///./src/views/content/Contentgroup.vue?7a5a","webpack:///./src/views/content/Contentgroup.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","newcontentgroup","icons","mdiMagnify","model","value","callback","$$v","search","expression","headers","contentgroups","scopedSlots","_u","key","fn","ref","item","style","display","$event","viewcontentgroup","_s","editcontentgroup","mdiPencilOutline","dialog","v","currentcontentgroup","$set","mainpage","includes","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","contents","findcontenttitle","text","ctp","p","removeparagraph","push","savecontentgroup","viewdemo","width","justifyContent","viewref","staticRenderFns","components","TiptapVuetify","editor","setup","mdiPlus","mdiDeleteOutline","mdiClose","mdiCamera","data","covertmp","iscustommode","imgdialog","extensions","History","Blockquote","Link","options","imageSources","name","Underline","Strike","Italic","ListItem","Heading","levels","Bold","Code","HorizontalRule","Paragraph","HardBreak","statusitems","label","align","contentgroup","dialogmode","content","contentcomponents","watch","val","params","title","created","methods","confirm","_id","cb","meta","input","window","file","e","image","arr","index","findcontents","changecover","img","reader","titletype","content_id","console","getcontentgroups","action","updatedAt","createdAt","contentgroupform","VAutocomplete","VBtn","VBtnToggle","VCard","VCardActions","VCardText","VCardTitle","VCol","VCombobox","VDataTable","VDialog","VFileInput","VForm","VIcon","VImg","VList","VListItem","VListItemTitle","VMenu","VRow","VSpacer","VSwitch","VTab","VTabItem","VTabs","VTextField","VTextarea","VToolbar","VToolbarTitle"],"mappings":"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","file":"js/chunk-2d0b614a.8778a9c8.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.newcontentgroup}},[_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.contentgroups,\"items-per-page\":25},scopedSlots:_vm._u([{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.viewcontentgroup(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.editcontentgroup(item)}}},[_c('v-icon',[_vm._v(_vm._s(_vm.icons.mdiPencilOutline))])],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:\"currentcontentgroup\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"3\"}},[_c('v-text-field',{attrs:{\"label\":\"ชื่อหมวดสั้นๆ*\",\"dense\":\"\",\"outlined\":\"\",\"rules\":[function (v){ return !!v || 'Required'; }]},model:{value:(_vm.currentcontentgroup.name),callback:function ($$v) {_vm.$set(_vm.currentcontentgroup, \"name\", $$v)},expression:\"currentcontentgroup.name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"9\"}},[_c('v-text-field',{attrs:{\"label\":\"Title* (ไม่ควรเกิน 60 ตัวอักษร)\",\"counter\":\"\",\"dense\":\"\",\"outlined\":\"\",\"rules\":[function (v){ return !!v || 'Required'; }]},model:{value:(_vm.currentcontentgroup.title),callback:function ($$v) {_vm.$set(_vm.currentcontentgroup, \"title\", $$v)},expression:\"currentcontentgroup.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.currentcontentgroup.description),callback:function ($$v) {_vm.$set(_vm.currentcontentgroup, \"description\", $$v)},expression:\"currentcontentgroup.description\"}})],1),_c('v-col',[_c('v-text-field',{attrs:{\"prefix\":((_vm.mainpage.domain) + \"/\"),\"label\":\"ลิ้งค์ (ห้ามมี space)\",\"dense\":\"\",\"hide-details\":\"\",\"outlined\":\"\",\"rules\":[function (v){ return !!v || 'Required'; }, function (v) { return !v.includes(' ') || 'ห้ามมี spacebar'; }]},model:{value:(_vm.currentcontentgroup.ref),callback:function ($$v) {_vm.$set(_vm.currentcontentgroup, \"ref\", $$v)},expression:\"currentcontentgroup.ref\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-combobox',{attrs:{\"multiple\":\"\",\"chips\":\"\",\"deletable-chips\":\"\",\"label\":\"Keywords กด Enter เพื่อเพิ่ม\",\"hide-details\":\"\",\"outlined\":\"\"},model:{value:(_vm.currentcontentgroup.keywords),callback:function ($$v) {_vm.$set(_vm.currentcontentgroup, \"keywords\", $$v)},expression:\"currentcontentgroup.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.currentcontentgroup.thumbnail)?_c('v-img',{attrs:{\"contain\":\"\",\"src\":_vm.currentcontentgroup.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\":\"แสดงบนหน้าแรก (ไม่ควรเกิน 2 Content)\",\"hide-details\":\"\",\"dense\":\"\"},model:{value:(_vm.currentcontentgroup.ispromote),callback:function ($$v) {_vm.$set(_vm.currentcontentgroup, \"ispromote\", $$v)},expression:\"currentcontentgroup.ispromote\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-switch',{attrs:{\"label\":\"โหมดแก้ไขเอง\",\"hide-details\":\"\",\"dense\":\"\"},model:{value:(_vm.currentcontentgroup.iscustom),callback:function ($$v) {_vm.$set(_vm.currentcontentgroup, \"iscustom\", $$v)},expression:\"currentcontentgroup.iscustom\"}})],1),(_vm.currentcontentgroup.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.currentcontentgroup.content),callback:function ($$v) {_vm.$set(_vm.currentcontentgroup, \"content\", $$v)},expression:\"currentcontentgroup.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.currentcontentgroup.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 mt-1\"},[_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.savecontentgroup}},[_vm._v(\" Save \")])],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)],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=\"newcontentgroup\"\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=\"contentgroups\"\n              :items-per-page=\"25\"\n              class=\"elevation-1\"\n            >\n              <!-- <template v-slot:[`item.status`]=\"{ item }\">\n                {{ getstatustext(item.status) }}\n              </template> -->\n              <template v-slot:[`item.action`]=\"{ item }\">\n                <div :style=\"{ display: 'flex' }\">\n                  <v-btn\n                    icon\n                    color=\"warning\"\n                    @click=\"viewcontentgroup(item)\"\n                  >\n                    <v-icon>{{ icons.mdiMagnify }}</v-icon>\n                  </v-btn>\n                  <v-btn\n                    icon\n                    color=\"info\"\n                    @click=\"editcontentgroup(item)\"\n                  >\n                    <v-icon>{{ icons.mdiPencilOutline }}</v-icon>\n                  </v-btn>\n                </div>\n\n                <!-- <v-btn\n                  icon\n                  color=\"error\"\n                  @click=\"deletehealthmanual(item)\"\n                >\n                  <v-icon>{{ items.mdiDeleteOutline }}</v-icon>\n                </v-btn> -->\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=\"currentcontentgroup\">\n              <v-row>\n                <v-col\n                  cols=\"12\"\n                  sm=\"6\"\n                  md=\"3\"\n                >\n                  <v-text-field\n                    v-model=\"currentcontentgroup.name\"\n                    label=\"ชื่อหมวดสั้นๆ*\"\n                    dense\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=\"9\"\n                >\n                  <v-text-field\n                    v-model=\"currentcontentgroup.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=\"currentcontentgroup.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=\"currentcontentgroup.ref\"\n                    :prefix=\"`${mainpage.domain}/`\"\n                    label=\"ลิ้งค์ (ห้ามมี space)\"\n                    dense\n                    hide-details\n                    outlined\n                    :rules=\"[v=> !!v || 'Required', v => !v.includes(' ') || 'ห้ามมี spacebar']\"\n                  ></v-text-field>\n                </v-col>\n                <v-col cols=\"12\">\n                  <v-combobox\n                    v-model=\"currentcontentgroup.keywords\"\n                    multiple\n                    chips\n                    deletable-chips\n                    label=\"Keywords กด Enter เพื่อเพิ่ม\"\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=\"currentcontentgroup.cover\"\n                            contain\n                            :src=\"currentcontentgroup.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=\"currentcontentgroup.thumbnail\"\n                            contain\n                            :src=\"currentcontentgroup.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                <v-col\n                  cols=\"12\"\n                >\n                  <v-switch\n                    v-model=\"currentcontentgroup.ispromote\"\n                    label=\"แสดงบนหน้าแรก (ไม่ควรเกิน 2 Content)\"\n                    hide-details\n                    dense\n                  ></v-switch>\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                >\n                  <v-switch\n                    v-model=\"currentcontentgroup.iscustom\"\n                    label=\"โหมดแก้ไขเอง\"\n                    hide-details\n                    dense\n                  ></v-switch>\n                </v-col>\n                <v-col\n                  v-if=\"currentcontentgroup.iscustom\"\n                  cols=\"12\"\n                >\n                  <editor\n                    v-model=\"currentcontentgroup.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                  <!-- <tiptap-vuetify\n                    v-model=\"currentcontentgroup.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 currentcontentgroup.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 mt-1\">\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=\"savecontentgroup\"\n            >\n              Save\n            </v-btn>\n          </v-card-actions>\n        </v-card>\n      </v-dialog>\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  </v-row>\n</template>\n\n<script>\nimport {\n  mdiPlus,\n  mdiPencilOutline,\n  mdiDeleteOutline,\n  mdiClose,\n  mdiCamera,\n  mdiMagnify,\n  mdiPlusBox,\n  mdiMinusBox,\n} from '@mdi/js'\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'\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      findcontenttitle: '',\n      dialog: false,\n      viewdemo: false,\n      iscustommode: false,\n      imgdialog: false,\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: 'name' },\n        { text: 'Title', align: 'start', value: 'title' },\n        { text: 'เกริ่นนำ', value: 'description' },\n        { text: 'ลิ้งค์', value: 'ref' },\n\n        // { text: 'หมวด', value: 'group' },\n        // { text: 'สถานะ', value: 'status' },\n        { text: 'วันที่อัพเดท', value: 'updatedAt' },\n        { text: 'Action', value: 'action', width: '100' },\n      ],\n      contentgroups: [],\n      contentgroup: '',\n      mainpage: {\n\n      },\n      viewref: '',\n      contents: [],\n      dialogmode: 'new',\n      currentcontentgroup: {\n        content: '<p></p>',\n        contentcomponents: [],\n      },\n    }\n  },\n  watch: {\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.getcontentgroups()\n    this.findcontents()\n  },\n  methods: {\n    async removethumbnail() {\n      if (confirm('ยืนยันการลบรูปภาพ')) {\n        await this.axios.delete('/admin/contentgroup/thumbnail', {\n          params: { _id: this.currentcontentgroup._id },\n        })\n        await this.getcontentgroups()\n        this.dialog = false\n      }\n    },\n    viewcontentgroup(item) {\n      this.viewref = 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    async findcontents() {\n      const { data: { contents } } = await this.axios.get('/admin/contents/title')\n      this.contents = contents\n    },\n    changecover(img) {\n      const reader = new FileReader()\n      reader.onload = e => {\n        this.currentcontentgroup.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.currentcontentgroup.thumbnail = e.target.result\n        this.$forceUpdate()\n      }\n      reader.readAsDataURL(img)\n    },\n    addcomponent(type) {\n      if (type === 'Relate') {\n        this.currentcontentgroup.contentcomponents.push({\n          titletype: 'h1', type: 'Relate', content_id: '', title: '', p: [''],\n        })\n      } else {\n        this.currentcontentgroup.contentcomponents.push({\n          titletype: 'h1', type: 'Refine', title: '', p: [''],\n        })\n      }\n      console.log(type)\n    },\n    removecomponent(index) {\n      this.currentcontentgroup.contentcomponents.splice(index, 1)\n    },\n    editcontentgroup(item) {\n      this.dialogmode = 'edit'\n      this.currentcontentgroup = item\n      this.dialog = true\n    },\n    newcontentgroup() {\n      this.dialogmode = 'new'\n      this.dialog = true\n      this.currentcontentgroup = {\n        content: '<p></p>',\n        ref: '',\n        contentcomponents: [],\n      }\n    },\n    async getcontentgroups() {\n      let { data: { contentgroups } } = await this.axios.get('/admin/contentgroups')\n      contentgroups = contentgroups.map(contentgroup => ({\n        ...contentgroup,\n        action: '',\n        updatedAt: moment(contentgroup.createdAt).format('YYYY-MM-DD HH:mm:ss'),\n        createdAt: moment(contentgroup.createdAt).format('YYYY-MM-DD HH:mm:ss'),\n      }))\n      this.contentgroups = contentgroups\n    },\n\n    // getstatustext(statusvalue) {\n    //   const status = this.statusitems.find(item => item.value === statusvalue)\n\n    //   return status.label\n    // },\n    async savecontentgroup() {\n      if (this.$refs.currentcontentgroup.validate()) {\n        try {\n          // const currentcontentgroup = {\n          //   title: this.currentcontentgroup.title,\n          //   description: this.currentcontentgroup.description,\n          //   ref: this.currentcontentgroup.ref,\n          //   group: this.currentcontentgroup.group,\n          //   status: this.currentcontentgroup.status,\n          //   keywords: this.currentcontentgroup.keywords,\n          //   contentgroup: this.currentcontentgroup.contentgroup,\n          // }\n          const contentgroupform = new FormData()\n          contentgroupform.append('name', this.currentcontentgroup.name)\n          contentgroupform.append('title', this.currentcontentgroup.title)\n          contentgroupform.append('description', this.currentcontentgroup.description)\n          contentgroupform.append('content', this.currentcontentgroup.content)\n          contentgroupform.append('iscustom', this.currentcontentgroup.iscustom)\n          contentgroupform.append('ispromote', this.currentcontentgroup.ispromote)\n          contentgroupform.append('ref', this.currentcontentgroup.ref)\n          contentgroupform.append('content_id', this.currentcontentgroup.content_id)\n          contentgroupform.append('keywords', this.currentcontentgroup.keywords)\n          contentgroupform.append('contentcomponents', JSON.stringify(this.currentcontentgroup.contentcomponents))\n          if (this.covertmp) {\n            contentgroupform.append('coverimg', this.covertmp)\n          }\n          if (this.thumbnailtmp) {\n            contentgroupform.append('thumbnailimg', this.thumbnailtmp)\n          }\n          if (this.dialogmode === 'edit') {\n            await this.axios.put('/admin/contentgroup', contentgroupform, { params: { _id: this.currentcontentgroup._id } })\n          } else {\n            await this.axios.post('/admin/contentgroup', contentgroupform)\n          }\n          await this.getcontentgroups()\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  },\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!./Contentgroup.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!./Contentgroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contentgroup.vue?vue&type=template&id=58eb98d2&\"\nimport script from \"./Contentgroup.vue?vue&type=script&lang=js&\"\nexport * from \"./Contentgroup.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 { 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 { 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,VCol,VCombobox,VDataTable,VDialog,VFileInput,VForm,VIcon,VImg,VList,VListItem,VListItemTitle,VMenu,VRow,VSpacer,VSwitch,VTab,VTabItem,VTabs,VTextField,VTextarea,VToolbar,VToolbarTitle})\n"],"sourceRoot":""}