{"version":3,"sources":["webpack:///./src/views/private/news/form/add.vue","webpack:///src/views/private/news/form/add.vue","webpack:///./src/views/private/news/form/add.vue?ded2","webpack:///./src/views/private/news/form/add.vue?1c8c"],"names":["dialog","model","value","_vm","callback","expression","domProps","_s","_c","staticClass","$event","attrs","_v","ref","scopedSlots","key","errors","valid","style","save","on","proxy","form","_u","$set","autocomplete","fn","item","cat_image","placeholder","content","data","status","directives","rawName","staticStyle","onScroll","class","url","image","upload","slot","process","staticRenderFns","render","scroll","snackbar","folder","category","config","title","cat_id","cat_title","type","extra","createdby","name","email","message","success","error","components","uploadfolder","watch","handler","user_id","file_id","deep","computed","user","rps","mounted","methods","static","t","sort","order_by","cat_type","search","params","then","setTimeout","map","filter","behavior","block","component"],"mappings":"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","file":"js/chunk-2d0d3ac7.d9ed20db.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fill-height\"},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',[_c('section',[_c('v-snackbar',{attrs:{\"top\":\"\",\"right\":\"\",\"color\":\"#B71C1C\"},scopedSlots:_vm._u([{key:\"action\",fn:function({ attrs }){return [_c('v-btn',_vm._b({staticClass:\"body-1 font-weight-bold text-capitalize\",attrs:{\"color\":\"white\",\"icon\":\"\"},on:{\"click\":function($event){_vm.dialog.snackbar = false}}},'v-btn',attrs,false),[_c('v-icon',[_vm._v(\"mdi-close-circle-outline\")])],1)]}}]),model:{value:(_vm.dialog.snackbar),callback:function ($$v) {_vm.$set(_vm.dialog, \"snackbar\", $$v)},expression:\"dialog.snackbar\"}},[_c('span',{staticClass:\"body-1 font-weight-light white--text\",domProps:{\"innerHTML\":_vm._s(_vm.message.success)}})]),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"7\"}},[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-card-text',{staticClass:\"pa-0\"},[_c('div',{staticClass:\"d-flex align-center color-first cursor-pointer mb-4\",on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_c('v-icon',{attrs:{\"color\":\"#B71C1C\"}},[_vm._v(\"mdi-arrow-left-thick\")]),_c('span',{staticClass:\"body-1 ml-1\"},[_vm._v(\"\\n                    Kembali\\n                  \")])],1),_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[_c('ValidationProvider',{attrs:{\"name\":\"title\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                        Judul\\n                        \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                          (wajib diisi)\\n                        \")])]),_c('v-text-field',{staticClass:\"mb-6\",style:(`width: ${_vm.rps === 'xs' ? 100 : 70}%`),attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Contoh. Klaten Bersinar\",\"hide-details\":\"\",\"vvvv-uppercase\":\"\",\"success\":valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                              \\n                              Judul \"+_vm._s(errors[0])+\"\\n                            \")])],1):_vm._e(),(_vm.form.title !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.title),callback:function ($$v) {_vm.$set(_vm.form, \"title\", $$v)},expression:\"form.title\"}})]}}])}),_c('ValidationProvider',{attrs:{\"name\":\"category\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                        Kategori\\n                        \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                          (wajib diisi)\\n                        \")])]),_c('v-autocomplete',{staticClass:\"mb-6\",style:(`width: ${_vm.rps === 'xs' ? 100 : 40}%`),attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Contoh. Seminar\",\"search-input\":_vm.autocomplete.category,\"loading\":_vm.process.category,\"items\":_vm.config.category,\"item-value\":\"cat_id\",\"item-text\":\"cat_title\",\"item-color\":\"red darken-1\",\"hide-details\":\"\",\"success\":valid,\"error-messages\":errors,\"required\":\"\"},on:{\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"category\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"category\", $event)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                              \\n                              Kategori \"+_vm._s(errors[0])+\"\\n                            \")])],1):_vm._e(),(_vm.form.cat_id !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true},{key:\"selection\",fn:function({ item }){return [_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{staticClass:\"ma-auto\",attrs:{\"alt\":\"kominfo\",\"src\":item.cat_image},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,true)})],1),_c('span',{staticClass:\"ml-2\"},[_vm._v(\"\\n                            \"+_vm._s(item.cat_title)+\"\\n                          \")])]}},{key:\"item\",fn:function({ item }){return [_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{staticClass:\"ma-auto\",attrs:{\"alt\":\"kominfo\",\"src\":item.cat_image},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,true)})],1),_c('span',{staticClass:\"ml-2\"},[_vm._v(\"\\n                            \"+_vm._s(item.cat_title)+\"\\n                          \")])]}}],null,true),model:{value:(_vm.form.cat_id),callback:function ($$v) {_vm.$set(_vm.form, \"cat_id\", $$v)},expression:\"form.cat_id\"}})]}}])}),_c('div',{staticClass:\"mb-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                        Keterangan\\n                        \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                          (wajib diisi)\\n                        \")])]),_c('quill-editor',{ref:\"myTextEditor\",attrs:{\"options\":{\n                          placeholder: 'Contoh. Tanggul sungai dengkeng jebol, kontruksi tidak bagus'\n                        }},model:{value:(_vm.form.content),callback:function ($$v) {_vm.$set(_vm.form, \"content\", $$v)},expression:\"form.content\"}})],1),_c('div',[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                        Status\\n                        \"),_c('span',[_vm._v(\"\\n                          (boleh dikosongi)\\n                        \")])]),_c('v-select',{style:(`width: ${_vm.rps === 'xs' ? 100 : 30}%`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"single-line\":\"\",\"color\":\"#B71C1C\",\"item-color\":\"red darken-1\",\"placeholder\":\"Contoh: publish\",\"items\":['publish', 'draft'],\"success\":_vm.form.status !== ''},scopedSlots:_vm._u([{key:\"selection\",fn:function(data){return [_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"\\n                            \"+_vm._s(data.item)+\"\\n                          \")])]}},{key:\"item\",fn:function(data){return [_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"\\n                            \"+_vm._s(data.item)+\"\\n                          \")])]}},{key:\"append-outer\",fn:function(){return [(_vm.form.status !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.status),callback:function ($$v) {_vm.$set(_vm.form, \"status\", $$v)},expression:\"form.status\"}})],1)],1)],1),_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.message.error.length > 0),expression:\"message.error.length > 0\"}],staticClass:\"mt-6\",attrs:{\"type\":\"error\",\"text\":\"\",\"dense\":\"\",\"prominent\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.message.error)}})],1),_c('div',[_c('v-divider',{staticClass:\"mb-4\",staticStyle:{\"border\":\"3px solid #eaeaea\",\"border-radius\":\"50px\"}}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\",\"disabled\":_vm.process.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save()},\"click\":function($event){return _vm.save()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n                    Simpan\\n                  \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n                    Batal\\n                  \")],1)],1)],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:(_vm.onScroll),expression:\"onScroll\"}],class:_vm.scroll ? 'on-scroll-sticky' : 'on-scroll-ralative'},[_c('v-card',{staticClass:\"border-radius\",staticStyle:{\"box-shadow\":\"rgba(0, 0, 0, 0.04) 0px 3px 12px\"}},[_c('v-card-text',[_c('div',[_c('div',{staticClass:\"body-1 font-weight-bold black--text\"},[_vm._v(\"\\n                      Gambar Cover\\n                    \")]),_c('v-divider',{staticClass:\"mt-2 mb-4\",staticStyle:{\"border\":\"3px solid #eaeaea\",\"border-radius\":\"50px\"}})],1),_c('v-row',[_vm._l((_vm.form.image),function(item,index){return _c('v-col',{key:index,attrs:{\"cols\":\"6\",\"md\":\"4\"}},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\",\"box-shadow\":\"rgba(0, 0, 0, 0.04) 0px 3px 5px\"},attrs:{\"flat\":\"\",\"height\":\"150\"}},[_c('v-img',{staticClass:\"ma-auto\",attrs:{\"alt\":\"kominfo\",\"width\":\"100%\",\"height\":\"150\",\"src\":item.url},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,true)},[_c('div',{staticClass:\"cursor-pointer\",staticStyle:{\"position\":\"absolute\",\"top\":\"5px\",\"right\":\"5px\"},on:{\"click\":function($event){return _vm.form.image.splice(index, 1)}}},[_c('v-icon',{attrs:{\"size\":\"20\",\"color\":\"red\"}},[_vm._v(\"mdi-close-circle\")])],1)])],1)],1)}),_c('v-col',{attrs:{\"cols\":\"6\",\"md\":\"4\"}},[_c('uploadfolder',{model:{value:(_vm.upload.folder),callback:function ($$v) {_vm.$set(_vm.upload, \"folder\", $$v)},expression:\"upload.folder\"}},[_c('div',{staticClass:\"cursor-pointer\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"flat\":\"\",\"height\":\"150\"}},[(!_vm.process.image)?_c('v-icon',{attrs:{\"size\":\"60\",\"color\":\"grey\"}},[_vm._v(\"\\n                              mdi-cloud-upload-outline\\n                            \")]):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)],1)])],1)],2)],1)],1)],1)])],1)],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"fill-height\">\n    <v-layout wrap>\n      <v-flex>\n        <section>\n          <v-snackbar\n            v-model=\"dialog.snackbar\"\n            top\n            right\n            color=\"#B71C1C\">\n            <span class=\"body-1 font-weight-light white--text\"\n              v-html=\"message.success\">\n            </span>\n\n            <template v-slot:action=\"{ attrs }\">\n              <v-btn\n                class=\"body-1 font-weight-bold text-capitalize\"\n                color=\"white\"\n                icon\n                v-bind=\"attrs\"\n                @click=\"dialog.snackbar = false\">\n                <v-icon>mdi-close-circle-outline</v-icon>\n              </v-btn>\n            </template>\n          </v-snackbar>\n\n          <v-row>\n            <v-col cols=\"12\" md=\"7\">\n              <v-card flat>\n                <v-card-text class=\"pa-0\">\n                  <div @click=\"$router.go(-1)\"\n                    class=\"d-flex align-center color-first cursor-pointer mb-4\">\n                    <v-icon color=\"#B71C1C\">mdi-arrow-left-thick</v-icon>\n                \n                    <span class=\"body-1 ml-1\">\n                      Kembali\n                    </span>\n                  </div>\n\n                  <ValidationObserver ref=\"form\">\n                    <v-form class=\"text-left\">\n                      <ValidationProvider \n                        name=\"title\" \n                        rules=\"required\" \n                        v-slot=\"{ errors, valid }\">\n                        <div class=\"body-2 mb-2\">\n                          <span class=\"red--text\">*</span>\n                          Judul\n                          <span class=\"error--text\">\n                            (wajib diisi)\n                          </span>\n                        </div>\n                        \n                        <v-text-field\n                          class=\"mb-6\"\n                          :style=\"`width: ${rps === 'xs' ? 100 : 70}%`\"\n                          v-on:keyup.enter=\"save\"\n                          outlined\n                          dense\n                          color=\"#B71C1C\"\n                          placeholder=\"Contoh. Klaten Bersinar\"\n                          hide-details\n                          v-model=\"form.title\"\n                          vvvv-uppercase\n                          :success=\"valid\"\n                          :error-messages=\"errors\"\n                          required>\n                          <template v-slot:append-outer>\n                            <div v-if=\"errors.length > 0\">\n                              <v-tooltip top color=\"#ff5252\">\n                                <template v-slot:activator=\"{ on }\">\n                                  <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                                </template>\n                                \n                                Judul {{ errors[0] }}\n                              </v-tooltip>\n                            </div>\n\n                            <div v-if=\"form.title !== '' && valid\">\n                              <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                            </div>\n                          </template>\n                        </v-text-field>\n                      </ValidationProvider>\n\n                      <ValidationProvider \n                        name=\"category\" \n                        rules=\"required\" \n                        v-slot=\"{ errors, valid }\">\n                        <div class=\"body-2 mb-2\">\n                          <span class=\"red--text\">*</span>\n                          Kategori\n                          <span class=\"error--text\">\n                            (wajib diisi)\n                          </span>\n                        </div>\n                        \n                        <v-autocomplete\n                          class=\"mb-6\"\n                          :style=\"`width: ${rps === 'xs' ? 100 : 40}%`\"\n                          outlined\n                          dense\n                          color=\"#B71C1C\"\n                          placeholder=\"Contoh. Seminar\"\n\n                          :search-input.sync=\"autocomplete.category\"\n                          :loading=\"process.category\"\n                          \n                          :items=\"config.category\"\n                          item-value=\"cat_id\"\n                          item-text=\"cat_title\"\n                          item-color=\"red darken-1\"\n\n                          hide-details\n\n                          v-model=\"form.cat_id\"\n                          :success=\"valid\"\n                          :error-messages=\"errors\"\n                          required>\n\n                          <template v-slot:append-outer>\n                            <div v-if=\"errors.length > 0\">\n                              <v-tooltip top color=\"#ff5252\">\n                                <template v-slot:activator=\"{ on }\">\n                                  <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                                </template>\n                                \n                                Kategori {{ errors[0] }}\n                              </v-tooltip>\n                            </div>\n\n                            <div v-if=\"form.cat_id !== '' && valid\">\n                              <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                            </div>\n                          </template>\n\n                          <template v-slot:selection=\"{ item }\">\n                            <v-avatar size=\"30\">\n                              <v-img \n                                alt=\"kominfo\" \n                                :src=\"item.cat_image\"\n                                class=\"ma-auto\">\n                                <template v-slot:placeholder>\n                                  <v-row\n                                    class=\"fill-height\"\n                                    align=\"center\"\n                                    justify=\"center\">\n                                    <v-progress-circular \n                                      indeterminate \n                                      color=\"#B71C1C\">\n                                    </v-progress-circular>\n                                  </v-row>\n                                </template>\n                              </v-img>\n                            </v-avatar>\n\n                            <span class=\"ml-2\">\n                              {{ item.cat_title }}\n                            </span>\n                          </template>\n                          \n                          <template v-slot:item=\"{ item }\">\n                            <v-avatar size=\"30\">\n                              <v-img \n                                alt=\"kominfo\" \n                                :src=\"item.cat_image\"\n                                class=\"ma-auto\">\n                                <template v-slot:placeholder>\n                                  <v-row\n                                    class=\"fill-height\"\n                                    align=\"center\"\n                                    justify=\"center\">\n                                    <v-progress-circular \n                                      indeterminate \n                                      color=\"#B71C1C\">\n                                    </v-progress-circular>\n                                  </v-row>\n                                </template>\n                              </v-img>\n                            </v-avatar>\n\n                            <span class=\"ml-2\">\n                              {{ item.cat_title }}\n                            </span>\n                          </template>\n                        </v-autocomplete>\n                      </ValidationProvider>\n\n                      <div class=\"mb-6\">\n                        <div class=\"body-2 mb-2\">\n                          <span class=\"red--text\">*</span>\n                          Keterangan\n                          <span class=\"error--text\">\n                            (wajib diisi)\n                          </span>\n                        </div>\n\n                        <quill-editor \n                          ref=\"myTextEditor\"\n                          :options=\"{\n                            placeholder: 'Contoh. Tanggul sungai dengkeng jebol, kontruksi tidak bagus'\n                          }\"\n                          v-model=\"form.content\">\n                        </quill-editor>\n                      </div>\n\n                      <div>\n                        <div class=\"body-2 mb-2\">\n                          Status\n                          <span>\n                            (boleh dikosongi)\n                          </span>\n                        </div>\n\n                        <v-select\n                          :style=\"`width: ${rps === 'xs' ? 100 : 30}%`\"\n                          dense\n                          outlined\n                          single-line\n                          color=\"#B71C1C\"\n                          item-color=\"red darken-1\"\n                          placeholder=\"Contoh: publish\"\n                          :items=\"['publish', 'draft']\"\n                          v-model=\"form.status\"\n                          :success=\"form.status !== ''\">\n                          <template slot=\"selection\" slot-scope=\"data\">\n                            <span class=\"text-capitalize\">\n                              {{ data.item }}\n                            </span>\n                          </template>\n\n                          <template slot=\"item\" slot-scope=\"data\">\n                            <span class=\"text-capitalize\">\n                              {{ data.item }}\n                            </span>\n                          </template>\n                          \n                          <template v-slot:append-outer>\n                            <div v-if=\"form.status !== ''\">\n                              <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                            </div>\n                          </template>\n                        </v-select>\n                      </div>\n                    </v-form>\n                  </ValidationObserver>\n                  \n                  <v-alert \n                    type=\"error\" \n                    text dense prominent \n                    class=\"mt-6\"\n                    v-show=\"message.error.length > 0\"\n                    v-html=\"message.error\">\n                  </v-alert>\n                </v-card-text>\n\n                <div>\n                  <v-divider class=\"mb-4\" style=\"border: 3px solid #eaeaea; border-radius: 50px;\"/>\n\n                  <v-card-actions>\n                    <v-spacer/>\n\n                    <v-btn\n                      color=\"#B71C1C\"\n                      elevation=\"0\"\n                      class=\"body-2 font-weight-bold text-capitalize white--text\"\n                      :disabled=\"process.form\"\n                      :loading=\"process.form\"\n                      v-on:keyup.enter=\"save()\"\n                      @click=\"save()\">\n                      <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n                      Simpan\n                    </v-btn>\n\n                    <v-btn\n                      outlined\n                      class=\"body-2 font-weight-bold text-capitalize red--text\"\n                      :disabled=\"process.form\"\n                      @click=\"$router.go(-1)\">\n                      <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n                      Batal\n                    </v-btn>\n                  </v-card-actions>\n                </div>\n              </v-card>\n            </v-col>\n\n            <v-col cols=\"12\" md=\"5\">\n              <div :class=\"scroll ? 'on-scroll-sticky' : 'on-scroll-ralative'\" v-scroll=\"onScroll\">\n                <v-card\n                  class=\"border-radius\"\n                  style=\"box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 12px;\">\n                  <v-card-text>\n                    <div>\n                      <div class=\"body-1 font-weight-bold black--text\">\n                        Gambar Cover\n                      </div>\n\n                      <v-divider class=\"mt-2 mb-4\" style=\"border: 3px solid #eaeaea; border-radius: 50px;\" />\n                    </div>\n\n                    <v-row>\n                      <v-col \n                        v-for=\"(item, index) in form.image\"\n                        :key=\"index\"\n                        cols=\"6\" md=\"4\">\n                        <v-card \n                          flat\n                          height=\"150\"\n                          class=\"d-flex align-center justify-center\"\n                          style=\"border-radius: 15px;\n                                border: 2px solid #eaeaea; \n                                border-style: dashed;\n                                box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; \">\n                          <v-img \n                            alt=\"kominfo\" \n                            width=\"100%\"\n                            height=\"150\"\n                            :src=\"item.url\"\n                            class=\"ma-auto\">\n                            <template v-slot:placeholder>\n                              <v-row\n                                class=\"fill-height\"\n                                align=\"center\"\n                                justify=\"center\">\n                                <v-progress-circular \n                                  indeterminate \n                                  color=\"#B71C1C\">\n                                </v-progress-circular>\n                              </v-row>\n                            </template>\n\n                            <div @click=\"form.image.splice(index, 1)\"\n                              class=\"cursor-pointer\"\n                              style=\"position: absolute; top: 5px; right: 5px;\">\n                              <v-icon size=\"20\" color=\"red\">mdi-close-circle</v-icon>\n                            </div>\n                          </v-img>\n                        </v-card>\n                      </v-col>\n\n                      <v-col cols=\"6\" md=\"4\">\n                        <uploadfolder v-model=\"upload.folder\">\n                          <div slot=\"activator\" class=\"cursor-pointer\">\n                            <v-card \n                              flat\n                              height=\"150\"\n                              class=\"d-flex align-center justify-center\"\n                              style=\"border-radius: 15px;\n                                    border: 2px solid #eaeaea; \n                                    border-style: dashed;\">\n                              <v-icon v-if=\"!process.image\"\n                                size=\"60\" \n                                color=\"grey\">\n                                mdi-cloud-upload-outline\n                              </v-icon>\n\n                              <v-progress-circular v-else\n                                indeterminate\n                                color=\"#B71C1C\">\n                              </v-progress-circular>\n                            </v-card>\n                          </div>\n                        </uploadfolder>\n                      </v-col>\n                    </v-row>\n                  </v-card-text>\n                </v-card>\n              </div>\n            </v-col>\n          </v-row>\n        </section>\n      </v-flex>\n    </v-layout>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  export default {\n    data () {\n      return {\n        scroll: false,\n        dialog: {\n          snackbar: false\n        },\n        upload: {\n          folder: null\n        },\n        autocomplete: {\n          category: ''\n        },\n        config: {\n          category: []\n        },\n        form: {\n          title: '',\n          cat_id: '',\n          cat_title: '',\n          status: '',\n          type: 'news',\n          content: '',\n          image: [],\n          extra: {\n            createdby: {\n              name: '',\n              email: ''\n            }\n          }\n        },\n        process: {\n          form: false,\n          category: false,\n          image: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      uploadfolder: () => import(/* webpackPrefetch: true */ '@/components/upload/folder.vue')\n    },\n    watch: {\n      'upload.folder': {\n        handler: function () {\n          if (this.upload.folder) {\n            this.process.image = this.upload.folder.process\n\n            if (!this.process.image) {\n              // CALLBACK FROM UPLOAD IMAGE\n              this.form.image.push({\n                url: this.upload.folder.data.full.file_url,\n                type: this.upload.folder.type,\n                process: this.upload.folder.process,\n                user_id: this.user.id,\n                file_id: this.upload.folder.id === undefined ? 0 : this.upload.folder.id\n              })\n            }\n          }\n        },\n        deep: true\n      },\n      'form.cat_id': function() {\n        let t = this\n        let cat = this.config.category.filter(function(v) {\n          return t.form.cat_id == v.cat_id\n        })\n\n        if (cat.length > 0) {\n          this.form.cat_title = cat[0].cat_title\n        }\n      },\n      'autocomplete.category': function() {\n        this.static().category()\n      }\n    },\n    computed: {\n      user () {\n        return this.$store.state.user\n      },\n      rps() {\n        return this.$vuetify.breakpoint.name\n      }\n    },\n    mounted () {\n      \n    },\n    methods: {\n      onScroll(e) {\n        if (typeof window === 'undefined') return\n        const top = window.pageYOffset || e.target.scrollTop || 0\n        this.scroll = top > window.innerHeight - 1000\n      },\n      static () {\n        let t = this\n        return {\n          async category () {\n            t.process.category = true\n\n            let params = {\n              sort: 'cat_pos',\n              order_by: 'ASC',\n              cat_type: 'news',\n              search: t.autocomplete.category\n            }\n\n            await get(`category`, { params })\n            .then(response => {\n              let res = response.data\n\n              if (res.code == 200) {\n                t.process.category = false\n\n                t.config.category = res.data\n              }\n            })\n          }\n        }\n      },\n      async save() {\n        this.message.error = ''\n\n        this.form.extra.createdby = {\n          name: this.user.fullname,\n          email: this.user.email,\n          image: this.user.image\n        }\n        \n        const isValid = await this.$refs.form.validate()\n        if (isValid) {\n          this.process.form = true\n\n          // SAVE TO REST API\n          await post(`post/create`, {\n            data: this.form\n          })\n          .then((response) => {\n            let res = response.data\n\n            if (res.code === 200) {\n              this.dialog.snackbar = true\n              this.message.success = res.message\n\n              this.$router.push('/news?type=news')\n            } else {\n              this.process.form = false\n              this.message.error = res.message\n            }\n          })\n        } else {\n          // AUTO FOCUS ON TEXT-FIELD\n          setTimeout(() => {\n            const errors = Object.entries(this.$refs.form.errors)\n              .map(([key, value]) => ({ key, value }))\n              .filter(error => error['value'].length)\n            this.$refs.form.refs[errors[0]['key']].$el.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            })\n          }, 10)\n        }\n      }\n    }\n  }\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./add.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./add.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./add.vue?vue&type=template&id=70175ad6&\"\nimport script from \"./add.vue?vue&type=script&lang=js&\"\nexport * from \"./add.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}